/* 荔枝视频 — editorial design system */
:root{--bg:#10151d;--panel:#1a222d;--panel2:#232e3c;--ink:#f4f2ed;--muted:#aab4bd;--subtle:#768492;--line:#35414c;--accent:#f7bd69;--accent2:#e97865;--light:#ede8df;--lightink:#202934;--radius:18px;--wide:1180px;--ease:cubic-bezier(.2,.7,.2,1)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.75 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased;min-width:280px}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}img{max-width:100%;height:auto;display:block}button{font:inherit}p{margin:0 0 1.2em}h1,h2,h3{line-height:1.22;letter-spacing:-.035em;margin:0 0 .65em;font-weight:700}h1{font-size:clamp(2.65rem,6.3vw,5.9rem)}h2{font-size:clamp(1.75rem,3.6vw,3.15rem)}h3{font-size:1.24rem}em{font-style:normal;color:var(--accent)}.wrap{width:min(var(--wide),calc(100% - 64px));margin-inline:auto}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:absolute;left:12px;top:-100px;background:var(--accent);color:#111;padding:10px 14px;z-index:1000}.skip-link:focus{top:12px}.eyebrow{font-size:.73rem;text-transform:uppercase;letter-spacing:.22em;font-weight:800;color:var(--accent);margin-bottom:25px}.glow{text-shadow:0 0 30px #f7bd6970}.muted{color:var(--muted)}.highlight{color:var(--accent)}.lead{font-size:clamp(1.08rem,1.7vw,1.3rem);line-height:1.85;color:#c5ccd1;max-width:630px}.section-space{padding-top:112px;padding-bottom:112px}.site-header{position:relative;z-index:30;border-bottom:1px solid #ffffff14;background:#10151df2;backdrop-filter:blur(16px)}.header-inner{min-height:98px;display:flex;justify-content:space-between;align-items:center;gap:32px}.brand{display:inline-flex;align-items:center;gap:13px;flex:none}.brand:hover{color:var(--ink)}.brand-mark{display:grid;place-items:center;background:var(--accent);border-radius:14px;color:#22252c;font-size:1.3rem;font-weight:900;width:45px;height:45px;transform:rotate(-7deg)}.brand strong{display:block;font-size:1.35rem;line-height:1.15;letter-spacing:.04em}.brand small{display:block;color:var(--subtle);font-size:.65rem;letter-spacing:.14em;padding-top:4px}.site-nav{display:flex;gap:clamp(13px,2.4vw,28px);align-items:center}.site-nav a{font-size:.88rem;font-weight:650;color:#bdc6cc;white-space:nowrap;transition:color .2s}.site-nav a:hover,.site-nav a[aria-current]{color:var(--accent)}.nav-toggle{display:none;cursor:pointer;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:7px 14px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:12px 25px;font-size:.91rem;font-weight:750;border-radius:9px;border:1px solid transparent;transition:background .25s,transform .25s,color .25s}.button:hover{transform:translateY(-2px)}.button.primary{color:#17191a;background:var(--accent)}.button.primary:hover{background:#ffd195}.button.subtle{background:#ffffff13;border-color:#ffffff28;color:var(--ink)}.button.subtle:hover{background:#ffffff25}.button.outline{border-color:#869098;color:var(--ink)}.button.outline:hover{background:#ffffff14}.text-link{font-size:.89rem;font-weight:750;color:var(--accent);text-decoration:underline;text-decoration-color:#f7bd6955;text-underline-offset:6px}.text-link:hover{color:#ffda9c}.home-intro{min-height:690px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:45px;padding-top:48px;padding-bottom:65px}.intro-copy{position:relative;z-index:2}.intro-copy h1{letter-spacing:-.06em;max-width:750px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:38px}.intro-visual{position:relative;min-height:555px;isolation:isolate}.intro-visual::before{content:"";position:absolute;inset:8% -5% 6% 15%;background:radial-gradient(circle,#f7bd6940,transparent 65%);filter:blur(65px);z-index:-1}.intro-visual img{height:560px;width:100%;object-fit:cover;border-radius:170px 17px 100px 17px;filter:saturate(.75)}.intro-visual:after{position:absolute;content:"";inset:0;border:1px solid #ffffff28;border-radius:170px 17px 100px 17px;pointer-events:none}.visual-caption{position:absolute;bottom:30px;left:-30px;display:grid;gap:6px;background:var(--accent);color:#222831;padding:18px 30px;border-radius:8px;box-shadow:0 15px 50px #0005}.visual-caption span{font-size:.72rem;letter-spacing:.15em}.visual-caption strong{font-size:1.25rem}.focus-strip{border-block:1px solid var(--line);background:#18212a}.focus-row{display:flex;align-items:center;gap:25px;min-height:90px;flex-wrap:wrap}.focus-row>span{font-size:.75rem;color:var(--accent);font-weight:800;letter-spacing:.14em}.focus-row a{border-left:1px solid var(--line);padding-left:25px;font-size:.91rem}.focus-row a span{color:var(--accent);margin-left:8px}.section-heading{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:40px}.section-heading .eyebrow{margin-bottom:18px}.section-heading h2{margin:0}.section-heading>p{max-width:310px;color:var(--muted);font-size:.94rem;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.feature-card{background:var(--panel);padding:31px 25px 29px;border:1px solid #ffffff0d;border-top:2px solid #df955a;min-height:335px;display:flex;flex-direction:column;transition:background .25s,transform .25s}.feature-card:nth-child(2){border-top-color:#80a7ad}.feature-card:nth-child(3){border-top-color:#be98bb}.feature-card:nth-child(4){border-top-color:#a1ac7e}.feature-card:hover{background:var(--panel2);transform:translateY(-5px)}.feature-card .eyebrow{margin-bottom:26px;font-size:.68rem}.feature-card h3{font-size:1.36rem;line-height:1.45}.feature-card p{color:var(--muted);font-size:.89rem}.feature-card .text-link{margin-top:auto;padding-top:20px}.editorial-band{background:var(--light);color:var(--lightink);overflow:hidden}.editorial-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;padding-block:100px}.editorial-photo{position:relative}.editorial-photo::before{content:"";position:absolute;inset:20px -17px -19px 22px;border:1px solid #bdb4a8;z-index:0}.editorial-photo img{position:relative;object-fit:cover;width:100%;max-height:650px;border-radius:140px 8px 8px 8px}.editorial-copy .eyebrow{color:#995a3b}.editorial-copy h2{font-size:clamp(2.1rem,4vw,3.8rem)}.editorial-copy>p:not(.eyebrow){color:#48515b;font-size:1.02rem}.editorial-rule{display:flex;gap:25px;border-top:1px solid #c7c4bd;padding-block:20px}.editorial-rule>span{font-size:1.1rem;color:#b56b42;font-weight:800}.editorial-rule p{margin:0;color:#626970;font-size:.9rem}.editorial-rule strong{font-size:1.06rem;color:#252b31}.editorial-copy .text-link{color:#854721}.split-info{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.split-info>div:first-child>p{max-width:450px}.comparison-mini{border:1px solid var(--line);border-radius:13px;overflow:hidden}.comparison-mini>div{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 32px;background:var(--panel);border-bottom:1px solid var(--line)}.comparison-mini>div:nth-child(even){background:#202a36}.comparison-mini>div:last-child{border:0}.comparison-mini strong{font-weight:650}.comparison-mini span{font-size:.87rem;color:var(--accent)}.end-banner{background:#242e3a;position:relative;border-top:1px solid #ffffff13}.end-banner:before{content:"";position:absolute;right:12%;top:-40px;width:270px;height:270px;background:#f7bd6916;filter:blur(70px);pointer-events:none}.end-banner-inner{padding-block:80px;display:flex;justify-content:space-between;align-items:center;gap:35px}.end-banner h2{font-size:clamp(1.7rem,3vw,2.8rem)}.end-banner p:not(.eyebrow){color:var(--muted);margin:0}.end-banner .eyebrow{margin-bottom:18px}.site-footer{background:#0b1016;border-top:1px solid var(--line);color:var(--muted);padding-top:70px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:90px;padding-bottom:60px}.footer-brand{font-size:2rem;font-weight:850;color:var(--ink)}.footer-dot{color:var(--accent)}.footer-grid p{font-size:.9rem;max-width:330px;margin-top:20px}.footer-grid .fineprint{font-size:.8rem;color:#768492;line-height:1.8}.footer-grid nav{display:grid;grid-template-columns:1fr 1fr;gap:12px 25px;align-content:start}.footer-grid nav strong{grid-column:1/-1;color:var(--ink);font-size:.9rem;margin-bottom:6px}.footer-grid nav a{font-size:.86rem}.footer-caption{letter-spacing:.2em;font-size:.75rem;color:var(--accent)}.footer-side a{color:var(--accent);font-size:.85rem}.footer-bottom{border-top:1px solid #29313b;padding:22px 0 30px;display:flex;justify-content:space-between;font-size:.75rem;color:var(--subtle)}.interior{padding-bottom:120px}.breadcrumbs{display:flex;align-items:center;gap:12px;font-size:.78rem;color:var(--subtle);padding-top:30px}.breadcrumbs span:last-child{color:var(--accent)}.page-head{display:grid;grid-template-columns:1.2fr .8fr;gap:5%;align-items:center;margin-top:60px;margin-bottom:65px}.page-head h1{font-size:clamp(2.5rem,5.6vw,5.2rem)}.page-head img{height:355px;object-fit:cover;width:100%;border-radius:80px 12px 12px 12px}.page-head .lead{max-width:620px}.genre-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.genre-item{padding:32px;background:var(--panel);border:1px solid var(--line);min-height:365px}.genre-index{display:block;color:var(--accent);font-size:.9rem;font-weight:800;margin-bottom:38px}.genre-item h3{font-size:1.6rem}.genre-signal{color:var(--ink)!important;font-weight:600}.genre-item p,.genre-item dd{font-size:.89rem;color:var(--muted)}.genre-item dl{margin:20px 0 0}.genre-item dt{color:var(--accent);font-size:.77rem;letter-spacing:.08em;font-weight:800;margin-top:15px}.genre-item dd{margin:5px 0 0}.reading-panel{background:#293440;border-radius:14px;padding:55px}.reading-panel h2{margin-bottom:45px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.steps-grid article{border-top:1px solid #65717a;padding-top:25px}.step-number{display:inline-block;color:var(--accent);font-size:1.8rem;font-weight:800;margin-bottom:25px}.steps-grid h3{font-size:1.3rem}.steps-grid p{color:var(--muted);font-size:.91rem}.prose-section{max-width:850px}.prose-section h2{font-size:2rem}.prose-section p{color:var(--muted);font-size:1rem;line-height:2}.inline-next{border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between;gap:20px}.inline-next>span{color:var(--subtle);font-size:.85rem}.ai-head{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:45px;padding:70px 0 30px}.ai-head h1{font-size:clamp(2.5rem,5.4vw,5rem)}.ai-visual{position:relative;min-width:0}.ai-visual img{height:440px;width:100%;object-fit:cover;filter:saturate(.7);border-radius:20px 120px 20px 20px}.ai-visual>span{position:absolute;bottom:18px;right:20px;padding:9px 15px;font-size:.67rem;background:#10151dbd;letter-spacing:.12em}.mode-list{border-top:1px solid var(--line)}.mode-row{display:grid;grid-template-columns:80px 1.2fr 1fr;gap:30px;padding:36px 0;border-bottom:1px solid var(--line)}.mode-counter{color:var(--accent);font-size:1.4rem;font-weight:800}.mode-row h3{font-size:1.55rem}.mode-row p{color:var(--muted);font-size:.94rem}.mode-notes{display:grid;gap:16px}.mode-notes b{font-size:.79rem;color:var(--accent)}.mode-notes p{margin:5px 0 0}.dark-article{margin-top:30px;background:#202c36;padding:65px;display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;border-radius:12px}.dark-article-head h2{font-size:clamp(1.9rem,3.1vw,3rem)}.dark-article-head>p:not(.eyebrow){color:var(--muted)}.check-list{margin:0;padding-left:27px}.check-list li{padding:10px 0 18px 10px;color:#c5ccd1}.check-list li::marker{color:var(--accent);font-weight:800}.type-head{padding:80px 0 60px;max-width:950px}.type-head h1{font-size:clamp(2.9rem,6vw,5.7rem)}.type-head .lead{max-width:750px}.format-table-section{background:var(--panel);border:1px solid var(--line)}.table-wrap{overflow-x:auto}.format-table{width:100%;border-collapse:collapse;min-width:760px;text-align:left}.format-table caption{text-align:left;padding:20px 28px;font-weight:800;font-size:.9rem;color:var(--accent);border-bottom:1px solid var(--line)}.format-table th,.format-table td{padding:24px 26px;border-bottom:1px solid var(--line);vertical-align:top;font-size:.92rem}.format-table th{font-weight:700}.format-table thead th{font-size:.77rem;color:var(--subtle);letter-spacing:.05em}.format-table tbody th{font-size:1.12rem;color:var(--accent);white-space:nowrap}.format-table tr:last-child th,.format-table tr:last-child td{border-bottom:0}.format-table td{color:var(--muted)}.format-detail-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.format-detail-grid article{border-top:2px solid var(--accent);padding:25px 21px;background:var(--panel)}.format-detail-grid h3{font-size:1.26rem}.format-detail-grid p{color:var(--muted);font-size:.87rem}.format-footer-note{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center;padding:40px 0 20px}.format-footer-note img{height:330px;width:100%;object-fit:cover;border-radius:90px 14px 14px 14px}.format-footer-note p{color:var(--muted);max-width:460px}.watch-head{padding:80px 0 65px;max-width:930px}.watch-head h1{font-size:clamp(2.8rem,5.8vw,5.4rem)}.issue-list{border-top:1px solid var(--line)}.issue{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;padding:46px 5px;border-bottom:1px solid var(--line)}.issue-title{display:flex;gap:25px;align-items:flex-start}.issue-title span{color:var(--accent);font-size:1.1rem;font-weight:800}.issue h2{font-size:clamp(1.4rem,2.1vw,2.2rem)}.issue-reason{color:var(--muted)}.issue-reason strong{color:var(--ink)}.issue ol{color:#bfc8cf;padding-left:24px}.issue li{padding-bottom:8px}.issue li::marker{color:var(--accent)}.tip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tip-grid article{padding:33px;background:var(--panel);border-radius:8px}.tip-bullet{color:var(--accent);font-size:1.25rem;font-weight:800}.tip-grid h3{margin-top:32px}.tip-grid p{color:var(--muted);font-size:.93rem}.plain-note{background:#283441;border-left:4px solid var(--accent);padding:40px 50px;max-width:950px}.plain-note h2{font-size:1.8rem}.plain-note p{color:var(--muted)}.faq-page{max-width:1050px}.faq-head{padding:85px 0 55px}.faq-head h1{font-size:clamp(2.6rem,5.4vw,5rem)}.faq-list{border-top:1px solid var(--line)}.qa{border-bottom:1px solid var(--line)}.qa summary{list-style:none;cursor:pointer;padding:29px 43px 29px 0;font-weight:700;font-size:1.17rem;position:relative}.qa summary::-webkit-details-marker{display:none}.qa summary:after{content:'+';position:absolute;right:7px;top:24px;font-size:1.6rem;font-weight:400;color:var(--accent)}.qa[open] summary:after{content:'−'}.qa-answer{padding:0 50px 22px 0;max-width:790px}.qa-answer p{color:var(--muted);line-height:1.95}.faq-closer{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid var(--line);margin-top:90px;padding-top:50px}.faq-closer h2{font-size:2rem}.faq-closer>div:last-child{display:grid;gap:18px;justify-items:start;align-content:center}
@media(max-width:1100px){.header-inner{gap:16px}.site-nav{gap:13px}.site-nav a{font-size:.82rem}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-card{min-height:285px}.format-detail-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{gap:40px}.home-intro{min-height:620px}.intro-visual,.intro-visual img{min-height:480px;height:480px}}
@media(max-width:800px){.wrap{width:min(var(--wide),calc(100% - 36px))}.site-header{position:relative}.header-inner{min-height:77px;flex-wrap:wrap}.nav-toggle{display:block}.site-nav{display:none;width:100%;padding:0 0 20px;flex-direction:column;align-items:stretch;gap:0}.site-nav.is-open{display:flex}.site-nav a{padding:12px;border-bottom:1px solid var(--line);font-size:1rem}.home-intro{grid-template-columns:1fr;gap:35px;min-height:auto;padding-top:70px}.intro-visual{min-height:350px}.intro-visual img{height:350px;min-height:350px}.visual-caption{left:15px;bottom:15px}.section-space{padding-block:70px}.focus-row{padding-block:22px;gap:12px 18px}.focus-row>span{width:100%}.focus-row a{padding-left:14px}.editorial-layout{grid-template-columns:1fr;gap:65px;padding-block:70px}.editorial-photo img{max-height:460px}.split-info{grid-template-columns:1fr;gap:30px}.end-banner-inner{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.page-head,.ai-head{grid-template-columns:1fr}.page-head img{max-height:280px}.genre-grid{grid-template-columns:repeat(2,1fr)}.mode-row{grid-template-columns:45px 1fr}.mode-notes{grid-column:2}.dark-article{grid-template-columns:1fr;padding:40px;gap:25px}.format-footer-note{grid-template-columns:1fr}.format-footer-note img{max-height:260px}.issue{grid-template-columns:1fr;gap:12px}.faq-closer{grid-template-columns:1fr}}
@media(max-width:540px){body{font-size:15px}.wrap{width:calc(100% - 30px)}.brand strong{font-size:1.16rem}.brand-mark{width:39px;height:39px}.brand small{font-size:.57rem}.home-intro{padding-top:48px}.home-intro h1{font-size:clamp(2.5rem,11.5vw,4rem)}.hero-actions{flex-direction:column;align-items:stretch}.section-heading{display:block}.section-heading>p{margin-top:18px}.feature-grid,.genre-grid,.steps-grid,.format-detail-grid,.tip-grid{grid-template-columns:1fr}.feature-card{min-height:auto}.editorial-copy h2{font-size:2.25rem}.comparison-mini>div{display:grid;gap:6px;padding:23px}.reading-panel{padding:30px 22px}.step-number{margin-bottom:15px}.footer-grid{grid-template-columns:1fr;gap:32px}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{display:grid;gap:5px}.interior{padding-bottom:70px}.page-head,.ai-head{margin-top:40px}.genre-item{min-height:auto}.mode-row{grid-template-columns:1fr;gap:8px}.mode-notes{grid-column:auto}.mode-counter{font-size:1rem}.dark-article{padding:30px 24px}.type-head,.watch-head,.faq-head{padding-block:55px 40px}.format-table th,.format-table td{padding:18px}.plain-note{padding:30px 23px}.issue-title{gap:13px}.faq-closer{margin-top:55px}.qa summary{font-size:1.05rem;padding-right:33px}.end-banner-inner{padding-block:55px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}