@charset "UTF-8";
:root{--rose:#D6A92F;--rose-2:#E7C45D;--rose-light:#F5E3A0;--rose-soft:#FFF7DC;--cream:#FFFEF8;--cream-2:#FFF9E9;--cream-3:#F8F0D9;--mauve:#B6A27B;--mauve-deep:#8A754E;--plum:#554832;--plum-dark:#3B3326;--lavender:#D7DFCB;--lavender-soft:#F0F4E9;--peach:#E7B978;--peach-soft:#FFF2E2;--sage:#A8B99A;--sage-soft:#EFF4E9;--ink:#3D382D;--ink-2:#665D4A;--ink-3:#938A78;--surface:#fff;--line:rgba(61,56,45,.12);--line-strong:rgba(61,56,45,.22);--shadow:0 8px 28px rgba(92,72,28,.08);--shadow-hover:0 18px 42px rgba(92,72,28,.14);--radius:12px;--radius-card:18px;--radius-large:28px;--radius-pill:999px;--wrap:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.75;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img,video{max-width:100%;height:auto}p{color:var(--ink-2)}.skip-link{position:absolute;left:-999px;top:8px;background:#fff;padding:8px 12px;z-index:999}.skip-link:focus{left:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,254,248,.96);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.header-inner{height:72px;max-width:var(--wrap);padding:0 28px;margin:auto;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;flex:none;font-weight:700}.brand>span:last-child{font-size:17px;line-height:1.2}.brand small{display:block;font-size:8px;letter-spacing:.2em;color:var(--ink-3);margin-top:4px}.brand-symbol{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#f8e7a8,#d6a92f);color:#5a4521;font-size:20px}.desktop-nav{display:flex;align-items:center;gap:17px;margin-left:auto;white-space:nowrap}.desktop-nav a{font-size:13px;color:var(--ink-2);padding:25px 0}.desktop-nav a:hover{color:var(--mauve-deep)}.header-tools{display:flex;align-items:center;gap:13px;font-size:13px;color:var(--ink-2)}.icon-button,.menu-toggle{border:0;background:transparent;font-size:25px;color:var(--ink);padding:4px}.header-app{padding:7px 15px;border-radius:var(--radius-pill);background:var(--rose-soft);color:var(--mauve-deep)}.menu-toggle,.mobile-nav,.mega-menu{display:none}.page-main{min-height:65vh;overflow:hidden}
.home-hero,.page-hero{max-width:var(--wrap);margin:auto;padding:60px 28px 52px;display:grid;grid-template-columns:1.04fr .96fr;gap:42px;align-items:center}.home-hero{min-height:560px;background:radial-gradient(ellipse at 82% 28%,rgba(239,211,126,.24),transparent 38%)}.eyebrow{display:inline-block;color:var(--mauve-deep);font-size:10px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.home-copy h1,.page-hero h1{font-size:clamp(36px,4.6vw,62px);line-height:1.18;letter-spacing:-.045em;margin:17px 0 20px;font-weight:650}.home-copy h1 em{font-style:normal;color:#a17a2c}.home-copy>p,.page-hero>div:first-child>p{max-width:560px;font-size:16px;line-height:1.9}.hero-search,.search-inline{display:flex;max-width:520px;background:#fff;border:1px solid var(--line-strong);border-radius:15px;padding:6px;margin:26px 0 18px;box-shadow:var(--shadow)}.hero-search input,.search-inline input,.search-panel input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:12px 14px;color:var(--ink)}.hero-search button{width:48px;border:0;border-radius:11px;background:var(--rose);color:#fff;font-size:25px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 19px;border-radius:var(--radius-pill);font-size:13px;font-weight:650;border:1px solid transparent;transition:.2s}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.btn-primary{background:var(--rose);color:#fff}.btn-soft{background:#fff;border-color:var(--line-strong);color:var(--ink-2)}.hero-tags{display:flex;gap:8px;margin-top:28px;flex-wrap:wrap}.hero-tags span,.work-tags i{font-style:normal;font-size:11px;padding:5px 10px;border-radius:var(--radius-pill);background:rgba(255,255,255,.72);color:var(--ink-3)}
.home-stage{min-height:410px;position:relative;display:grid;place-items:center}.stage-glow{position:absolute;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,#f8e5a8 0%,#f9edcf 44%,transparent 72%)}.stage-paper{width:260px;height:350px;border-radius:24px;background:linear-gradient(150deg,#f4dfa0,#d7b45b 60%,#b18a42);padding:30px;color:#4e3e23;box-shadow:0 30px 70px rgba(122,91,31,.2);transform:rotate(-5deg);display:flex;flex-direction:column;justify-content:space-between;position:relative}.stage-paper span,.stage-side span{font-size:9px;letter-spacing:.2em}.stage-paper strong{font-family:Georgia,serif;font-size:42px;line-height:1.15}.stage-paper small{font-size:11px}.stage-side{position:absolute;right:0;bottom:55px;width:190px;padding:20px;border:1px solid rgba(138,117,78,.18);border-radius:18px;background:rgba(255,255,255,.82);box-shadow:var(--shadow);display:grid;gap:8px;transform:rotate(4deg)}.stage-side span,.stage-side small{color:var(--ink-3);font-size:11px}.stage-side b{font-size:20px}.stage-caption{position:absolute;left:6%;bottom:12px;font-size:11px;letter-spacing:.18em;color:var(--mauve-deep)}
.category-strip{max-width:var(--wrap);margin:0 auto 30px;padding:22px 28px;border-block:1px solid var(--line);display:flex;align-items:center;gap:32px}.category-strip>div:first-child{min-width:145px;display:grid}.category-strip strong{font-size:17px}.category-chips{display:flex;gap:10px;flex-wrap:wrap}.category-chip,.filter-chip{display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid var(--line);border-radius:var(--radius-pill);background:#fff;font-size:12px;color:var(--ink-2);transition:.2s}.category-chip:hover,.filter-chip:hover{border-color:var(--rose);background:var(--rose-soft)}.category-chip b{color:var(--mauve)}.chip-dot{width:8px;height:8px;border-radius:50%;background:var(--rose)}.tone-sage{background:var(--sage)}.tone-peach{background:var(--peach)}.tone-cream{background:#e9dcae}.tone-plum{background:#81745b}
.content-section{max-width:var(--wrap);margin:0 auto;padding:42px 28px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:25px}.section-heading h2{font-size:clamp(23px,2.6vw,34px);line-height:1.25;margin:8px 0 7px;letter-spacing:-.03em}.section-heading p{margin:0;max-width:650px;font-size:13px}.text-link{font-size:12px;color:var(--mauve-deep);font-weight:700;white-space:nowrap}.work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.work-card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;transition:.25s;box-shadow:0 4px 16px rgba(92,72,28,.025)}.work-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.work-art{aspect-ratio:4/5;display:flex;flex-direction:column;justify-content:space-between;padding:20px;color:#55452b;position:relative;overflow:hidden;background:linear-gradient(145deg,#f8e8b5,#d8b765)}.work-art:after,.detail-art:after{content:"";position:absolute;width:170px;height:170px;border:1px solid rgba(255,255,255,.5);border-radius:50%;right:-45px;bottom:15px;box-shadow:0 0 0 22px rgba(255,255,255,.08),0 0 0 44px rgba(255,255,255,.06)}.work-art span{font-size:9px;letter-spacing:.16em;z-index:1}.work-art strong{font-size:25px;line-height:1.2;max-width:85%;z-index:1}.work-art small{font-size:10px;z-index:1}.art-sage{background:linear-gradient(145deg,#e4eadb,#a8b99a)}.art-peach{background:linear-gradient(145deg,#ffebd1,#e7b978)}.art-plum{background:linear-gradient(145deg,#e6dfd0,#81745b);color:#fff9e9}.art-cream{background:linear-gradient(145deg,#fff9e9,#e9dcae)}.work-info{padding:15px 16px 16px}.work-tags{display:flex;gap:5px;flex-wrap:wrap}.work-tags i{background:var(--cream-2);padding:3px 8px}.work-info h3{font-size:16px;margin:10px 0 5px}.work-info p{font-size:12px;line-height:1.7;min-height:42px;margin:0}.work-foot{display:flex;justify-content:space-between;align-items:center;margin-top:13px;padding-top:10px;border-top:1px solid var(--line);font-size:10px;color:var(--ink-3)}.work-foot a{color:var(--mauve-deep);font-weight:650}
.spotlight{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:center}.spotlight-poster{min-height:320px;border-radius:24px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;color:#5b4624;background:linear-gradient(140deg,#f8e6a9,#cda34d);position:relative;overflow:hidden}.spotlight-poster:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.45);border-radius:50%;right:-70px;bottom:-70px;box-shadow:0 0 0 28px rgba(255,255,255,.1),0 0 0 56px rgba(255,255,255,.08)}.spotlight-poster strong{font-size:42px;line-height:1.15;z-index:1}.spotlight-poster small{z-index:1}.spotlight h3{font-size:25px;line-height:1.4}.spotlight p{max-width:540px}.spotlight a,.wide-topic a,.analysis-card a{color:var(--mauve-deep);font-size:13px;font-weight:700}.split-feature,.vertical-rail,.ai-feature{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding-top:70px;padding-bottom:70px;background:linear-gradient(120deg,rgba(255,247,220,.75),rgba(255,254,248,0))}.split-feature h2,.vertical-rail h2,.ai-feature h2{font-size:34px;line-height:1.3}.split-notes{display:grid;gap:12px}.split-notes>div{display:grid;grid-template-columns:42px 1fr;gap:4px 14px;padding:17px;background:#fff;border:1px solid var(--line);border-radius:15px}.split-notes b{grid-row:span 2;color:var(--rose);font-size:18px}.split-notes span{font-size:12px;color:var(--ink-3)}.ai-feature{background:linear-gradient(120deg,#f1f4e9,#fffef8)}.ai-orb{height:260px;display:grid;place-items:center;position:relative}.ai-orb span{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#e8eddb,#a8b99a);font-size:48px;color:#59664f;box-shadow:0 25px 60px rgba(103,128,88,.2)}.ai-orb i,.ai-orb b{position:absolute;border:1px solid rgba(138,117,78,.3);border-radius:50%;width:220px;height:220px}.ai-orb b{width:270px;height:270px;border-style:dashed}.wide-topic{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}.wide-topic-art{min-height:210px;border-radius:20px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;color:#48523f;background:linear-gradient(130deg,#e4eadb,#a8b99a)}.wide-topic-art strong{font-size:36px}.phone-stack{min-height:300px;display:grid;place-items:center;position:relative}.phone-frame{height:280px;width:160px;border:8px solid #4a4539;border-radius:26px;background:linear-gradient(160deg,#f7e8b7,#d5ad56);padding:20px 14px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 24px 50px rgba(65,55,34,.18);color:#55452b}.phone-frame strong{font-size:27px;line-height:1.2}.phone-frame span,.phone-frame small{font-size:9px;letter-spacing:.12em}.phone-caption{position:absolute;right:8%;bottom:20px;color:var(--ink-3);font-size:11px}.creator-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.creator-mini article{display:flex;align-items:center;gap:13px;padding:17px;border:1px solid var(--line);background:#fff;border-radius:16px}.creator-mini article>span,.creator-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--sage-soft);color:#65765b;font-size:18px}.creator-mini b,.creator-mini small{display:block}.creator-mini small{font-size:11px;color:var(--ink-3)}.fine-print{font-size:11px;color:var(--ink-3)}.update-band,.editorial-banner{display:flex;justify-content:space-between;align-items:center;padding:35px 38px;border-radius:22px;background:linear-gradient(110deg,#fff5d5,#f7ebc9)}.genre-mosaic{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.genre-tile{min-height:145px;border-radius:18px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;color:var(--ink)}.genre-tile small{font-size:9px;letter-spacing:.18em}.genre-tile strong{font-size:22px}.genre-tile span{font-size:11px;max-width:270px;color:var(--ink-2)}.topic-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.topic-cards article{padding:20px;border-radius:16px;background:#fff;border:1px solid var(--line)}.topic-cards article h3{font-size:17px}.topic-cards article p{font-size:12px}.topic-cards small{font-size:10px;color:var(--ink-3)}.creator-guide{display:grid;grid-template-columns:.4fr 1fr 1fr;gap:25px;align-items:center}.guide-number{font-size:38px;color:var(--rose);font-weight:300;letter-spacing:-.08em}.guide-steps{display:grid;grid-template-columns:1fr 1fr;gap:9px}.guide-steps span{padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:12px}.help-columns,.three-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.help-columns article,.three-notes>div{padding:22px;background:#fff;border:1px solid var(--line);border-radius:16px}.help-columns b{color:var(--rose);font-size:20px}.help-columns h3{font-size:16px}.help-columns p,.three-notes p{font-size:12px}.banner-copy h2{font-size:30px;margin:7px 0}.banner-ornament{width:180px;height:130px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.55);color:var(--mauve-deep);position:relative}.banner-ornament b{font-size:64px;font-weight:300}.banner-ornament span,.banner-ornament small{position:absolute;font-size:9px;letter-spacing:.2em}.banner-ornament span{top:15px}.banner-ornament small{bottom:13px}.editor-pick{display:flex;align-items:center;gap:25px;padding:26px;background:#f2f4e9;border-radius:18px}.editor-mark{width:88px;height:88px;flex:none;border-radius:50%;display:grid;place-items:center;background:#dbe4cf;color:#59664f;font-size:16px;text-align:center;line-height:1.1}.editor-pick h3{font-size:21px;margin:0}.editor-pick p{margin-bottom:0}.update-list{border-top:1px solid var(--line)}.update-list a{display:grid;grid-template-columns:110px 180px 1fr 25px;gap:14px;align-items:center;padding:16px 4px;border-bottom:1px solid var(--line)}.update-list span,.update-list small{font-size:11px;color:var(--ink-3)}.update-list b{font-size:14px}.series-panel{display:flex;gap:40px;align-items:center;padding:25px;border:1px solid var(--line);border-radius:18px;background:#fff}.series-panel>div{min-width:180px;display:grid}.series-panel strong{font-size:22px}.series-panel span{font-size:11px;color:var(--ink-3)}.series-panel p{margin:0}.three-notes b{font-size:22px;color:var(--mauve-deep)}.analysis-card{padding:28px;border-radius:20px;background:linear-gradient(130deg,#f8edcf,#fff9e9);max-width:780px}.analysis-card>span{font-size:9px;letter-spacing:.18em}.analysis-card h3{font-size:23px}.growth-track{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:22px;border:1px solid var(--line);border-radius:15px;background:#fff}.growth-track span{padding:10px 16px;background:var(--cream-2);border-radius:var(--radius-pill);font-size:12px}.growth-track i{font-style:normal;color:var(--rose)}.community-band{background:linear-gradient(120deg,#f0f4e9,#fffef8);border-radius:24px}.community-band h2{font-size:30px}.editorial-callout{display:flex;align-items:center;gap:22px;padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff}.editorial-callout>span{font-size:27px;color:var(--rose);font-weight:300}.editorial-callout p{flex:1;margin:0}.editorial-callout a{font-size:12px;color:var(--mauve-deep);font-weight:700}
.page-hero{min-height:360px;padding-top:45px;padding-bottom:42px;background:linear-gradient(125deg,#fffef8,#fff2ce 65%,#f7e8bd)}.page-hero h1{font-size:clamp(34px,4vw,52px)}.page-hero-art{min-height:230px;position:relative;display:grid;place-items:center}.hero-art{min-height:245px;width:min(100%,420px);border-radius:28px;background:linear-gradient(145deg,#f5e3a0,#e5c66f);display:grid;place-items:center;position:relative;overflow:hidden}.hero-art:before{content:"";position:absolute;width:270px;height:270px;border:1px solid rgba(255,255,255,.55);border-radius:50%;box-shadow:0 0 0 25px rgba(255,255,255,.1),0 0 0 50px rgba(255,255,255,.07)}.sun-disc{position:absolute;width:160px;height:160px;border-radius:50%;background:rgba(255,255,255,.25);right:35px;top:20px}.art-copy{position:relative;display:grid;gap:12px;color:#5a4827}.art-copy small{font-size:9px;letter-spacing:.2em}.art-copy b{font-size:34px;line-height:1.25}.art-copy span{font-size:11px}.art-ribbon{position:absolute;bottom:18px;right:20px;padding:7px 12px;background:rgba(255,255,255,.65);border-radius:var(--radius-pill);font-size:10px}.breadcrumb{max-width:var(--wrap);margin:18px auto 0;padding:0 28px;display:flex;gap:10px;font-size:11px;color:var(--ink-3)}.breadcrumb a{color:var(--mauve-deep)}.content-section>.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.detail-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:36px;align-items:center}.detail-art{min-height:360px;border-radius:22px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;background:linear-gradient(145deg,#f7e7b3,#d2ae5e);color:#55452b}.detail-art strong{font-size:38px;line-height:1.2;z-index:1}.detail-art span,.detail-art small{z-index:1}.detail-layout h2{font-size:30px}.notice{padding:15px 18px;background:var(--cream-2);border-left:3px solid var(--rose);border-radius:0 12px 12px 0;font-size:13px}.reader-layout{display:grid;grid-template-columns:220px 1fr;gap:40px}.reader-aside{display:flex;flex-direction:column;gap:14px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:16px;align-self:start}.reader-aside a{font-size:12px;color:var(--ink-2)}.reader-article{max-width:800px}.reader-article h2{margin-top:0;font-size:24px}.reader-article p{font-size:15px;line-height:2}.prose-block{padding:22px 0;border-bottom:1px solid var(--line);max-width:900px}.prose-block h2{font-size:21px;margin:0 0 8px}.prose-block p{margin:0;line-height:1.95}.faq-list{max-width:920px}.faq-list details{padding:18px 4px;border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;font-size:16px;font-weight:650;list-style:none}.faq-list summary:after{content:"＋";float:right;color:var(--mauve-deep)}.faq-list details[open] summary:after{content:"－"}.faq-list details p{max-width:820px;font-size:13px;line-height:1.9}.topic-list{display:grid;gap:12px}.topic-row{display:grid;grid-template-columns:60px 1fr 110px;gap:18px;align-items:start;padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff}.topic-row>span{font-size:24px;color:var(--rose)}.topic-row h2{font-size:19px;margin:0}.topic-row p{font-size:13px}.topic-row small{color:var(--ink-3);font-size:11px}.topic-row>a{font-size:12px;color:var(--mauve-deep);font-weight:700}.creator-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.creator-card{padding:24px;background:#fff;border:1px solid var(--line);border-radius:18px}.creator-card h2{font-size:18px}.creator-card b{font-size:11px;color:var(--mauve-deep)}.creator-card p{font-size:12px}.creator-avatar{width:56px;height:56px;font-size:23px}.community-stream{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.community-post{padding:22px;border-radius:17px;background:#fff;border:1px solid var(--line)}.community-post h2,.community-post h3{font-size:17px;line-height:1.5}.community-post p{font-size:12px}.community-post button{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--cream-2);padding:7px 12px;color:var(--mauve-deep);font-size:11px}.timeline{max-width:850px;border-left:1px solid var(--line-strong);margin-left:10px;padding-left:30px}.timeline article{position:relative;padding:0 0 25px}.timeline article:before{content:"";position:absolute;left:-36px;top:7px;width:11px;height:11px;border-radius:50%;background:var(--rose);box-shadow:0 0 0 5px var(--rose-soft)}.timeline small{font-size:10px;color:var(--ink-3)}.timeline h2{font-size:19px;margin:4px 0}.timeline p{font-size:13px}.shelf-tabs{display:flex;gap:8px;margin-bottom:20px}.shelf-tabs button{padding:9px 17px;border:1px solid var(--line);background:#fff;border-radius:var(--radius-pill);font-size:12px}.shelf-tabs button.is-selected{background:var(--rose-soft);border-color:var(--rose)}.shelf-items{min-height:120px}.search-inline{max-width:700px}.search-inline button{border:0}.filter-row{display:flex;gap:8px;flex-wrap:wrap}.filter-chip{display:inline-flex}.site-footer{background:linear-gradient(135deg,#3B3326,#655238);color:#fff9e9;margin-top:55px;padding:48px max(28px,calc((100% - 1264px)/2)) 20px}.footer-main{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:45px;padding-bottom:36px}.footer-main>div{display:flex;flex-direction:column;gap:9px}.footer-main h3{font-size:13px;color:#f5e3a0;margin:0 0 8px}.footer-main a:not(.brand){font-size:12px;color:rgba(255,255,255,.7)}.footer-main a:hover,.footer-bottom a:hover{color:#f5e3a0}.footer-brand p{max-width:280px;color:rgba(255,255,255,.7);font-size:12px}.brand-light{color:#fff9e9}.brand-light small{color:rgba(255,255,255,.5)}.footer-bottom{border-top:1px solid rgba(255,255,255,.16);padding-top:17px;display:flex;justify-content:space-between;gap:15px;color:rgba(255,255,255,.55);font-size:10px}.footer-bottom a{color:rgba(255,255,255,.7)}.bottom-nav{display:none}.search-modal[hidden]{display:none!important}.search-modal{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-start;justify-content:center;padding:12vh 20px 20px}.search-backdrop{position:absolute;inset:0;background:rgba(40,34,24,.48);backdrop-filter:blur(4px)}.search-panel{position:relative;width:min(620px,100%);padding:38px;border-radius:24px;background:var(--cream);box-shadow:0 25px 90px rgba(0,0,0,.2)}.search-panel h2{font-size:28px;margin:8px 0 20px}.search-panel form{display:flex;gap:8px;border:1px solid var(--line-strong);border-radius:14px;padding:5px;background:#fff}.search-panel input{width:100%}.modal-close{position:absolute;right:17px;top:13px;border:0;background:transparent;font-size:27px;color:var(--ink-3)}.search-hot{display:flex;gap:8px;margin-top:17px}.search-hot a{padding:6px 11px;border-radius:var(--radius-pill);background:var(--cream-2);font-size:11px;color:var(--ink-2)}
@media(max-width:1200px){.desktop-nav{gap:11px}.desktop-nav a{font-size:12px}.header-inner{gap:16px}.work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.topic-cards{grid-template-columns:repeat(2,1fr)}.home-hero{gap:24px}.stage-side{right:-8px}}
@media(max-width:1024px){.desktop-nav{gap:10px}.desktop-nav a:nth-child(7),.desktop-nav a:nth-child(8){display:none}.home-hero,.page-hero{grid-template-columns:1fr 1fr}.home-copy h1{font-size:48px}.footer-main{gap:25px}.category-strip{align-items:flex-start;flex-direction:column;gap:15px}.creator-guide{grid-template-columns:.3fr 1fr}.guide-steps{grid-column:2}.update-list a{grid-template-columns:90px 150px 1fr 20px}}
@media(max-width:900px){.desktop-nav{display:none}.header-inner{height:66px}.header-tools{margin-left:auto}.menu-toggle{display:block}.mobile-nav{position:absolute;top:66px;left:0;right:0;background:var(--cream);padding:10px 22px 18px;border-bottom:1px solid var(--line);display:none;grid-template-columns:repeat(5,1fr);gap:8px}.mobile-nav.is-open{display:grid}.mobile-nav a{text-align:center;padding:10px 5px;border-radius:10px;background:#fff;font-size:12px}.home-hero,.page-hero{grid-template-columns:1fr;gap:12px;padding-top:40px}.home-copy h1{font-size:48px}.home-stage{min-height:340px}.stage-paper{height:290px;width:220px}.stage-side{right:8%;bottom:30px}.page-hero-art{min-height:190px}.hero-art{min-height:190px}.content-section{padding:32px 24px}.split-feature,.vertical-rail,.ai-feature{gap:25px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-grid,.community-stream{grid-template-columns:repeat(2,1fr)}.footer-main{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:span 2}.bottom-nav{display:none}}
@media(max-width:768px){body{font-size:14px}.header-inner{padding:0 18px}.header-tools>a:not(.header-app){display:none}.home-hero,.page-hero{padding:34px 20px 28px}.home-copy h1,.page-hero h1{font-size:clamp(34px,9vw,46px)}.home-copy>p,.page-hero>div:first-child>p{font-size:14px}.home-stage{min-height:300px}.stage-glow{width:290px;height:290px}.stage-paper{width:190px;height:260px;padding:22px}.stage-paper strong{font-size:34px}.stage-side{width:150px;padding:14px;right:0;bottom:20px}.stage-side b{font-size:16px}.stage-caption{left:0;bottom:0}.category-strip{padding:18px 20px}.category-chips{gap:7px}.category-chip{padding:7px 10px;font-size:11px}.content-section{padding:30px 20px}.section-heading{align-items:flex-start;flex-direction:column;gap:8px}.section-heading h2{font-size:25px}.spotlight,.split-feature,.vertical-rail,.ai-feature,.wide-topic,.detail-layout,.reader-layout{grid-template-columns:1fr;gap:22px}.spotlight-poster{min-height:240px}.spotlight-poster strong{font-size:34px}.split-feature h2,.vertical-rail h2,.ai-feature h2{font-size:28px}.split-feature,.vertical-rail,.ai-feature{padding-top:38px;padding-bottom:38px}.phone-stack{min-height:280px}.phone-caption{right:5%}.creator-mini{grid-template-columns:1fr}.genre-mosaic{grid-template-columns:repeat(2,1fr)}.topic-cards{grid-template-columns:1fr 1fr}.creator-guide{grid-template-columns:1fr}.guide-number{font-size:28px}.guide-steps{grid-column:auto}.help-columns,.three-notes{grid-template-columns:1fr}.update-band,.editorial-banner{align-items:flex-start;flex-direction:column;padding:25px}.banner-ornament{align-self:center}.editor-pick{align-items:flex-start;flex-direction:column}.update-list a{grid-template-columns:1fr 20px;gap:4px}.update-list span,.update-list b,.update-list small{grid-column:1}.update-list i{grid-column:2;grid-row:1/4}.series-panel{align-items:flex-start;flex-direction:column;gap:12px}.growth-track{flex-wrap:wrap;justify-content:center}.topic-row{grid-template-columns:35px 1fr;gap:12px;padding:16px}.topic-row>a{grid-column:2}.creator-grid,.community-stream{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr 1fr;gap:25px}.footer-bottom{flex-direction:column;gap:7px}.search-panel{padding:30px 20px}.search-panel form{flex-wrap:wrap}.search-panel form .btn{width:100%}.detail-art{min-height:270px}.detail-layout h2{font-size:25px}.breadcrumb{padding:0 20px}}
@media(max-width:600px){.header-app{display:none}.brand>span:last-child{font-size:15px}.brand-symbol{width:34px;height:34px}.home-hero{min-height:unset}.hero-actions .btn{flex:1}.hero-search{margin-top:20px}.home-stage{min-height:265px}.stage-paper{width:170px;height:235px}.stage-paper strong{font-size:30px}.stage-side{right:-2px;width:130px}.category-strip>div:first-child{min-width:0}.category-chips{display:grid;grid-template-columns:repeat(2,1fr);width:100%}.category-chip{justify-content:space-between}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.work-info{padding:11px}.work-info h3{font-size:14px}.work-info p{font-size:11px;min-height:55px}.work-art{padding:14px}.work-art strong{font-size:20px}.work-foot{font-size:9px}.topic-cards{grid-template-columns:1fr}.genre-mosaic{grid-template-columns:1fr 1fr}.genre-tile{min-height:130px;padding:15px}.genre-tile strong{font-size:18px}.genre-tile span{font-size:10px}.footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:span 2}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:45;display:grid;grid-template-columns:repeat(5,1fr);padding:7px 5px calc(7px + env(safe-area-inset-bottom));background:rgba(255,254,248,.97);border-top:1px solid var(--line);backdrop-filter:blur(14px)}.bottom-nav a{display:grid;justify-items:center;gap:1px;font-size:17px;color:var(--mauve-deep)}.bottom-nav span{font-size:9px;color:var(--ink-3)}.site-footer{padding-bottom:82px}.footer-bottom{font-size:9px}.search-modal{padding-top:8vh}.search-panel h2{font-size:23px}}
@media(max-width:380px){.work-grid{grid-template-columns:1fr}.work-art{aspect-ratio:16/9}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.genre-mosaic{grid-template-columns:1fr}.mobile-nav{grid-template-columns:repeat(3,1fr)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.back-top{position:fixed;right:24px;bottom:26px;z-index:40;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--mauve-deep);box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}.back-top.visible{opacity:1;visibility:visible;transform:none}.shelf-entry{display:flex;justify-content:space-between;padding:14px 17px;border:1px solid var(--line);border-radius:12px;background:#fff;margin:8px 0;font-size:13px}.shelf-entry span{color:var(--mauve-deep)}.liked{background:var(--rose-soft)!important;border-color:var(--rose)!important}.error-page{text-align:center;padding-top:80px;padding-bottom:100px}.error-page>strong{display:block;font-size:110px;line-height:1;color:var(--rose);letter-spacing:-.08em}.error-page h1{font-size:30px}.error-page p{max-width:520px;margin:0 auto 25px}.in-view{animation:soft-arrive .5s ease both}@keyframes soft-arrive{from{opacity:.45;transform:translateY(8px)}to{opacity:1;transform:none}}.reader-dim{background:#eee8d8;color:#302b22}.reader-dim .reader-article{background:#f8f3e7;padding:25px;border-radius:16px}