:root{--background:#FAF8F2;--paper:#FFFDF8;--surface:#fff;--surface-soft:#F3F0E9;--blueberry:#4B426F;--blueberry-deep:#332D51;--blueberry-soft:#EFECF6;--persimmon:#CB633B;--persimmon-deep:#A74428;--persimmon-soft:#FAEAE1;--sky:#4D83A3;--sky-deep:#315F7A;--sky-soft:#E9F3F7;--mint:#398777;--mint-soft:#E7F4EE;--lemon:#D2AA44;--lemon-soft:#FAF1D8;--rose:#BC798D;--rose-soft:#F7ECF0;--title:#292C39;--body:#464B58;--muted:#646A77;--border:#E4E0DC;--divider:#EEEAE5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--body);font-family:system-ui,-apple-system,'PingFang SC','Microsoft YaHei',sans-serif;line-height:1.72}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}a:hover{color:var(--persimmon-deep)}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--title);line-height:1.32;letter-spacing:-.025em}h1{font-size:clamp(30px,4vw,46px)}h2{font-size:clamp(23px,2.3vw,29px)}h3{font-size:19px}.wrap{width:min(1320px,calc(100% - 64px));margin:auto}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:absolute;top:-100px;left:10px;background:white;z-index:200;padding:12px}.skip:focus{top:10px}.eyebrow{display:block;color:var(--persimmon-deep);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}.site-header{background:var(--paper);border-bottom:1px solid var(--divider)}.header-inner{height:76px;display:flex;align-items:center;gap:36px}.brand{display:flex;align-items:center;gap:8px;white-space:nowrap}.brand strong{font-size:27px;color:var(--blueberry-deep);letter-spacing:-.08em}.brand strong span{color:var(--persimmon)}.brand small{font-size:11px;color:var(--muted);padding-left:12px;border-left:1px solid var(--border);letter-spacing:.04em}.brand-image{height:37px;width:auto;max-width:140px;object-fit:contain}.brand .image-fallback{display:none}.header-search{margin-left:auto;display:flex;width:min(460px,40%);background:#F5F3F0;border-radius:100px;border:1px solid var(--border);overflow:hidden}.header-search input{width:100%;background:transparent;border:0;outline:0;padding:9px 17px;min-width:0}.header-search button{border:0;background:var(--blueberry);color:white;padding:9px 22px;white-space:nowrap}.header-quick{white-space:nowrap;color:var(--blueberry);font-weight:700;font-size:14px}.main-nav{border-bottom:1px solid var(--border);background:var(--paper)}.nav-inner{display:flex;align-items:center;gap:44px;height:52px;font-weight:700;font-size:14px}.menu-toggle,.mobile-menu,.menu-backdrop,.bottom-nav{display:none}.section{margin-top:100px}.section-heading{margin-bottom:28px}.section-heading h2{margin:0 0 9px}.section-heading p{margin:0;color:var(--muted)}.button{background:var(--persimmon);color:white!important;display:inline-block;border-radius:9px;padding:12px 23px;font-weight:800}.button:hover{background:var(--persimmon-deep)}.hero{display:grid;grid-template-columns:48% 52%;min-height:390px;overflow:hidden;border-radius:20px;background:var(--blueberry-soft);margin-top:30px}.hero-copy{padding:54px 52px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero h1{font-size:clamp(33px,4vw,57px);letter-spacing:-.055em;line-height:1.2;margin-bottom:20px}.hero h1 em{display:block;color:var(--persimmon);font-style:normal}.hero-copy p{max-width:480px;font-size:17px}.hero-foot{margin-top:21px;color:var(--muted);font-size:12px}.hero-visual{position:relative;background:var(--sky-soft);min-height:360px}.hero-art{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.fold-stamp{position:absolute;right:20px;bottom:22px;background:var(--paper);color:var(--blueberry);font-size:12px;line-height:1.5;letter-spacing:.12em;font-weight:800;padding:13px 18px;transform:rotate(-4deg);box-shadow:0 3px 20px #0001}.image-fallback{background:linear-gradient(125deg,var(--blueberry-soft),var(--sky-soft));min-height:100%;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;color:var(--blueberry);font-weight:800;padding:24px}.image-fallback:after{content:'✳';position:absolute;font-size:180px;opacity:.12;right:-20px;top:-70px}.image-fallback span{position:relative;z-index:1;max-width:70%;text-align:center;font-size:clamp(16px,2vw,30px)}.fold-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.fold{padding:25px 24px 20px;border-radius:14px;min-height:195px;display:flex;flex-direction:column;border:1px solid #0000000b;transition:transform .2s}.fold:hover{transform:translateY(-4px)}.fold small{font-size:11px;font-weight:800;opacity:.7;letter-spacing:.08em}.fold h3{margin:13px 0 6px}.fold p{font-size:13px;line-height:1.6;flex:1;margin-bottom:12px}.fold b{font-size:12px}.fold-orange{background:#FAEAE1}.fold-blue{background:#E9F3F7}.fold-purple{background:#EFECF6}.fold-rose{background:#F7ECF0}.fold-yellow{background:#FAF1D8}.fold-sky{background:#e5f1f7}.fold-mint{background:#E7F4EE}.fold-ink{background:#e7e6ec}.split-title{display:flex;align-items:center;justify-content:space-between}.split-title>a,.text-link{color:var(--persimmon-deep);font-weight:750}.editor-list{border-top:2px solid var(--title)}.editor-list a{display:grid;grid-template-columns:50px 1fr 180px 25px;gap:15px;padding:19px 8px;border-bottom:1px solid var(--border);align-items:center}.editor-list a span{color:var(--persimmon);font-size:19px;font-weight:800}.editor-list a strong{font-size:18px;color:var(--title)}.editor-list a small{color:var(--muted);font-size:12px}.timeline-panel{background:var(--blueberry-deep);border-radius:19px;padding:42px 46px;color:white}.timeline-panel h2,.timeline-panel h3{color:white}.timeline-panel .section-heading p{color:#ddd9eb}.timeline-panel .eyebrow{color:#f6b79e}.timeline-panel .text-link{color:#ffd7b9}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:32px 0}.steps>div{border-top:1px solid #ffffff55;padding:22px 10px 6px}.steps small{display:inline-block;color:#f9bea3;font-size:24px;font-weight:800}.steps h3{margin:17px 0 8px}.steps p{color:#e4e1f0;font-size:14px}.compare{display:grid;grid-template-columns:1fr 1fr;gap:17px}.compare>div{padding:37px;border-radius:16px;background:var(--persimmon-soft)}.compare>div+div{background:var(--mint-soft)}.compare p{max-width:480px}.compare a{font-weight:800;color:var(--mint)}.film-section{display:grid;grid-template-columns:54% 46%;background:var(--paper);border-radius:18px;overflow:hidden}.wide-visual{min-height:350px}.wide-art{width:100%;height:100%;object-fit:cover}.film-copy{padding:38px 43px}.mini-links{display:grid}.mini-links a{padding:10px 0;border-bottom:1px solid var(--border);font-weight:650}.program-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.program-grid a{border:1px solid var(--border);padding:26px 22px;background:white;border-radius:12px;min-height:230px;display:flex;flex-direction:column}.program-grid a:nth-child(2n){background:var(--rose-soft)}.program-grid a span{font-size:12px;color:var(--persimmon-deep);font-weight:800}.program-grid h3{flex:1;margin:17px 0}.meme-section{background:var(--lemon-soft);padding:40px;border-radius:18px}.sticker-wrap{display:flex;flex-wrap:wrap;gap:18px;padding:16px 3px}.sticker{padding:13px 17px;border-radius:11px;font-weight:750;max-width:360px;box-shadow:3px 4px 0 #00000010;transform:rotate(-1deg)}.sticker-0{background:#fff}.sticker-1{background:#d9ece5;transform:rotate(2deg)}.sticker-2{background:#f4d6dd;transform:rotate(-2deg)}.sticker-3{background:#e0d9fa;transform:rotate(1deg)}.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:20px}.platform-grid>div{border-left:4px solid var(--sky);padding:25px;background:var(--sky-soft)}.platform-grid b{color:var(--sky-deep);font-size:12px}.viewpoint-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.viewpoint-grid article{padding:35px;background:var(--blueberry-soft);border-radius:15px}.viewpoint-grid article+article{background:var(--persimmon-soft)}.viewpoint-grid span{font-size:12px;font-weight:800;color:var(--blueberry)}.viewpoints-section>.text-link{display:inline-block;margin-top:18px}.feature-grid,.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{background:var(--paper);border:1px solid var(--border);border-radius:15px;overflow:hidden;display:block;padding-bottom:24px}.feature-card>img,.feature-card>.image-fallback{height:195px;width:100%;object-fit:cover}.feature-card>span,.feature-card>h3,.feature-card>p{margin-left:23px;margin-right:23px}.feature-card>span{font-size:11px;color:var(--persimmon);font-weight:800;display:block;margin-top:18px}.feature-card h3{margin-top:8px}.feature-card p{font-size:14px}.continue-section{background:var(--blueberry-soft);border-radius:18px;display:grid;grid-template-columns:1fr 1fr;padding:40px;gap:40px}.continue-section>div+div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.continue-section a{padding:18px;background:white;border-radius:9px;font-weight:750}.page-wrap{padding-top:53px;padding-bottom:100px}.page-intro{padding:44px 48px;border-radius:18px;background:var(--blueberry-soft);margin-bottom:37px}.page-intro h1{margin-bottom:10px}.page-intro h1 span{display:block;font-size:.65em;color:var(--persimmon);margin-top:6px}.page-intro p{max-width:760px}.brief-intro{background:var(--sky-soft)}.brief-layout{display:grid;grid-template-columns:235px 1fr;gap:50px}.brief-aside{align-self:start;position:sticky;top:20px;background:var(--paper);padding:24px;border-radius:14px;border:1px solid var(--border)}.brief-aside h2{font-size:18px}.brief-aside a{display:block;font-size:14px;padding:8px 9px;border-radius:6px}.brief-aside .active{background:var(--blueberry-soft);font-weight:800}.brief-aside p{font-size:12px;color:var(--muted);margin:20px 0 0}.brief-feed h2{border-bottom:2px solid var(--title);padding-bottom:15px}.brief-feed h2 small,.search-results h2 small{font-size:13px;color:var(--muted);font-weight:500}.brief-item{display:grid;grid-template-columns:56px 1fr;gap:17px;border-bottom:1px solid var(--border);padding:29px 0}.brief-num{font-size:27px;color:var(--persimmon);font-weight:800}.brief-item h3{font-size:21px;margin:0 0 8px}.brief-item p{margin-bottom:9px}.brief-item small{display:block;color:var(--muted)}.brief-item .text-link{display:inline-block;margin-top:14px;font-size:13px}.pagination{display:flex;gap:9px;margin:35px 0}.pagination a{padding:8px 15px;background:white;border:1px solid var(--border);border-radius:7px}.pagination [aria-current]{background:var(--blueberry);color:white}.channel-intro{background:var(--persimmon-soft)}.channel-selector{display:flex;gap:10px;flex-wrap:wrap;padding-bottom:30px;border-bottom:1px solid var(--border)}.channel-selector a{padding:10px 14px;border:1px solid var(--border);background:white;border-radius:8px;font-weight:700;font-size:13px}.channel-selector small{color:var(--persimmon);padding-right:7px}.channel-selector .selected{background:var(--blueberry);color:white}.channel-main{margin-top:38px}.channel-head{display:flex;justify-content:space-between;gap:24px;align-items:end}.channel-head form{display:flex;gap:8px}.channel-head input,.search-form input,.search-form select{min-width:0;border:1px solid var(--border);border-radius:8px;padding:12px;background:white}.channel-head button,.search-form button{border:0;border-radius:8px;background:var(--persimmon);color:white;font-weight:750;padding:12px 18px}.directory-list{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:25px}.directory-item{display:grid;grid-template-columns:32px 1fr 20px;gap:12px;background:white;padding:22px;border:1px solid var(--border);border-radius:12px}.directory-item>span{font-weight:800;color:var(--persimmon)}.directory-item small{font-size:12px;color:var(--muted)}.directory-item h3{font-size:18px;margin:6px 0}.directory-item p{font-size:13px;color:var(--muted);margin-bottom:0}.article-wrap{padding-top:29px;padding-bottom:85px}.crumb{font-size:13px;color:var(--muted);margin-bottom:25px}.article-layout{display:grid;grid-template-columns:minmax(0,790px) minmax(180px,1fr);gap:65px;align-items:start}.article-top{padding-bottom:25px}.article-top h1{font-size:clamp(29px,3.2vw,43px)}.article-lead{font-size:18px;line-height:1.8}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{padding:5px 11px;font-size:12px;border-radius:30px;background:var(--blueberry-soft);color:var(--blueberry)}.article-cover{height:310px;overflow:hidden;border-radius:15px;background:var(--sky-soft)}.article-img{width:100%;height:100%;object-fit:contain}.article-body{font-size:17px;line-height:1.84;padding:18px 0}.article-body p{margin:0 0 19px}.article-body h2{margin:34px 0 18px}.fact-box{padding:27px 32px;background:var(--mint-soft);border-left:4px solid var(--mint);border-radius:10px}.fact-box h2{font-size:21px}.discussion{padding:28px 0}.discussion li{margin:12px 0}.article-side{background:var(--paper);border:1px solid var(--border);padding:25px;border-radius:13px}.sticky-side{position:sticky;top:18px}.sticky-side h2{font-size:20px}.sticky-side a{display:block;color:var(--persimmon-deep);font-weight:750;padding:7px 0}.sticky-side p{font-size:13px}.topic-card{display:block;border:1px solid var(--border);background:var(--paper);border-radius:13px;padding:25px;min-width:0}.topic-card h3{font-size:18px}.topic-card p{font-size:14px}.card-arrow{font-size:12px;color:var(--persimmon-deep);font-weight:750}.related-features{display:flex;flex-wrap:wrap;gap:15px;margin-top:24px;color:var(--blueberry);font-weight:750}.feature-intro{background:var(--lemon-soft)}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:20px}.feature-row{display:grid;grid-template-columns:38% 62%;overflow:hidden;border-radius:15px;border:1px solid var(--border);background:white;min-height:220px}.feature-row-img{min-height:220px}.feature-row-img img,.feature-row-img .image-fallback{width:100%;height:100%;object-fit:cover}.feature-row>div+div{padding:24px}.feature-row h2{font-size:23px}.feature-row p{font-size:14px}.feature-row span:last-child{color:var(--persimmon-deep);font-weight:750}.feature-detail-intro{margin-bottom:35px;max-width:790px}.feature-detail-intro .back{display:block;margin-bottom:30px}.feature-detail-intro>p{font-size:19px}.feature-detail-grid{display:grid;grid-template-columns:58% 1fr;gap:36px}.feature-cover{height:380px}.feature-cover img,.feature-cover .image-fallback{width:100%;height:100%;object-fit:cover}.feature-prose{font-size:17px;line-height:1.85;margin-top:25px}.feature-detail-grid aside{padding:25px;background:var(--blueberry-soft);border-radius:14px;align-self:start}.feature-detail-grid aside>a{display:grid;gap:5px;border-top:1px solid #c9c3d7;padding:19px 0}.feature-detail-grid aside small{color:var(--persimmon);font-weight:800}.feature-detail-grid aside span{font-size:13px}.search-intro{background:var(--mint-soft)}.search-form{background:white;border-radius:15px;padding:30px;border:1px solid var(--border);max-width:1040px}.search-form label{display:block;font-weight:750;margin-bottom:10px}.search-form>div{display:flex;gap:10px}.search-form input{flex:1}.search-form select{max-width:220px}.search-suggestions,.search-results{margin-top:43px;max-width:1040px}.search-suggestions>div{display:flex;gap:12px;flex-wrap:wrap}.search-suggestions a{padding:12px 19px;background:var(--sky-soft);border-radius:9px}.search-results .search-card{margin:13px 0}.search-feature-list{display:grid;gap:10px}.search-feature-list a{display:flex;justify-content:space-between;gap:18px;padding:15px;background:white;border:1px solid var(--border);border-radius:9px}.empty{padding:40px;background:var(--paper);border:1px dashed var(--border);border-radius:12px}.about-intro{background:var(--blueberry-deep);color:white}.about-intro h1{color:white}.about-intro .eyebrow{color:#ffbda5}.about-layout{display:grid;grid-template-columns:225px minmax(0,820px);gap:65px}.about-index{display:grid;align-content:start;gap:15px;position:sticky;top:20px}.about-index a{color:var(--blueberry)}.about-content section{border-bottom:1px solid var(--border);padding-bottom:34px;margin-bottom:36px;scroll-margin-top:25px}.about-content p{line-height:1.85}.about-category{padding:10px 0;border-bottom:1px solid var(--border)}.about-category p{font-size:14px;margin:4px 0}.site-footer{background:var(--blueberry-deep);color:#e8e5f1;padding:50px 0 20px}.site-footer strong{color:white;font-size:19px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:55px}.footer-grid p{font-size:14px;margin-top:11px}.footer-grid a{display:block;padding:5px 0}.footer-bottom{border-top:1px solid #ffffff25;padding-top:19px;margin-top:25px;font-size:12px;color:#ddd8e6}
@media(max-width:1024px){.wrap{width:calc(100% - 44px)}.header-inner{gap:15px}.brand small{display:none}.hero-copy{padding:38px}.fold-grid{grid-template-columns:repeat(2,1fr)}.program-grid{grid-template-columns:repeat(2,1fr)}.article-layout{gap:30px;grid-template-columns:minmax(0,1fr) 210px}.feature-list{grid-template-columns:1fr}.feature-detail-grid{grid-template-columns:1fr 320px}.brief-layout{gap:25px}}
@media(max-width:700px){.wrap{width:calc(100% - 34px)}.site-header .header-inner{height:67px}.brand strong{font-size:24px}.header-search{width:auto;flex:1;margin-left:auto;background:transparent;border:0;justify-content:flex-end}.header-search input{display:none}.header-search button{background:var(--blueberry-soft);color:var(--blueberry);border-radius:30px;padding:7px 12px;font-size:12px}.header-quick,.main-nav{display:none}.menu-toggle{display:block;background:none;border:0;font-size:13px;font-weight:750;color:var(--blueberry);white-space:nowrap;padding:10px}.menu-backdrop:not([hidden]){display:block;position:fixed;inset:0;background:#10132099;z-index:89}.mobile-menu{display:flex;flex-direction:column;gap:2px;position:fixed;right:0;top:0;bottom:0;width:min(310px,88vw);padding:28px;background:var(--paper);z-index:90;transform:translateX(105%);transition:transform .2s;visibility:hidden}.mobile-menu.open{transform:translateX(0);visibility:visible}.mobile-menu a{padding:13px;border-bottom:1px solid var(--border);font-weight:750}.menu-close{align-self:flex-end;border:0;background:var(--blueberry);color:white;border-radius:9px;padding:10px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:65px;align-items:center;justify-content:space-around;background:var(--paper);border-top:1px solid var(--border);z-index:40}.bottom-nav a{display:flex;flex-direction:column;align-items:center;font-size:20px;color:var(--blueberry);line-height:1.1}.bottom-nav span{font-size:11px;margin-top:3px}.site-footer{padding-bottom:85px}.section{margin-top:64px}.hero{display:flex;flex-direction:column;min-height:0;margin-top:16px}.hero-copy{padding:34px 26px}.hero h1{font-size:35px}.hero-visual{height:225px;min-height:225px}.fold-grid{grid-template-columns:1fr 1fr;gap:9px}.fold{padding:17px 13px;min-height:178px}.fold h3{font-size:16px}.fold p{font-size:12px}.editor-list a{grid-template-columns:28px 1fr 17px;gap:10px}.editor-list a small{display:none}.editor-list a strong{font-size:15px}.timeline-panel{padding:28px 23px}.steps,.compare,.film-section,.platform-grid,.viewpoint-grid,.feature-grid,.card-grid,.continue-section,.footer-grid,.directory-list,.article-layout,.feature-detail-grid,.about-layout{grid-template-columns:1fr}.steps{gap:5px}.compare>div{padding:24px}.film-copy{padding:28px 23px}.wide-visual{min-height:225px}.program-grid{gap:9px}.program-grid a{padding:18px;min-height:220px}.program-grid h3{font-size:16px}.meme-section{padding:25px 20px}.sticker{font-size:13px}.continue-section{gap:10px;padding:25px}.continue-section>div+div{grid-template-columns:1fr 1fr}.continue-section a{font-size:13px;padding:13px}.page-wrap{padding-top:19px;padding-bottom:65px}.page-intro{padding:30px 23px}.brief-layout{grid-template-columns:1fr}.brief-aside{position:static}.brief-aside a{display:inline-block}.channel-head{flex-direction:column;align-items:stretch}.channel-head form{width:100%}.channel-head input{flex:1}.article-side{display:none}.article-cover{height:235px}.article-body{font-size:16px}.article-top h1{font-size:31px}.feature-row{grid-template-columns:37% 63%}.feature-row-img{min-height:200px}.feature-row>div+div{padding:16px}.feature-row h2{font-size:19px}.feature-cover{height:240px}.search-form{padding:18px}.search-form>div{flex-wrap:wrap}.search-form input{flex-basis:100%}.search-form select{flex:1;max-width:none}.about-index{position:static;display:flex;flex-wrap:wrap;gap:10px}.about-index a{font-size:13px}.footer-grid{gap:14px}}
@media(max-width:360px){.wrap{width:calc(100% - 30px)}.hero h1{font-size:31px}.fold-grid{grid-template-columns:1fr}.fold{min-height:0}.program-grid{grid-template-columns:1fr}.brand strong{font-size:21px}.header-search button{padding:6px 9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
