/* Urban editorial theme: locally hosted, responsive, framework free */
:root{--rose:#D84B42;--rose-2:#E36856;--rose-light:#F5B9AD;--rose-soft:#FFF0EB;--cream:#FAFAF7;--cream-2:#F4F4EF;--cream-3:#EBECE6;--mauve:#537B91;--mauve-deep:#32566D;--plum:#34404A;--plum-dark:#202931;--lavender:#9CB5C0;--lavender-soft:#E8F1F4;--peach:#E7A05B;--peach-soft:#FFF0DC;--sage:#6D8D80;--sage-soft:#E7EFEA;--ink:#202931;--ink-2:#4B5962;--ink-3:#75818A;--surface:#FFFFFF;--surface-soft:rgba(255,255,255,.94);--line:rgba(32,41,49,.13);--line-strong:rgba(32,41,49,.25);--shadow:0 8px 28px rgba(25,39,49,.07);--shadow-hover:0 18px 42px rgba(25,39,49,.13);--radius:10px;--radius-card:16px;--radius-large:24px;--radius-pill:999px;--wrap:1320px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--ink);font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.75;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{color:var(--rose)}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.025em;line-height:1.27}h1{font-size:clamp(2.2rem,4.6vw,4.8rem)}h2{font-size:clamp(1.5rem,2.6vw,2.45rem)}h3{font-size:1.18rem}p{color:var(--ink-2)}.wrapper{width:min(calc(100% - 48px),var(--wrap));margin-inline:auto}.skip-link{position:absolute;top:-70px;left:15px;background:white;padding:10px;z-index:500}.skip-link:focus{top:10px}.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--rose);display:block;margin-bottom:13px}.note{font-size:.85rem;color:var(--ink-3)}.text-link{color:var(--mauve-deep);font-size:.9rem;font-weight:750}.text-link:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:10px 20px;border-radius:8px;font-size:.92rem;font-weight:750;border:1px solid transparent;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--rose);color:white}.btn.primary:hover{background:#b93431}.btn.secondary{border-color:var(--line-strong);background:white;color:var(--ink)}.btn.light{background:var(--cream);color:var(--ink)}.site-header{position:sticky;top:0;z-index:30;background:rgba(250,250,247,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(16px);transition:background .3s,box-shadow .3s}.site-header.scrolled{background:rgba(255,255,255,.98);box-shadow:var(--shadow)}.header-inner{min-height:70px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:1.3rem;font-weight:950;letter-spacing:-.055em}.brand small{display:none;color:var(--ink-3);font-size:.64rem;font-weight:600;letter-spacing:0;margin-left:3px}.brand-icon{width:29px!important;height:29px!important;min-width:29px;border-radius:7px!important}.brand-icon.art-fallback small{display:none}.desktop-nav{display:flex;align-items:center;gap:clamp(8px,1.2vw,20px);margin-left:auto}.desktop-nav a{white-space:nowrap;color:var(--ink-2);font-size:.82rem;font-weight:750;padding:25px 0 21px;border-bottom:3px solid transparent}.desktop-nav a:hover,.desktop-nav a:focus-visible{color:var(--mauve-deep);border-bottom-color:var(--rose)}.header-actions{display:flex;gap:10px;align-items:center}.header-actions a,.header-actions button{border:0;background:none;font-size:.82rem;white-space:nowrap;color:var(--ink-2);font-weight:750;padding:7px}.header-actions a:hover,.header-actions button:hover{color:var(--rose)}#menuToggle{display:none}.mobile-menu{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding-bottom:16px}.mobile-menu[hidden]{display:none}.mobile-menu a{padding:10px;border:1px solid var(--line);border-radius:8px;background:white;text-align:center;font-size:.85rem}.home-hero{background:linear-gradient(135deg,#FAFAF7 0%,#F4F4EF 55%,#E8F1F4 100%);border-bottom:1px solid var(--line)}.hero-layout{display:grid;grid-template-columns:minmax(0,7fr) minmax(300px,5fr);gap:55px;padding-top:65px;padding-bottom:58px;min-height:570px}.hero-layout h1{font-weight:900;margin-bottom:25px;max-width:760px}.hero-layout h1 em{color:var(--rose);font-style:normal}.hero-lead{max-width:680px;font-size:1.06rem;line-height:1.95}.hero-search{max-width:620px;margin:23px 0}.hero-search label,.standalone-search label,.search-panel label{font-size:.85rem;font-weight:750;color:var(--ink-2);display:block;margin-bottom:7px}.search-line{display:flex;background:white;border:1px solid var(--line-strong);padding:5px;border-radius:10px;box-shadow:var(--shadow)}.search-line:focus-within{outline:2px solid var(--lavender)}.search-line input{flex:1;min-width:0;border:0;outline:0;padding:12px 14px;background:transparent;color:var(--ink)}.search-line button{border:0;border-radius:7px;background:var(--ink);color:white;font-weight:750;padding:8px 23px}.hero-buttons{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.hero-visual{margin-top:24px;max-height:170px;overflow:hidden}.hero-image{height:170px!important;width:100%;object-fit:cover;border-radius:14px}.hero-aside{border-left:1px solid var(--line-strong);padding-left:35px;align-self:stretch}.aside-top{margin-bottom:22px}.aside-top strong{display:block;font-size:1.6rem}.aside-row{display:flex;align-items:flex-start;gap:16px;border-top:1px solid var(--line);padding:17px 0;font-weight:760;line-height:1.45}.aside-row>b{color:var(--rose);font-size:1.25rem}.aside-row>span:nth-child(2){flex:1}.aside-row small{display:block;color:var(--ink-3);font-weight:500;margin-top:6px}.source-note{background:var(--peach-soft);padding:18px;border-radius:10px;border-left:3px solid var(--peach)}.source-note p{margin:6px 0 10px;font-size:.87rem}.source-note a{font-size:.85rem;color:var(--mauve-deep);font-weight:750}.home-body{padding-bottom:60px}.section{padding:58px 0;border-bottom:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:27px}.section-heading h2{margin-bottom:8px}.section-heading p{margin-bottom:0;max-width:720px}.strip{padding:22px 0;display:flex;align-items:center;gap:30px}.strip .eyebrow{margin:0;white-space:nowrap}.chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.strip .chip-row{margin:0}.chip-row a,.chip-row button{padding:8px 15px;border:1px solid var(--line);border-radius:999px;background:white;font-size:.82rem;font-weight:700;color:var(--ink-2)}.chip-row a:hover,.chip-row .selected,.chip-row .is-selected{background:var(--ink);color:white}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.article-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;min-width:0;box-shadow:var(--shadow);transition:transform .25s,box-shadow .25s}.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.cover{width:100%;aspect-ratio:16/9;object-fit:cover}.article-content{padding:24px}.article-content h3{font-size:1.2rem;margin-bottom:10px}.article-content p{font-size:.9rem;line-height:1.85;min-height:70px}.art-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:linear-gradient(145deg,#e8f1f4,#f4f4ef 62%,#fff0eb);color:var(--mauve-deep);border:1px solid var(--line);text-align:center;overflow:hidden}.art-fallback .art-glyph{font-size:3.2rem;line-height:1;color:var(--rose);font-weight:300}.art-fallback small{font-size:.85rem;font-weight:700}.paper-layout{display:grid;grid-template-columns:2fr 1fr;gap:40px}.paper-aside{background:var(--lavender-soft);padding:32px;align-self:center;border-radius:14px}.paper-aside li{margin:15px 0}.wide-card{display:flex}.wide-card .cover{width:45%;aspect-ratio:auto}.wide-card .article-content{flex:1}.timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;position:relative}.timeline>div{padding:25px 20px 20px;border-top:3px solid var(--rose);background:white;border-radius:0 0 12px 12px}.timeline b{font-size:2rem;color:var(--rose);font-variant-numeric:tabular-nums}.timeline h3{margin:14px 0 8px}.timeline p{margin:0}.dark-banner{display:grid;grid-template-columns:3fr 1fr;gap:35px;align-items:center;padding:40px;background:linear-gradient(135deg,#202931,#32566D);color:white;border-radius:18px;margin-top:58px}.dark-banner h2{color:white}.dark-banner p{color:rgba(255,255,255,.78)}.banner-art{aspect-ratio:1}.split-info{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.split-info p{font-size:1.03rem;line-height:2}.fact-steps{border-top:1px solid var(--line-strong)}.fact-steps>div{border-bottom:1px solid var(--line-strong);padding:21px 0;display:flex;gap:25px}.fact-steps b{color:var(--rose);min-width:4em}.headline-list{border-top:2px solid var(--ink)}.headline-list>a{display:grid;grid-template-columns:120px minmax(180px,.95fr) minmax(180px,1.3fr) 20px;gap:20px;align-items:center;padding:22px 12px;border-bottom:1px solid var(--line)}.headline-list small{color:var(--rose);font-weight:760}.headline-list span{color:var(--ink-3);font-size:.9rem}.headline-list b{color:var(--rose)}.rail-items{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.rail-items>a{padding:25px;border-radius:12px;border:1px solid var(--line);background:var(--cream-2)}.rail-items strong{font-size:1.15rem}.rail-items p{margin:10px 0 0}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.category-grid>a{padding:28px 22px;background:#fff;border:1px solid var(--line);border-radius:12px}.category-grid b{color:var(--rose);font-size:1.5rem}.category-grid h3{margin-top:22px}.editorial-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px}.feature-illustration{width:100%;min-height:260px;aspect-ratio:16/9;object-fit:cover;border-radius:16px}.ranking-preview{display:grid;grid-template-columns:1fr 1fr;gap:10px 30px}.ranking-preview a{border-bottom:1px solid var(--line);padding:17px 0;display:flex;gap:18px}.ranking-preview b{font-size:2.2rem;color:var(--rose)}.ranking-preview span{font-weight:750}.ranking-preview small{display:block;font-weight:400;color:var(--ink-3)}.brief-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.brief-grid>div{background:var(--lavender-soft);padding:32px;border-radius:14px}.brief-grid>div:last-child{background:var(--peach-soft)}.brief-grid a,.slim-banner a,.about-band a{font-weight:750;color:var(--mauve-deep)}.slim-banner{background:var(--cream-2);margin-top:35px;padding:40px;border-radius:15px}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.collection-grid>a,.collection-card{border:1px solid var(--line);background:white;padding:27px;border-radius:14px;display:block}.collection-grid p{font-size:.9rem}.collection-grid b{color:var(--rose)}.mini-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.mini-columns article{border-top:2px solid var(--mauve);padding-top:20px}.privacy-strip{display:grid;grid-template-columns:2fr 1fr;align-items:center;gap:45px;background:var(--lavender-soft);border-radius:14px;padding:35px;margin-top:45px}.strip-art{min-height:180px}.app-promo{display:grid;grid-template-columns:1fr 2fr;align-items:center;gap:45px}.app-art{max-height:280px;min-height:230px;width:100%;object-fit:contain;border-radius:13px}.steps-mini>div{display:flex;gap:25px}.steps-mini>div p{flex:1;border-top:2px solid var(--rose);padding-top:15px}.steps-mini b{color:var(--rose);margin-right:8px}.notice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.notice-grid p{padding:26px;background:var(--peach-soft);border-radius:10px}.about-band{max-width:850px;margin:auto;text-align:center}.about-band p{font-size:1.07rem;line-height:2}.faq-list{border-top:2px solid var(--ink)}.faq-list details{border-bottom:1px solid var(--line);padding:20px 4px}.faq-list summary{cursor:pointer;font-weight:750;font-size:1.03rem}.faq-list summary::marker{color:var(--rose)}.faq-list details p{margin:18px 20px 3px;max-width:950px}.ending-banner{text-align:center;max-width:900px;margin:auto}.ending-banner .btn{margin:5px}.page-intro{display:grid;grid-template-columns:1.7fr 1fr;align-items:center;gap:55px;padding-top:55px;padding-bottom:55px;border-bottom:1px solid var(--line)}.page-intro h1{font-size:clamp(2.2rem,4vw,3.65rem);margin-bottom:20px}.page-intro p{max-width:720px;font-size:1.08rem}.page-art{min-height:230px;max-height:280px;width:100%;object-fit:cover;border-radius:16px}.inner-body{padding-bottom:80px}.inner-body>.section{padding:47px 0}.prose{max-width:980px;margin:auto}.prose p{line-height:2.1;font-size:1.04rem}.detail-layout{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(260px,1fr);gap:60px;padding-top:45px;padding-bottom:90px}.breadcrumbs{color:var(--ink-3);font-size:.85rem;margin-bottom:35px}.detail-main>h1{font-size:clamp(2.25rem,4vw,3.8rem)}.detail-deck{font-size:1.2rem;line-height:1.9}.detail-cover{max-height:435px;min-height:280px;width:100%;object-fit:cover;border-radius:15px;margin:30px 0}.detail-tools{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:25px 0 35px}.article-prose{max-width:790px}.article-prose h2{font-size:1.6rem;margin-top:45px;margin-bottom:18px}.article-prose p{line-height:2.15;color:var(--ink-2);font-size:1.07rem}.detail-sidebar{border-left:1px solid var(--line);padding-left:30px}.detail-sidebar h2{font-size:1.25rem}.detail-sidebar>a{display:block;border-top:1px solid var(--line);padding:17px 0}.detail-sidebar small{display:block;color:var(--rose)}.detail-sidebar strong{display:block}.related-cta{display:flex;gap:30px;margin-top:40px;color:var(--mauve-deep);font-weight:750}.reader-page{max-width:1050px;padding-bottom:90px}.reader-toolbar{display:flex;align-items:center;gap:15px;flex-wrap:wrap;padding:22px 0;border-bottom:1px solid var(--line)}.reader-toolbar button{border:1px solid var(--line);background:white;border-radius:7px;padding:7px 12px}.reader-toolbar>a{margin-right:auto}.reader-top{text-align:center;padding:55px 0 25px}.reader-top h1{font-size:clamp(2.2rem,4vw,3.4rem)}.reader-cover{min-height:300px;max-height:450px;width:100%;object-fit:cover;border-radius:12px}.reading-surface{max-width:830px;margin:auto}.reader-note{margin-top:28px;padding:20px 25px;background:var(--lavender-soft);border-radius:10px;border-left:3px solid var(--mauve)}.reader-note p{margin:8px 0 0}.reader-next{display:flex;gap:30px;padding:35px 0;border-top:1px solid var(--line)}.reader-next a{color:var(--mauve-deep);font-weight:750}.sepia-reader .reading-surface{background:#f4ebd8;padding:25px;border-radius:13px}.standalone-search{max-width:800px;margin-bottom:40px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:50px}.reading-controls{display:flex;align-items:center;gap:20px;margin-bottom:20px}.local-record{padding:15px;border-bottom:1px solid var(--line)}.local-record a{font-weight:750}.local-record p{margin:8px 0;font-size:.85rem}.local-record button{font-size:.8rem;padding:5px 9px;border-radius:6px;border:1px solid var(--line);background:white}.ranking-full{counter-reset:topic;list-style:none;padding:0;margin:30px 0;display:grid;grid-template-columns:1fr 1fr;gap:15px}.ranking-full>li{counter-increment:topic;background:white;border:1px solid var(--line);padding:18px;border-radius:10px;display:flex;gap:15px}.ranking-full>li::before{content:counter(topic,decimal-leading-zero);font-size:2rem;color:var(--rose);font-weight:850}.ranking-full li[hidden]{display:none}.ranking-full strong,.ranking-full small{display:block}.ranking-full small{color:var(--ink-3);margin-top:6px}.community-topics{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.community-topics article{border:1px solid var(--line);border-radius:12px;padding:25px;background:white}.like{border:1px solid var(--line);background:var(--cream-2);border-radius:999px;padding:7px 15px}.like.liked{background:var(--rose-soft);color:var(--rose)}.not-found{text-align:center;padding:110px 0;min-height:50vh}.not-found .btn{margin:8px}.search-modal{display:none;position:fixed;inset:0;z-index:80;background:rgba(20,30,40,.65);align-items:flex-start;justify-content:center;padding:12vh 20px 20px}.search-modal.is-open{display:flex}.search-modal[hidden]{display:none!important}.modal-open{overflow:hidden}.search-panel{position:relative;width:min(100%,680px);border-radius:18px;padding:40px;background:white;box-shadow:0 30px 90px rgba(0,0,0,.25)}.search-panel .close-search{position:absolute;right:20px;top:10px;font-size:2rem;background:transparent;border:0}.search-panel h2{font-size:1.7rem}.search-panel p{font-size:.87rem;margin-top:20px}.search-panel p a{color:var(--mauve-deep)}.site-footer{background:linear-gradient(135deg,#202931,#32566D);color:white;border-top:3px solid var(--rose);margin-top:45px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:50px;padding-top:58px;padding-bottom:50px}.footer-grid h2,.footer-grid h3{color:white}.footer-grid h2{font-size:1.6rem}.footer-grid h3{font-size:1rem}.footer-grid p{font-size:.86rem;max-width:330px;color:rgba(255,255,255,.72)}.footer-grid a{display:block;font-size:.88rem;color:rgba(255,255,255,.72);margin:9px 0}.footer-grid a:hover{color:#F5B9AD}.footer-bottom{padding:20px 0 25px;border-top:1px solid rgba(255,255,255,.16);font-size:.82rem;color:rgba(255,255,255,.64)}.bottom-nav{display:none}#backTop{position:fixed;bottom:35px;right:25px;background:var(--ink);color:white;border:0;width:42px;height:42px;border-radius:50%;z-index:15;opacity:0;pointer-events:none;transition:opacity .2s}#backTop.visible{opacity:1;pointer-events:auto}
@media(max-width:1200px){.desktop-nav{gap:10px}.desktop-nav a{font-size:.76rem}.header-inner{gap:12px}.header-actions{gap:2px}.brand small{display:none}.hero-layout{gap:36px}.article-grid{gap:16px}.footer-grid{gap:30px}}
@media(max-width:1024px){.desktop-nav{display:none}#menuToggle{display:inline-block}.header-actions{margin-left:auto}.hero-layout{grid-template-columns:1.2fr 1fr}.hero-aside{padding-left:25px}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}.page-intro{gap:25px}}
@media(max-width:900px){.hero-layout{grid-template-columns:1fr;padding-top:45px}.hero-aside{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}.hero-visual{max-height:230px}.paper-layout,.split-info,.editorial-feature,.detail-layout{grid-template-columns:1fr}.detail-sidebar{border-left:0;padding-left:0}.detail-sidebar>a{display:inline-block;width:48%;vertical-align:top;padding-right:20px}.headline-list>a{grid-template-columns:95px 1fr 20px}.headline-list span{display:none}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.page-intro{grid-template-columns:1fr}.page-art{max-height:230px}.community-topics{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.wrapper{width:min(calc(100% - 32px),var(--wrap))}.header-inner{min-height:62px}.header-actions>a{display:none}.section{padding:42px 0}.section-heading{align-items:flex-start;flex-direction:column;gap:8px}.timeline,.collection-grid,.mini-columns,.notice-grid{grid-template-columns:1fr 1fr}.rail-items{grid-template-columns:1fr}.privacy-strip,.dark-banner,.app-promo{grid-template-columns:1fr}.dark-banner{padding:27px}.brief-grid{grid-template-columns:1fr}.steps-mini>div{flex-direction:column;gap:5px}.ranking-full{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:last-child{grid-column:auto}.bottom-nav{display:flex;position:fixed;z-index:35;bottom:0;left:0;right:0;background:rgba(255,255,255,.98);box-shadow:0 -6px 22px rgba(0,0,0,.08);border-top:1px solid var(--line);justify-content:space-around;padding:11px 7px max(11px,env(safe-area-inset-bottom))}.bottom-nav a{font-size:.83rem;font-weight:750}.site-footer{padding-bottom:55px}#backTop{bottom:70px}.two-columns{grid-template-columns:1fr}.search-panel{padding:25px}.page-intro{padding-top:35px;padding-bottom:35px}}
@media(max-width:600px){body{font-size:15px}.hero-layout h1{font-size:2.65rem}.hero-buttons{align-items:stretch}.hero-buttons .btn{flex:1}.hero-aside{padding-top:25px}.strip{display:block}.strip .eyebrow{margin-bottom:15px}.article-grid{grid-template-columns:1fr}.cover{aspect-ratio:16/9}.wide-card{display:block}.wide-card .cover{width:100%;aspect-ratio:16/9}.timeline,.collection-grid,.mini-columns,.notice-grid,.community-topics{grid-template-columns:1fr}.category-grid{grid-template-columns:1fr 1fr;gap:9px}.category-grid>a{padding:17px}.category-grid h3{font-size:1rem}.ranking-preview{grid-template-columns:1fr}.headline-list>a{grid-template-columns:74px 1fr 15px;gap:9px}.search-line button{padding:8px 11px}.search-line input{font-size:.82rem;padding:9px}.footer-grid{grid-template-columns:1fr 1fr;gap:20px}.footer-grid>div:first-child{grid-column:1/-1}.mobile-menu{grid-template-columns:repeat(2,1fr)}.detail-cover{min-height:200px}.detail-sidebar>a{width:100%}.reader-toolbar{gap:8px}.reader-toolbar>a{width:100%}.reader-toolbar button{font-size:.83rem}.hero-image{height:140px!important}.art-fallback .art-glyph{font-size:2.5rem}.section-heading h2{font-size:1.6rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}