/* 17C / 独立影视阅读导览 */
:root{--navy:#0A1628;--body:#1E2A3A;--muted:#4A5568;--sub:#718096;--blue:#0033A0;--bright:#0052CC;--deep:#002066;--pale:#F5F7FA;--soft:#EEF1F6;--line:rgba(0,51,160,.14);--shadow:0 12px 36px rgba(0,33,102,.08);--wrap:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;background:#fff;color:var(--body);font:16px/1.75 system-ui,-apple-system,"Microsoft YaHei","Noto Sans CJK SC",sans-serif;overflow-x:clip}html.overlay-open,body.overlay-open{overflow:hidden}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{color:var(--bright)}:focus-visible{outline:3px solid #76A5FF;outline-offset:3px}img{display:block;max-width:100%;height:auto}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{color:var(--navy);line-height:1.35}h1{font-size:clamp(28px,3vw,32px);letter-spacing:-.5px}h2{font-size:clamp(21px,2vw,25px)}h3{font-size:18px}p{margin-bottom:18px}small{font-size:.74em}.site-header{position:fixed;inset:0 0 auto;width:100%;z-index:60;background:#fff;box-shadow:0 2px 16px rgba(0,33,102,.05)}.header-line{height:22px;background:var(--deep);color:#fff;position:relative}.header-line-inner{max-width:var(--wrap);height:100%;padding:0 20px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.line-brand{font-size:11px;letter-spacing:1.25px;font-weight:750;line-height:22px;white-space:nowrap}.line-search{display:flex;gap:5px;align-items:center;justify-content:center;background:transparent;color:#fff;border:0;height:44px;min-width:64px;position:relative;z-index:2;font-size:12px;font-weight:750}.line-search:hover{color:#ACCDFF}.header-command{height:68px;border-bottom:1px solid var(--line);background:#fff}.command-inner{max-width:var(--wrap);margin:0 auto;height:100%;padding:0 20px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px}.brand{display:flex;align-items:center;min-width:0;justify-self:start}.brand img{height:36px;max-width:192px;object-fit:contain;object-position:left center}.brand-fallback{color:var(--deep);font-size:27px;font-weight:900}.brand-fallback small{margin-left:4px;color:var(--bright)}.open-directory{height:44px;border:1px solid var(--line);background:#F5F7FB;color:var(--navy);padding:0 20px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;font-size:15px;font-weight:800}.open-directory:hover{border-color:var(--blue);background:#EAF1FD}.open-app{justify-self:end;height:44px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:0 22px;color:white;background:linear-gradient(135deg,#0052CC 0%,#0033A0 50%,#002066 100%);font-size:14px;font-weight:800;border-radius:10px;gap:8px}.open-app:hover{color:white;filter:brightness(1.14)}.header-tabs{height:44px;border-bottom:1px solid var(--line);background:var(--pale)}.tabs-inner{height:100%;max-width:var(--wrap);padding:0 20px;margin:0 auto;display:flex;gap:5px;align-items:center}.header-tabs a{font-size:14px;display:flex;align-items:center;justify-content:center;min-height:36px;min-width:78px;padding:0 14px;border-radius:8px;color:var(--muted);font-weight:650}.header-tabs a:hover{color:var(--blue);background:#E5EDFA}.header-tabs a.selected{color:#fff;background:var(--blue)}.site-main{max-width:var(--wrap);margin:0 auto;padding:166px 20px 60px;min-height:70vh}.page-section{margin:0 0 38px}.content-card,.hero-card,.soft-card,.mini-card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.hero-card{padding:16px}.hero-copy{padding:25px 25px 16px}.hero-copy h1{font-size:clamp(28px,3.3vw,36px);max-width:800px;margin:8px 0 15px}.hero-copy p{max-width:800px;font-size:16px}.eyebrow{display:inline-block;color:var(--blue);font-size:12px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase}.media-frame{display:flex;align-items:center;justify-content:center;background:#F2F6FD;border:1px solid rgba(0,51,160,.08);border-radius:12px;overflow:hidden;min-height:100px}.media-frame img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.media-fallback{display:flex;align-items:center;justify-content:center;min-height:180px;padding:20px;text-align:center;font-size:22px;font-weight:900;color:var(--navy)}.hero-visual{width:100%;height:min(300px,44vw)}.hero-visual img{height:100%}.media-card{height:210px}.media-inset{height:205px}.media-wide{height:220px}.media-tall{height:420px;max-width:340px;width:100%;margin-inline:auto}.app-icon{width:64px;height:64px;flex:none}.app-icon img{height:100%}.btn-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:18px 0 0}.btn{min-height:44px;display:inline-flex;justify-content:center;align-items:center;padding:9px 19px;border-radius:10px;font-size:14px;font-weight:800;line-height:1.4;white-space:nowrap;border:1px solid var(--blue)}.btn-primary{background:linear-gradient(135deg,#0052CC 0%,#0033A0 50%,#002066 100%);color:#fff}.btn-primary:hover{color:white;filter:brightness(1.13)}.btn-secondary{background:#fff;color:var(--blue)}.btn-secondary:hover{background:#EFF5FF;color:var(--deep)}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:0 0 19px}.section-top h2{margin:3px 0 0}.section-top .more{font-size:14px;color:var(--blue);font-weight:800;white-space:nowrap}.section-top .more:hover{text-decoration:underline}.badge-dot{display:inline-block;width:9px;height:9px;border-radius:3px;background:var(--bright);margin-right:9px}.grid-6{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tag-card{padding:20px 19px;border:1px solid var(--line);border-radius:12px;background:var(--pale);min-height:126px;display:block}.tag-card:hover{background:#E9F0FD;border-color:#9AB6E4;color:var(--navy)}.tag-card h3{font-size:17px;margin-bottom:6px}.tag-card p{font-size:14px;line-height:1.65;margin:0;color:var(--muted)}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.poster-card{padding:14px}.poster-card h3{margin:19px 7px 10px}.poster-card p{margin:0 7px 13px;font-size:15px;line-height:1.76}.poster-card .card-link{margin:0 7px 8px}.card-link{display:inline-flex;color:var(--blue);font-weight:800;min-height:44px;align-items:center;font-size:14px}.spot-card{padding:24px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,40%);gap:28px;align-items:center}.spot-card p{font-size:16px}.number-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.number-list a{border:1px solid var(--line);background:var(--pale);border-radius:12px;padding:16px;display:flex;flex-direction:column;min-height:123px}.number-list strong{font-size:38px;line-height:1.1;color:var(--blue)}.number-list span{font-size:15px;font-weight:850;margin:8px 0 0}.text-note{color:var(--muted);font-size:14px}.grid-4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.topic-tile{border:1px solid var(--line);background:#fff;border-radius:12px;padding:22px;min-height:130px}.topic-tile a{color:var(--blue);font-weight:850}.topic-tile p{font-size:14px;margin:7px 0 0}.shelf-list{border:1px solid var(--line);border-radius:12px;overflow:hidden}.shelf-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:16px;align-items:center;padding:17px 19px;border-bottom:1px solid var(--line);background:#fff;min-height:82px}.shelf-row:last-child{border-bottom:0}.shelf-row:hover{background:#F5F8FE}.shelf-icon{width:50px;height:48px;border-radius:8px;background:#E8F0FF;color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800}.shelf-row h3{margin:0 0 2px}.shelf-row p{font-size:14px;color:var(--muted);margin:0}.shelf-arrow{font-weight:900;color:var(--blue)}.biglist{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.biglist a{display:block;padding:23px 15px;border:1px solid var(--line);border-radius:12px;background:var(--pale);min-height:182px}.biglist strong{color:var(--blue);font-size:50px;line-height:1.1;display:block}.biglist h3{font-size:16px;margin:14px 0 7px}.biglist p{color:var(--muted);font-size:13px;line-height:1.65;margin:0}.timeline{border-left:3px solid #9BB9EE;margin-left:18px;padding-left:29px;display:grid;gap:17px}.timeline-item{position:relative;border:1px solid var(--line);border-radius:12px;padding:17px;background:#fff}.timeline-item:before{content:'';position:absolute;width:13px;height:13px;border-radius:50%;background:var(--blue);border:3px solid white;box-shadow:0 0 0 2px var(--blue);left:-38px;top:26px}.timeline-item strong{color:var(--blue)}.timeline-item p{margin:4px 0 0}.steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.step-card{border:1px solid var(--line);border-radius:12px;padding:19px;background:#fff}.step-card .step-number{font-size:26px;color:var(--blue);font-weight:900}.step-card h3{margin:9px 0}.step-card p{font-size:14px;margin:0}.app-service{padding:25px;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,35%);gap:25px;align-items:center}.app-service h2{margin:0 0 10px}.app-brandrow{display:flex;align-items:center;gap:12px;margin:16px 0}.app-brandrow strong{color:var(--blue)}.content-split{display:grid;grid-template-columns:1.2fr .8fr;gap:15px}.reading-card{padding:24px}.reading-card p:last-child{margin:0}.reading-card h2{font-size:20px}.reading-card .btn-row{margin:0}.faq-teaser{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.faq-teaser a{border:1px solid var(--line);padding:13px 16px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;min-height:60px;font-size:14px;font-weight:700}.faq-teaser a:hover{border-color:var(--bright);background:var(--pale)}.faq-teaser span{color:var(--blue);padding-left:8px}.page-head{padding:24px 26px;background:linear-gradient(110deg,#EFF4FD,#fff 66%);border:1px solid var(--line);border-radius:14px;margin:0 0 22px}.page-head h1{margin:8px 0 12px}.page-head p{max-width:960px;margin:0;color:var(--muted)}.page-intro{padding:24px 26px;background:#fff;border:1px solid var(--line);border-radius:13px;margin-bottom:20px;line-height:1.9}.page-intro p{margin:0}.essay-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.essay-box{border:1px solid var(--line);padding:25px;background:white;border-radius:13px;min-width:0}.essay-box h2{font-size:21px;margin:6px 0 14px}.essay-box p{font-size:16px;margin:0;line-height:1.88}.essay-box.wide{grid-column:1/-1}.essay-box .num{font-size:36px;line-height:1;color:var(--blue);font-weight:900}.essay-box.pale{background:var(--pale)}.article-visual{margin-bottom:21px}.article-visual .media-frame{height:225px}.article-end{margin-top:24px;padding:25px 28px;background:#EEF3FC;border-radius:12px;border-left:5px solid var(--blue)}.article-end p{margin:0}.article-end h2{margin:0 0 10px}.related{margin-top:28px}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.related-grid a{border:1px solid var(--line);border-radius:12px;padding:17px;display:flex;align-items:center;justify-content:space-between;font-weight:850;color:var(--blue);min-height:68px}.related-grid a:hover{background:var(--pale)}.faq-page{display:grid;gap:13px}.qa-item{border:1px solid var(--line);border-radius:12px;background:#fff;padding:21px 24px}.qa-item h2{font-size:17px;margin:0 0 10px}.qa-item p{line-height:1.86;margin:0}.qa-item strong{color:var(--blue)}.site-footer{background:var(--navy);color:#CFDBEB;margin-top:35px;border-top:4px solid var(--blue);font-size:13px}.footer-inner{max-width:var(--wrap);margin:auto;padding:40px 20px 23px}.footer-brand{display:flex;align-items:center;gap:20px;margin-bottom:35px}.footer-mark{display:block;padding:6px 12px;background:#fff;border-radius:9px;color:var(--navy);font-size:24px;font-weight:900}.footer-mark img{height:32px;width:auto;object-fit:contain}.footer-brand strong{font-size:25px;line-height:1.25;display:block;color:white}.footer-brand span{display:block;color:#A8BEDC;font-size:12px;letter-spacing:1px}.footer-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:27px}.footer-groups h2{font-size:16px;color:white;border-bottom:1px solid rgba(255,255,255,.16);padding-bottom:12px;margin-bottom:11px}.footer-groups a{display:block;min-height:32px;line-height:32px;color:#C7D7ED}.footer-groups a:hover{color:white;text-decoration:underline}.footer-policy{border-top:1px solid rgba(255,255,255,.15);margin:30px 0 0;padding-top:19px;color:#CDD8E8}.footer-end{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:14px;font-size:12px;color:#A0AEC0}.footer-end a{color:#DAE5F5}.mobile-bottom{display:none}.screen-mask{position:fixed;inset:0;background:rgba(2,13,30,.68);z-index:90;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s}.screen-mask.is-open{opacity:1;visibility:visible;pointer-events:auto}.directory-layer{position:fixed;left:0;right:0;top:90px;z-index:105;max-height:min(78dvh,850px);overflow-y:auto;overscroll-behavior:contain;background:#fff;box-shadow:0 25px 50px rgba(0,23,62,.22);border-bottom:4px solid var(--blue);visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-25px);transition:transform .22s,opacity .22s,visibility .22s}.directory-layer.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.directory-inner{max-width:var(--wrap);margin:auto;padding:22px 20px 32px}.layer-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.layer-brand{display:flex;align-items:center;gap:15px}.layer-brand img{height:31px;max-width:150px;object-fit:contain}.layer-brand strong{font-size:20px;color:var(--navy)}.layer-close{border:1px solid var(--line);background:#fff;border-radius:10px;color:var(--deep);font-weight:900;min-height:44px;min-width:86px;padding:0 13px}.layer-close:hover{background:#E9F1FF}.layer-close span{font-size:20px;margin-left:7px}.directory-lead{margin:8px 0 20px;color:var(--muted);font-size:14px}.directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.directory-group{min-width:0}.directory-group h2{font-size:17px;color:var(--blue);border-bottom:2px solid #E4EBF8;padding-bottom:9px}.directory-links{display:grid;gap:6px}.directory-links a{min-height:66px;padding:10px 11px;background:var(--pale);border-radius:10px;border:1px solid transparent;display:grid;grid-template-columns:minmax(0,1fr) 14px;gap:2px 7px}.directory-links a:hover{border-color:#A0BDEC;color:var(--navy);background:#E9F0FD}.directory-links strong{font-size:14px;color:var(--navy);grid-column:1}.directory-links span{font-size:12px;color:var(--muted);line-height:1.5;grid-column:1}.directory-links b{grid-column:2;grid-row:1/3;font-size:16px;color:var(--blue);align-self:center}.search-layer{position:fixed;top:90px;right:max(16px,calc((100vw - 1220px)/2 + 20px));z-index:106;width:min(530px,calc(100vw - 32px));max-height:calc(100dvh - 106px);overflow:auto;padding:25px;border-radius:0 0 14px 14px;background:white;box-shadow:var(--shadow),0 24px 45px rgba(10,22,40,.18);border:1px solid var(--line);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px);transition:transform .18s,opacity .18s,visibility .18s}.search-layer.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.search-top{display:flex;justify-content:space-between;align-items:center}.search-top h2{margin:4px 0 0}.search-help{display:block;font-size:14px;color:var(--muted);margin:16px 0 9px}.search-field{display:flex;align-items:center;gap:11px;padding:0 13px;min-height:52px;border:1.5px solid #A4B8D8;border-radius:11px;color:var(--blue)}.search-field:focus-within{border-color:var(--bright);box-shadow:0 0 0 3px #BED3FC}.search-field input{flex:1;width:100%;min-width:0;outline:0;border:0;background:transparent;color:var(--navy);font-size:16px}.search-list-title{font-size:13px;font-weight:900;color:var(--navy);margin:23px 0 7px}.search-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.search-results a{min-height:66px;border:1px solid var(--line);border-radius:9px;padding:9px 11px;background:#fff;display:grid;grid-template-columns:minmax(0,1fr) 12px;gap:2px;align-items:center}.search-results a:hover{background:#EEF4FF}.search-results strong{font-size:14px;color:var(--navy);grid-column:1}.search-results span{font-size:12px;color:var(--muted);line-height:1.35;grid-column:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-results b{grid-column:2;grid-row:1/3;color:var(--blue)}.search-results a[hidden]{display:none}.no-results{font-size:14px;color:var(--muted);margin-top:12px}
.product-lead{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:center;margin-bottom:22px}.product-lead .page-intro{margin-bottom:0}.product-lead .media-tall{height:420px}
@media(max-width:1024px){.biglist{grid-template-columns:repeat(3,minmax(0,1fr))}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.product-lead{grid-template-columns:1fr}.product-lead .media-tall{height:350px;max-width:270px}.site-header{width:100%;left:0;right:0}.header-line-inner,.command-inner{padding-inline:16px}.header-tabs{display:none}.header-command{height:68px}.command-inner{grid-template-columns:minmax(0,1fr) 44px auto;gap:10px}.brand img{height:31px;max-width:140px}.brand-fallback{font-size:24px}.open-directory{width:44px;padding:0}.open-directory span{display:none}.open-app{padding:0 12px;min-width:82px;font-size:12px}.open-app span{display:none}.site-main{padding:112px 16px 42px}.hero-visual{height:160px}.hero-card{padding:9px}.hero-copy{padding:18px 13px 14px}.hero-copy h1{font-size:28px}.hero-copy p{font-size:15px}.btn-row{gap:8px}.btn{padding-inline:12px;min-height:44px;font-size:13px}.page-section{margin-bottom:29px}.section-top h2{font-size:22px}.grid-6,.grid-3,.grid-4,.essay-grid,.content-split{grid-template-columns:1fr}.tag-card{min-height:0;padding:16px}.spot-card,.app-service{grid-template-columns:1fr;gap:16px;padding:17px}.spot-card .media-frame{order:-1}.poster-card{padding:12px}.poster-card .media-card{height:205px}.number-list{grid-template-columns:repeat(2,minmax(0,1fr))}.number-list strong{font-size:30px}.biglist{grid-template-columns:repeat(2,minmax(0,1fr))}.biglist a{min-height:170px}.biglist strong{font-size:42px}.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related-grid{grid-template-columns:1fr}.shelf-row{grid-template-columns:42px minmax(0,1fr) 16px;padding:13px 12px;gap:10px}.shelf-icon{width:40px;height:43px;font-size:20px}.shelf-row h3{font-size:16px}.shelf-row p{font-size:13px}.faq-teaser{grid-template-columns:1fr}.page-head,.page-intro,.essay-box,.reading-card,.article-end{padding:19px}.essay-box.wide{grid-column:auto}.essay-box h2{font-size:20px}.article-visual .media-frame{height:200px}.app-service .media-tall{height:350px}.footer-inner{padding:34px 16px 95px}.footer-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.footer-brand{gap:13px}.footer-mark img{max-width:120px;height:27px}.mobile-bottom{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;position:fixed;bottom:0;left:0;right:0;z-index:50;height:calc(50px + env(safe-area-inset-bottom,0px));padding:0 5px env(safe-area-inset-bottom,0px);background:#fff;border-top:1px solid #C6D4EA;box-shadow:0 -5px 17px rgba(10,22,40,.06)}.mobile-bottom a{min-width:0;height:50px;color:var(--muted);font-size:12px;font-weight:750;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.4;border-radius:6px}.mobile-bottom a.on{background:var(--blue);color:white}.mobile-ico{font-size:19px;line-height:1.1}.directory-layer{top:90px;height:calc(100dvh - 90px);max-height:none}.directory-inner{padding:15px 16px 28px}.directory-grid{grid-template-columns:1fr;gap:17px}.directory-group h2{margin:0 0 9px}.directory-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.directory-links a{min-height:82px;padding:10px 9px}.directory-links span{font-size:11px}.layer-brand img{max-width:110px;height:26px}.layer-brand strong{font-size:16px}.layer-close{min-width:72px;padding:0 9px}.directory-lead{font-size:12px}.search-layer{inset:0;width:100%;height:100dvh;max-height:none;border-radius:0;background:var(--pale);padding:calc(25px + env(safe-area-inset-top,0px)) 16px 25px;overflow-y:auto}.search-results{grid-template-columns:1fr}.search-results a{min-height:63px}}
@media(max-width:359px){.line-brand{font-size:10px}.open-app{min-width:75px;padding-inline:9px}.brand img{max-width:110px;height:29px}.command-inner{column-gap:7px}.app-service .media-tall{height:320px}.poster-card .media-card{height:185px}.footer-groups{gap:14px}.btn-row .btn{font-size:12px;padding-inline:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}