/* Lizhi Video — editorial cinema, native responsive interface */
:root{--bg:#10111b;--bg2:#171a27;--paper:#f1eee7;--paper2:#dedbd3;--text:#f7f3eb;--muted:#b9bdc9;--ink:#242434;--hot:#ed6877;--citrus:#efce8f;--stroke:rgba(255,255,255,.16);--max:1240px;--curve:cubic-bezier(.25,.8,.25,1)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.72 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}::selection{background:var(--hot);color:#111}h1,h2,h3,h4,p,figure,blockquote{margin:0}h1,h2,h3{font-weight:650;line-height:1.2;letter-spacing:-.038em}h1{font-size:clamp(3.2rem,6vw,6.4rem)}h2{font-size:clamp(2.15rem,3.6vw,3.8rem)}h3{font-size:clamp(1.3rem,1.85vw,1.78rem)}em{font-style:normal;color:var(--citrus)}p{line-height:1.82}ul,ol{padding-left:1.35em}a,button{transition:color .23s var(--curve),background .23s var(--curve),border-color .23s var(--curve),transform .23s var(--curve)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--citrus);outline-offset:5px}.shell{width:min(calc(100% - 96px),var(--max));margin-inline:auto}.skip-link{position:absolute;top:-80px;left:16px;background:var(--paper);color:var(--ink);padding:12px 20px;z-index:30}.skip-link:focus{top:16px}.overline,.eyebrow{font-size:.76rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.overline{color:var(--hot)}.eyebrow{color:var(--citrus)}.lead{font-size:clamp(1.06rem,1.35vw,1.3rem);color:var(--muted);line-height:1.85;max-width:63ch}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:15px 22px;border:1px solid transparent;border-radius:3px;font-weight:650;font-size:.93rem;min-height:56px}.btn-primary{background:var(--hot);color:#161521}.btn-primary:hover{background:#ff8994;transform:translateY(-2px)}.btn-outline{border-color:rgba(255,255,255,.42);color:var(--text)}.btn-outline:hover{background:var(--text);color:var(--bg)}.btn span,.underline-link span{font-size:1.4rem;font-weight:400}.section-heading{margin-bottom:40px}.section-heading .overline{margin-bottom:13px}.section-heading>p:last-child{color:var(--muted);max-width:53ch;margin-top:14px}.heading-split{display:flex;justify-content:space-between;align-items:end;gap:35px}.heading-split>p:last-child{max-width:360px;margin:0}.asset-unavailable{opacity:0;visibility:hidden}.site-header{border-bottom:1px solid var(--stroke);position:relative;z-index:15;background:rgba(16,17,27,.96)}.header-inner{width:min(calc(100% - 96px),var(--max));margin:auto;display:flex;align-items:center;justify-content:space-between;min-height:90px;gap:32px}.identity{display:flex;align-items:center;gap:12px;flex-shrink:0}.identity .mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px 14px 14px 3px;background:var(--hot);color:#1b1520;font-size:23px;font-weight:800;transform:rotate(-5deg)}.identity-words{display:flex;flex-direction:column;line-height:1.35}.identity-words strong{font-size:1.18rem;letter-spacing:.1em}.identity-words small{font-size:.66rem;letter-spacing:.05em;color:var(--muted)}.primary-nav{display:flex;gap:clamp(12px,1.45vw,25px);align-items:center;flex-wrap:wrap}.primary-nav a{font-size:.86rem;white-space:nowrap;color:#cfd0d7;position:relative;padding:35px 0}.primary-nav a:hover,.primary-nav a[aria-current]{color:#fff}.primary-nav a[aria-current]::after{position:absolute;content:"";height:3px;bottom:0;left:0;right:0;background:var(--hot)}.menu-toggle{display:none}.site-footer{background:#0b0d15;border-top:1px solid var(--stroke);padding:70px max(calc((100vw - var(--max))/2),48px) 26px}.footer-upper{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;padding-bottom:60px}.footer-brand{font-size:2.2rem;letter-spacing:-.04em;font-weight:750}.footer-dot{font-size:.55em;color:var(--hot);margin-left:4px;vertical-align:middle}.footer-intro p{max-width:440px;color:#a8afbc;font-size:.9rem;margin-top:16px}.footer-navigation{display:flex;justify-content:space-around;gap:38px}.footer-navigation>div{display:flex;flex-direction:column;gap:13px}.footer-navigation strong{color:var(--text);font-size:.85rem;margin-bottom:9px}.footer-navigation a{color:#a6adbd;font-size:.87rem}.footer-navigation a:hover{color:var(--hot)}.footer-bottom{border-top:1px solid var(--stroke);display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:24px;color:#929aaa;font-size:.76rem}.breadcrumb{display:flex;align-items:center;gap:12px;padding:33px 0 40px;font-size:.81rem;color:#a8abba}.breadcrumb a:hover{color:var(--hot)}.breadcrumb span:last-child{color:var(--paper)}.inner-page{padding-bottom:110px}.next-reads{margin-top:120px;padding-top:30px;border-top:1px solid var(--stroke)}.next-reads h2{font-size:clamp(1.7rem,2.8vw,2.8rem);margin-bottom:30px}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.related-link{border:1px solid var(--stroke);padding:28px 24px;min-height:155px;display:flex;flex-direction:column;position:relative}.related-link strong{font-size:1.12rem}.related-link span{color:var(--muted);font-size:.85rem;margin-top:9px;max-width:28ch}.related-link b{position:absolute;top:20px;right:22px;color:var(--hot);font-weight:400;font-size:1.3rem}.related-link:hover{background:#252533;border-color:#666374;transform:translateY(-3px)}.topic-list{display:grid;gap:15px}.topic-card{padding:30px;border:1px solid var(--stroke);background:#191c29}.topic-card h3{margin-top:13px;margin-bottom:16px}.topic-card>p{color:#b8bdc7;font-size:.94rem}.key-points{color:#d5d8df;margin-top:16px;border-top:1px solid var(--stroke);padding:15px 0 0;list-style:none}.key-points li{padding:7px 0 7px 19px;position:relative;font-size:.83rem}.key-points li::before{content:"";position:absolute;left:0;top:17px;width:6px;height:6px;background:var(--hot);border-radius:50%}
/* Homepage */
.home-hero{display:grid;grid-template-columns:1.06fr .94fr;min-height:690px;gap:4vw;padding-top:62px;padding-bottom:80px;align-items:center}.hero-copy{padding:45px 0}.hero-copy .overline{display:flex;align-items:center;gap:10px}.live-dot{width:8px;height:8px;background:var(--hot);border-radius:50%;box-shadow:0 0 0 5px rgba(237,104,119,.13)}.hero-copy h1{margin:28px 0 24px;font-size:clamp(3.9rem,5.6vw,6.3rem);line-height:1.13}.hero-copy h1 em{display:block}.hero-description{font-size:1.04rem;color:#c0c3cf;max-width:53ch}.hero-actions{margin-top:36px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.text-action{font-size:.87rem;border-bottom:1px solid rgba(255,255,255,.3);padding:12px 0}.text-action:hover{color:var(--hot);border-color:var(--hot)}.hero-taxonomy{display:flex;gap:10px;flex-wrap:wrap;margin-top:54px}.hero-taxonomy span{font-size:.77rem;border:1px solid #4b4c5a;border-radius:40px;padding:6px 13px;color:#b5b7c2}.hero-visual{position:relative;align-self:stretch;min-height:520px;display:grid;place-items:center}.hero-image-wrap{width:82%;height:85%;position:absolute;top:4%;right:5%;border-radius:240px 240px 5px 5px;overflow:hidden;background:radial-gradient(circle at 35% 35%,#a95e73 0,#382e49 43%,#151724 83%);box-shadow:0 24px 90px rgba(0,0,0,.26)}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}.hero-photo-fallback{position:absolute;inset:0;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-one{width:290px;height:290px;background:radial-gradient(circle at 25% 20%,#f1aeb4 0,#a54e6f 48%,transparent 73%);top:11%;left:-7%;opacity:.77}.orb-two{width:270px;height:350px;background:radial-gradient(circle,#8f7c9b,#302a4a 63%,transparent 74%);right:-12%;bottom:5%}.hero-film-line{position:absolute;width:260px;height:460px;transform:rotate(23deg);border-radius:50%;border:2px solid rgba(255,255,255,.25);top:25%;left:25%}.vertical-label{position:absolute;left:1%;top:39%;writing-mode:vertical-rl;transform:rotate(180deg);font-size:.66rem;letter-spacing:.25em;color:#b9afbd}.visual-stamp{position:absolute;z-index:3;right:0;bottom:5%;background:var(--citrus);padding:18px 25px;color:var(--ink);display:flex;flex-direction:column;gap:2px;box-shadow:0 15px 35px #0003}.visual-stamp span{font-size:.65rem;letter-spacing:.14em}.visual-stamp strong{font-size:.9rem}.discovery-band{padding:75px 0 115px;border-top:1px solid var(--stroke)}.mood-layout{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:15px}.mood-tile{position:relative;display:flex;flex-direction:column;min-height:300px;padding:29px;background:#252436;border:1px solid rgba(255,255,255,.1);overflow:hidden}.mood-tile::before{content:"";position:absolute;inset:auto -18% -60% 28%;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,#cd6c7c,transparent 69%);opacity:.25;transition:transform .5s}.mood-tile:hover::before{transform:translateY(-40px) scale(1.3)}.mood-tile:hover{transform:translateY(-5px)}.tile-cinema{background:#3b2838}.tile-series{background:#292f3e}.tile-shorts{background:#332f35}.tile-index{font-size:.72rem;letter-spacing:.12em;color:#efc6bf}.mood-tile strong{font-size:clamp(1.5rem,2.2vw,2.25rem);line-height:1.34;max-width:11ch;margin:auto 0 12px;position:relative;z-index:1}.mood-tile small{color:#d0c8ce;font-size:.83rem;position:relative;z-index:1}.tile-arrow{position:absolute;right:24px;top:24px;font-size:1.4rem;color:#f5c0c4}.feature-story{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(50px,8vw,130px);align-items:center;padding:30px 0 145px}.feature-art{min-height:540px;position:relative;overflow:hidden;background:radial-gradient(circle at 56% 18%,#716474,#3d3b54 44%,#1b2331 75%);border-radius:2px}.feature-art::after{content:"";position:absolute;border:1px solid rgba(255,255,255,.3);width:240px;height:430px;border-radius:50%;transform:rotate(-34deg);top:22%;left:20%}.feature-picture{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:1}.feature-number{position:absolute;bottom:24px;left:26px;background:#15141ccc;color:var(--text);padding:7px 13px;z-index:2;font-size:.71rem;letter-spacing:.15em}.feature-story-copy .eyebrow{display:block;margin-bottom:16px}.feature-story-copy h2{margin-bottom:27px}.feature-story-copy>p{color:var(--muted);font-size:1.02rem}.mini-features{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:35px 0}.mini-features>div{border-top:1px solid var(--stroke);padding-top:20px}.mini-features span{display:block;color:var(--hot);font-size:.7rem;font-weight:700;margin-bottom:13px}.mini-features strong{font-size:1rem}.mini-features p{font-size:.85rem;color:#adb1bc;margin-top:8px}.underline-link{border-bottom:1px solid var(--citrus);padding-bottom:8px;display:inline-flex;align-items:center;gap:20px;color:var(--citrus);font-weight:650}.underline-link:hover{color:#fff}.editorial-grid-section{padding:0 0 125px}.editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.editorial-item{min-width:0}.editorial-image{height:230px;background:linear-gradient(135deg,#5b4256,#31334d);position:relative;overflow:hidden;margin-bottom:22px}.editorial-item:nth-child(2) .editorial-image{background:linear-gradient(135deg,#595742,#2f364a)}.editorial-item:nth-child(3) .editorial-image{background:linear-gradient(135deg,#2b6670,#332747)}.editorial-image img{width:100%;height:100%;object-fit:cover}.editorial-item .eyebrow{font-size:.68rem}.editorial-item h3{margin:14px 0 13px;line-height:1.4}.editorial-item p{font-size:.89rem;color:var(--muted)}.editorial-item a{display:inline-block;margin-top:22px;font-size:.86rem;font-weight:700;border-bottom:1px solid var(--hot);padding-bottom:5px}.editorial-item a:hover{color:var(--hot)}.quote-break{background:var(--paper);color:var(--ink);padding:84px 0 92px}.quote-content{position:relative}.quote-symbol{font-family:Georgia,serif;font-size:9rem;line-height:1;color:#d0a39f;position:absolute;left:-12px;top:-42px}.quote-content blockquote{padding-left:95px;font-size:clamp(2rem,3.9vw,4.3rem);font-weight:680;letter-spacing:-.05em;line-height:1.4}.quote-content em{color:#a94c60}.quote-aside{display:block;text-align:right;font-size:.69rem;letter-spacing:.18em;color:#777586;margin-top:30px}.practical-section{padding:115px 0 145px;display:grid;grid-template-columns:1.1fr .9fr;gap:100px}.practical-section h2{margin:20px 0 25px}.practical-section>div>p:not(.overline){color:var(--muted);max-width:58ch}.practical-section .btn{margin-top:26px}.practical-checks{background:#1e222f;padding:38px 43px;align-self:start;border-left:4px solid var(--hot)}.practical-checks h3{font-size:1.4rem;padding-bottom:20px}.practical-checks ol{list-style:none;padding:0;counter-reset:watch-check}.practical-checks li{padding:17px 0;border-top:1px solid var(--stroke);counter-increment:watch-check;position:relative;padding-left:43px}.practical-checks li::before{content:counter(watch-check,decimal-leading-zero);position:absolute;left:0;top:17px;color:var(--hot);font-size:.78rem;font-weight:750}.practical-checks li p{color:var(--muted);font-size:.83rem;margin-top:6px}
/* Film issue */
.film-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:65px;align-items:center;min-height:540px;padding-bottom:70px}.film-intro h1{margin:23px 0 29px;font-size:clamp(3.3rem,5.2vw,5.8rem)}.film-intro figure{min-width:0}.film-intro figure img{height:360px;width:100%;object-fit:cover;background:linear-gradient(125deg,#8a5a67,#262b42)}.film-intro figcaption{font-size:.7rem;letter-spacing:.17em;margin-top:15px;color:#9b9dab}.film-curation{padding:75px 0;border-top:1px solid var(--stroke)}.film-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.film-topic-grid .topic-card{min-height:320px;background:linear-gradient(145deg,#232536,#171923)}.film-topic-grid .topic-card:nth-child(2){background:linear-gradient(145deg,#282c36,#171923)}.film-topic-grid .topic-card:nth-child(3){background:linear-gradient(145deg,#322831,#171923)}.film-topic-grid .topic-card:nth-child(4){background:linear-gradient(145deg,#212e38,#171923)}.reading-note{margin-top:50px;background:#e7e1d7;color:#292936;display:grid;grid-template-columns:.36fr 1fr;gap:35px;padding:55px}.reading-note .note-index{color:#b35d6b;letter-spacing:.12em;font-size:.73rem;font-weight:750}.reading-note h2{font-size:clamp(1.75rem,2.7vw,2.8rem);margin-bottom:20px}.reading-note p{color:#53515d;margin-top:14px}
/* Series chronicle */
.series-lead{display:flex;justify-content:space-between;align-items:end;gap:55px;padding:30px 0 70px}.series-title h1{margin-top:22px;max-width:850px}.series-aside{max-width:270px;border-left:2px solid var(--hot);padding-left:23px;margin-bottom:15px}.series-number{font-size:.74rem;color:var(--citrus);font-weight:700}.series-aside p{color:var(--muted);font-size:.91rem;margin-top:12px}.series-wide-art{height:350px;position:relative;background:linear-gradient(120deg,#413950,#9c586e 53%,#2b3850);overflow:hidden}.series-wide-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.series-caption{position:absolute;bottom:25px;left:30px;background:#10111bcf;padding:18px 24px;display:flex;flex-direction:column}.series-caption strong{font-size:1.22rem}.series-caption span{font-size:.83rem;color:#c7c3ce}.series-content{display:grid;grid-template-columns:220px 1fr;gap:70px;padding:110px 0}.sticky-label{align-self:start;position:sticky;top:25px}.sticky-label p{font-size:.72rem;color:var(--hot);letter-spacing:.16em;font-weight:700}.sticky-label span{color:var(--muted);font-size:.81rem}.series-content h2{margin-bottom:45px}.series-row{display:grid;grid-template-columns:58px 1fr;gap:20px;border-top:1px solid var(--stroke);padding:31px 0 34px}.row-no{font-size:1.7rem;font-weight:650;color:#7f647c}.series-row h3{margin:10px 0 15px}.series-row p{color:var(--muted)}.series-row ul{display:flex;gap:12px 30px;flex-wrap:wrap;padding-left:17px;color:#d8c7bb;font-size:.84rem}.two-column-note{padding:52px 55px;background:#272a39;display:grid;grid-template-columns:1fr 1fr;gap:42px}.two-column-note h2{margin-top:15px;font-size:clamp(2rem,3vw,3rem)}.two-column-note>p{color:#c3c7d0;align-self:center}
/* Short drama, mobile-first story frame */
.shorts-head{display:grid;grid-template-columns:1.35fr .65fr;gap:60px;min-height:640px;align-items:center;padding:25px 0 100px}.shorts-head-text h1{margin:23px 0 27px}.shorts-metrics{display:flex;gap:25px;margin-top:45px;flex-wrap:wrap}.shorts-metrics span{border-top:1px solid var(--stroke);padding-top:12px;color:var(--muted);font-size:.75rem;display:flex;flex-direction:column;min-width:140px}.shorts-metrics strong{font-size:1.16rem;color:var(--text);margin-bottom:3px}.phone-scene{min-height:535px;display:grid;place-items:center;background:radial-gradient(circle,#433550 0,#181a28 68%,transparent 70%)}.phone-outline{width:255px;height:480px;border:7px solid #aaa1b3;box-shadow:0 25px 60px #0008;border-radius:35px;position:relative;overflow:hidden;background:linear-gradient(140deg,#c58689,#745375 45%,#1a2135)}.phone-outline::before{content:"";width:76px;height:18px;background:#16151f;border-radius:0 0 15px 15px;position:absolute;top:0;left:calc(50% - 38px);z-index:4}.phone-outline img{height:100%;width:100%;object-fit:cover}.phone-overlay{position:absolute;inset:auto 15px 24px;color:#fff;z-index:3;text-shadow:0 2px 16px #000}.phone-overlay span{display:block;font-size:.62rem;letter-spacing:.2em}.phone-overlay strong{font-size:1.65rem;line-height:1.35}.shorts-timeline{padding:65px 0 90px;border-top:1px solid var(--stroke)}.timeline-items{position:relative;margin-left:18%;border-left:1px solid #796472}.timeline-item{position:relative;display:grid;grid-template-columns:85px 1fr;gap:15px;padding:20px 0 60px 37px}.timeline-item::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--hot);position:absolute;left:-5px;top:34px;box-shadow:0 0 0 7px #272332}.timeline-index{font-size:2.1rem;color:#7a697c;font-weight:700}.timeline-item h3{margin:12px 0 16px;font-size:1.75rem}.timeline-item p{color:var(--muted)}.timeline-tips{display:flex;gap:10px;flex-wrap:wrap;margin-top:19px}.timeline-tips span{border:1px solid #565164;padding:7px 11px;color:#dbc8d0;font-size:.78rem}.shorts-outro{padding:65px;background:#e1c6ba;color:#332a38;display:grid;grid-template-columns:1fr 1fr;gap:18px 60px;align-items:center}.shorts-outro h2{grid-row:span 2}.shorts-outro p{color:#524553}.shorts-outro .btn-outline{color:#332a38;border-color:#665362;justify-self:start}.shorts-outro .btn-outline:hover{background:#332a38;color:#fff}
/* Variety, editorial spotlight */
.variety-spotlight{min-height:540px;position:relative;background:#e2c8a4;color:#262130;overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;margin-top:20px}.spotlight-circle{position:absolute;right:10%;width:550px;height:550px;border:110px solid #b95b65;border-radius:50%;transform:translateX(30%);opacity:.5}.spotlight-content{padding:65px;z-index:2}.spotlight-content .overline{color:#924354}.spotlight-content h1{font-size:clamp(2.9rem,4.45vw,5.2rem);margin:24px 0}.spotlight-content>p:not(.overline){color:#574d56;max-width:61ch}.spotlight-content .btn{margin-top:27px}.spotlight-art{height:100%;background:linear-gradient(130deg,#7a4f67,#343d57)}.spotlight-art img{height:100%;width:100%;object-fit:cover}.quiz-feature{padding:100px 0 95px;display:grid;grid-template-columns:1fr 1fr;gap:80px;border-bottom:1px solid var(--stroke)}.quiz-label h2{font-size:clamp(2.1rem,3.2vw,3.7rem);margin-top:16px}.quiz-answer p{color:#c1c5cf;font-size:1.02rem;margin-bottom:22px}.variety-types{padding:100px 0 40px}.variety-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.variety-card-grid .topic-card{background:#232332}.variety-card-grid .topic-card:nth-child(1){border-top:4px solid var(--hot)}.variety-card-grid .topic-card:nth-child(2){border-top:4px solid #b4a3c3}.variety-card-grid .topic-card:nth-child(3){border-top:4px solid var(--citrus)}.variety-card-grid .topic-card:nth-child(4){border-top:4px solid #78aaa6}.variety-end{margin-top:65px;display:flex;align-items:center;gap:50px;border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke);padding:25px 0}.variety-end span{font-size:.68rem;letter-spacing:.16em;flex-shrink:0;color:var(--citrus)}.variety-end p{color:#c4c0c9;max-width:860px}
/* AI images, optical focus */
.ai-page{--hot:#8dd6cb;--citrus:#c2b5fc}.ai-intro{position:relative;padding:100px 0 125px;isolation:isolate;overflow:hidden}.ai-kicker{font-size:.78rem;letter-spacing:.17em;color:var(--hot);font-weight:750}.ai-intro h1{margin:27px 0 30px;max-width:1000px}.ai-intro .lead{max-width:690px;position:relative;z-index:2}.ai-orbit{position:absolute;right:0;top:10px;width:380px;height:380px;z-index:-1}.ai-orbit span{position:absolute;inset:0;border:1px solid #8dd6cb60;border-radius:50%;transform:rotateX(63deg) rotate(-22deg)}.ai-orbit span:nth-child(2){transform:rotateY(64deg) rotate(33deg)}.ai-orbit span:nth-child(3){inset:70px;background:radial-gradient(circle,#6a789c,#3e435f 48%,transparent 70%);border:0;filter:blur(7px)}.ai-visual-story{display:grid;grid-template-columns:1.07fr .93fr;min-height:470px}.ai-visual{position:relative;background:radial-gradient(circle at 50% 40%,#517c8a,#323e57 58%,#171e2d);min-height:470px}.ai-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ai-visual-label{position:absolute;bottom:25px;left:26px;font-size:.71rem;letter-spacing:.15em;background:#10111bd9;padding:13px 17px}.ai-visual-text{background:#232a38;padding:clamp(30px,5vw,76px);display:flex;flex-direction:column;justify-content:center}.ai-visual-text h2{margin:23px 0}.ai-visual-text p{color:#bac4ce;font-size:.93rem;margin-top:10px}.ai-principles{padding:115px 0 50px}.ai-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-topic-grid .topic-card{background:linear-gradient(125deg,#1b2a34,#1c1d2c);border-color:#48626c}.ai-topic-grid .key-points li::before{background:var(--hot)}.ai-bottom{margin-top:75px;padding:55px 60px;background:#cbd5ce;color:#222c31;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.ai-bottom .eyebrow{color:#355e5b}.ai-bottom h2{font-size:clamp(1.85rem,2.8vw,3.1rem);margin-top:20px}.ai-bottom p{color:#41545a}
/* Guide, orderly reference paper */
.guide-intro{display:grid;grid-template-columns:1.25fr .75fr;gap:55px;align-items:center;padding:20px 0 95px}.guide-intro h1{margin:25px 0 24px}.guide-illustration{height:370px;background:linear-gradient(135deg,#765c64,#3e4759);position:relative}.guide-illustration::after{position:absolute;content:"";border:1px solid #ffffff50;inset:35px}.guide-illustration img{width:100%;height:100%;object-fit:cover}.guide-steps{border-top:1px solid var(--stroke);padding:100px 0;display:grid;grid-template-columns:300px 1fr;gap:80px}.guide-steps aside{align-self:start;position:sticky;top:30px}.guide-steps h2{font-size:clamp(2rem,3vw,3.5rem);margin:18px 0 23px}.guide-steps aside p{color:var(--muted);font-size:.89rem}.guide-step{padding:0 0 45px;margin-bottom:45px;border-bottom:1px solid var(--stroke)}.guide-step:last-child{border:0;margin-bottom:0}.step-heading{display:flex;align-items:center;gap:20px}.step-number{font-size:1.6rem;font-weight:720;color:#9a7883}.guide-step h3{margin:14px 0 18px;font-size:clamp(1.45rem,2vw,2rem)}.guide-step>p{color:var(--muted)}.guide-step ul{padding-left:18px;color:#dbced0;font-size:.88rem}.guide-checklist{display:grid;grid-template-columns:1fr 1.05fr;gap:70px;padding:55px 60px;background:#eee8dc;color:var(--ink)}.guide-checklist .overline{color:#af5769}.guide-checklist h2{font-size:clamp(2rem,3vw,3.1rem);margin:15px 0 22px}.guide-checklist p{color:#625b60}.checklist{display:flex;flex-direction:column;gap:12px}.checklist label{display:flex;align-items:start;gap:15px;background:#ffffffb0;border:1px solid #d9d0c7;padding:16px 18px;cursor:pointer;font-size:.91rem}.checklist label:hover{border-color:#bb7983}.checklist input{accent-color:#b65568;margin-top:6px;width:17px;height:17px;flex-shrink:0}.checklist label:has(input:checked){background:#e4e6dd}.checklist label:has(input:checked) span{text-decoration:line-through;color:#6b746c}.checklist-progress{font-size:.82rem;font-weight:700;text-align:right}.checklist.is-complete .checklist-progress{color:#216348}
/* 404 */
.not-found{text-align:center;padding:100px 0 140px}.error-code{font-size:clamp(8rem,18vw,17rem);font-weight:800;line-height:1;letter-spacing:-.1em;color:#272b3b}.error-code span{color:var(--hot)}.not-found h1{font-size:clamp(2rem,4vw,4rem);margin:15px 0 20px}.not-found>p:not(.overline){color:var(--muted);margin:auto;max-width:53ch}.not-found>.btn{margin:35px auto 70px}.not-found .related-grid{text-align:left}
/* Tablet changes */
@media(max-width:1160px){.shell,.header-inner{width:min(calc(100% - 64px),var(--max))}.site-footer{padding-left:32px;padding-right:32px}.primary-nav{gap:11px}.primary-nav a{font-size:.78rem}.identity-words small{font-size:.58rem}.home-hero{gap:20px}.hero-copy h1{font-size:clamp(3.3rem,5.3vw,5.3rem)}.mood-tile{padding:24px}.feature-story{gap:45px}.practical-section{gap:50px}.guide-steps{grid-template-columns:230px 1fr;gap:45px}.series-content{gap:35px}}
@media(max-width:940px){.header-inner{min-height:76px}.menu-toggle{display:flex;width:44px;height:44px;flex-direction:column;justify-content:center;gap:6px;border:1px solid var(--stroke);border-radius:3px;background:#242635;padding:10px}.menu-toggle span{display:block;height:2px;background:#fff;width:100%}.primary-nav{display:flex;position:absolute;top:100%;left:0;right:0;background:#181a27;padding:8px 32px 20px;border-bottom:1px solid var(--stroke);flex-direction:column;align-items:stretch;gap:0;visibility:hidden;opacity:0;transform:translateY(-8px);pointer-events:none}.primary-nav.is-open{visibility:visible;opacity:1;transform:none;pointer-events:auto}.primary-nav a{padding:11px 5px;font-size:.95rem;border-bottom:1px solid #ffffff16}.primary-nav a[aria-current]::after{width:3px;height:auto;top:8px;bottom:8px;right:auto}.home-hero{grid-template-columns:1fr 1fr;min-height:570px}.hero-visual{min-height:450px}.hero-taxonomy{margin-top:30px}.mood-layout{grid-template-columns:repeat(3,minmax(0,1fr))}.mood-tile{min-height:250px}.mood-tile strong{font-size:1.42rem}.feature-art{min-height:450px}.editorial-image{height:185px}.editorial-grid{gap:15px}.editorial-item h3{font-size:1.3rem}.practical-section{grid-template-columns:1fr 1fr;gap:30px}.practical-checks{padding:26px}.film-intro{gap:30px}.film-intro h1{font-size:clamp(2.9rem,5vw,4.5rem)}.series-lead{gap:25px}.shorts-head{gap:20px}.shorts-metrics{gap:12px}.variety-spotlight{min-height:440px}.spotlight-content{padding:35px}.ai-intro{padding:70px 0 95px}.ai-visual-text{padding:35px}.guide-intro{gap:20px}.guide-illustration{height:300px}.guide-checklist{gap:35px;padding:35px}}
/* Mobile experience: sections reorder naturally, content always server-rendered */
@media(max-width:700px){body{font-size:15px}.shell,.header-inner{width:calc(100% - 36px)}.site-footer{padding:55px 18px 22px}.header-inner{min-height:72px}.identity .mark{width:38px;height:38px;font-size:21px}.identity-words strong{font-size:1.06rem}.footer-upper{grid-template-columns:1fr;gap:35px;padding-bottom:36px}.footer-navigation{justify-content:flex-start;gap:75px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:9px}.section-heading{margin-bottom:24px}.heading-split{align-items:start;flex-direction:column;gap:14px}.section-heading>p:last-child{margin-top:5px}.home-hero{display:flex;flex-direction:column;padding-top:15px;padding-bottom:60px;gap:0}.hero-copy{padding:48px 0 25px;width:100%}.hero-copy h1{font-size:clamp(3.3rem,13.5vw,5.5rem);margin:22px 0}.hero-description{font-size:.97rem}.hero-actions{gap:17px;margin-top:30px}.hero-taxonomy{margin-top:28px}.hero-visual{width:100%;min-height:430px;align-self:auto}.hero-image-wrap{width:76%;height:92%;top:0;right:9%}.vertical-label{left:5%}.visual-stamp{right:0;bottom:0}.discovery-band{padding:70px 0 90px}.mood-layout{grid-template-columns:1fr;gap:12px}.mood-tile{min-height:185px;padding:23px}.mood-tile strong{font-size:1.8rem;max-width:18ch;margin:24px 0 12px}.feature-story{grid-template-columns:1fr;gap:30px;padding:0 0 95px}.feature-art{min-height:350px;max-height:470px}.feature-story-copy h2{font-size:clamp(2.15rem,7.5vw,3rem)}.mini-features{gap:18px}.editorial-grid-section{padding-bottom:85px}.editorial-grid{grid-template-columns:1fr;gap:38px}.editorial-image{height:245px}.editorial-item h3{font-size:1.5rem}.quote-break{padding:65px 0}.quote-symbol{font-size:7rem;top:-35px}.quote-content blockquote{padding-left:34px;font-size:clamp(1.7rem,6.1vw,2.8rem)}.quote-aside{font-size:.58rem}.practical-section{grid-template-columns:1fr;padding:85px 0;gap:35px}.practical-checks{padding:28px}.related-grid{grid-template-columns:1fr;gap:10px}.related-link{min-height:130px;padding:23px}.next-reads{margin-top:75px}.breadcrumb{padding:20px 0 35px}.inner-page{padding-bottom:80px}.film-intro{grid-template-columns:1fr;padding-bottom:65px;gap:30px}.film-intro h1{font-size:clamp(3rem,10vw,4.9rem)}.film-intro figure img{height:230px}.film-curation{padding:65px 0 25px}.film-topic-grid,.variety-card-grid,.ai-topic-grid{grid-template-columns:1fr}.topic-card{padding:24px}.film-topic-grid .topic-card{min-height:0}.reading-note{grid-template-columns:1fr;padding:29px;gap:17px;margin-top:45px}.series-lead{display:block;padding:15px 0 45px}.series-title h1{font-size:clamp(3rem,10vw,5rem)}.series-aside{margin-top:30px;max-width:none}.series-wide-art{height:280px}.series-caption{left:14px;right:14px;bottom:14px;padding:14px}.series-content{display:block;padding:65px 0}.sticky-label{position:static;margin-bottom:22px}.series-content h2{margin-bottom:30px}.series-row{grid-template-columns:42px 1fr;gap:10px}.series-row ul{display:block}.two-column-note{grid-template-columns:1fr;padding:30px;gap:20px}.shorts-head{grid-template-columns:1fr;padding:15px 0 65px}.shorts-head h1{font-size:clamp(3rem,10vw,5rem)}.shorts-metrics{margin-top:32px}.phone-scene{min-height:450px}.phone-outline{height:400px;width:215px}.shorts-timeline{padding:65px 0}.timeline-items{margin-left:6px}.timeline-item{grid-template-columns:1fr;gap:5px;padding:15px 0 45px 25px}.timeline-index{font-size:1.2rem}.timeline-item h3{font-size:1.45rem}.shorts-outro{display:block;padding:32px}.shorts-outro p{margin:23px 0}.variety-spotlight{grid-template-columns:1fr}.spotlight-content{padding:35px 26px}.spotlight-content h1{font-size:clamp(2.9rem,9vw,4.5rem)}.spotlight-art{height:220px}.quiz-feature{grid-template-columns:1fr;gap:23px;padding:70px 0}.variety-types{padding:70px 0 0}.variety-end{display:block}.variety-end p{margin-top:16px}.ai-intro{padding:45px 0 75px}.ai-intro h1{font-size:clamp(2.9rem,10vw,4.8rem)}.ai-orbit{right:-160px;top:40px}.ai-visual-story{grid-template-columns:1fr}.ai-visual{min-height:260px}.ai-visual-text{padding:35px 26px}.ai-principles{padding:80px 0 20px}.ai-bottom{grid-template-columns:1fr;gap:25px;padding:33px;margin-top:55px}.guide-intro{grid-template-columns:1fr;padding:20px 0 60px}.guide-intro h1{font-size:clamp(3rem,10vw,5rem)}.guide-illustration{height:240px}.guide-steps{grid-template-columns:1fr;padding:65px 0;gap:38px}.guide-steps aside{position:static}.guide-step{padding-bottom:30px;margin-bottom:30px}.guide-checklist{grid-template-columns:1fr;padding:30px;gap:22px}.not-found{padding:65px 0 100px}.not-found>.btn{margin-bottom:30px}}
@media(max-width:390px){.hero-copy h1{font-size:3.05rem}.hero-actions .btn{width:100%}.hero-visual{min-height:380px}.hero-image-wrap{width:83%}.mini-features{grid-template-columns:1fr}.footer-navigation{gap:35px}.series-caption strong{font-size:1rem}.shorts-metrics span{min-width:120px}.guide-checklist{padding:22px}.variety-spotlight .btn{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media print{body{background:#fff;color:#111}.site-header,.site-footer,.menu-toggle,.btn{display:none!important}.shell{width:100%}.topic-card,.related-link{break-inside:avoid}.inner-page{padding:0}.hero-visual{display:none}}