:root{--rose:#DAA821;--rose-2:#E6BC4B;--rose-light:#F7E7B1;--rose-soft:#FFF6D8;--cream:#FFFCF4;--cream-2:#F8F4E9;--cream-3:#F0E9D8;--mauve:#1D625A;--mauve-deep:#16473F;--plum:#263D38;--plum-dark:#172B29;--lavender:#8C958E;--lavender-soft:#E8EFE9;--peach:#D56C4E;--peach-soft:#FBE6D9;--sage:#668C74;--sage-soft:#E4EFE5;--ink:#20332F;--ink-2:#50605B;--ink-3:#77847E;--surface:#FFFFFF;--surface-soft:rgba(255,255,255,.94);--line:rgba(32,51,47,.14);--line-strong:rgba(32,51,47,.24);--shadow:0 8px 28px rgba(24,55,47,.08);--shadow-hover:0 18px 42px rgba(24,55,47,.14);--radius:12px;--radius-card:18px;--radius-large:28px;--radius-pill:999px;--wrap:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth}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.72;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.25;letter-spacing:-.025em}h1{font-size:clamp(2.3rem,4.8vw,4.6rem)}h2{font-size:clamp(1.65rem,3vw,2.6rem)}h3{font-size:1.22rem}p{color:var(--ink-2)}:focus-visible{outline:3px solid var(--rose);outline-offset:3px}.wrap{max-width:var(--wrap);padding-left:30px;padding-right:30px;margin-left:auto;margin-right:auto}.skip{position:absolute;top:-70px;left:15px;background:#fff;padding:12px;z-index:100}.skip:focus{top:10px}.eyebrow{display:inline-block;letter-spacing:.17em;font-size:.72rem;font-weight:850;color:var(--mauve);text-transform:uppercase;margin-bottom:16px}.section{padding:55px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:24px}.section-head h2{margin-bottom:10px}.section-head p{max-width:730px;margin:0}.text-link,.arrow-link{font-weight:750;color:var(--mauve-deep)}.text-link:hover,.arrow-link:hover{color:var(--peach)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 23px;background:var(--rose-2);color:var(--plum-dark);font-weight:800;border:1px solid var(--rose-2);border-radius:999px;min-height:48px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px);background:var(--rose-light)}.btn.outline{background:transparent;color:var(--mauve-deep);border-color:var(--line-strong)}.btn.outline:hover{background:var(--rose-soft)}.pillrow{display:flex;flex-wrap:wrap;gap:9px}.pillrow a,.hot-terms a{padding:7px 13px;border-radius:50px;border:1px solid var(--line);background:#fff;font-size:.86rem;font-weight:650}.pillrow a:hover,.hot-terms a:hover{border-color:var(--rose);background:var(--rose-soft)}.art-fallback{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:130px;width:100%;background:radial-gradient(circle at 75% 25%,rgba(255,242,179,.94),transparent 40%),linear-gradient(140deg,#E7EEDB,#BFD4BD 45%,#2C7065);color:#173F37;overflow:hidden;border-radius:inherit;text-align:center;padding:20px}.art-fallback:before,.art-fallback:after{content:"";position:absolute;inset:auto -20% -60% 30%;height:90%;background:rgba(255,255,255,.19);transform:rotate(-25deg);border-radius:45%}.art-fallback:after{inset:-70% 55% auto -25%;background:rgba(255,255,255,.23)}.art-fallback span{font-size:clamp(2rem,5vw,4.5rem);line-height:1;z-index:1;color:#F8DD78}.art-fallback small{font-size:1rem;font-weight:800;z-index:1;max-width:90%;line-height:1.45}.site-header{position:sticky;top:0;z-index:80;background:rgba(255,252,244,.96);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);transition:box-shadow .2s,background .2s}.site-header.scrolled{background:rgba(255,255,255,.98);box-shadow:var(--shadow)}.header-inner{height:70px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:1.38rem;letter-spacing:-.06em;color:var(--mauve-deep)}.brand span{color:var(--rose)}.brand-logo{height:35px;width:35px;border-radius:9px;object-fit:cover}.brand .art-fallback{min-height:35px;padding:0}.brand .art-fallback span{font-size:18px}.brand .art-fallback small{display:none}.desktop-nav{display:flex;align-items:center;gap:clamp(10px,1.2vw,22px);margin-left:auto}.desktop-nav a{font-weight:650;font-size:.88rem;white-space:nowrap;color:var(--ink-2)}.desktop-nav a:hover,.quick-nav a:hover{color:var(--mauve-deep)}.header-actions{display:flex;align-items:center;gap:7px}.icon-btn{border:0;background:transparent;border-radius:12px;font-size:1.5rem;width:37px;height:37px;display:inline-flex;align-items:center;justify-content:center;color:var(--mauve-deep)}.icon-btn:hover{background:var(--rose-soft)}.app-shortcut{border:1px solid var(--line);border-radius:20px;padding:5px 11px;font-size:.8rem;white-space:nowrap}.quick-nav{display:flex;align-items:center;justify-content:center;gap:32px;min-height:35px;font-size:.79rem;color:var(--ink-3);border-top:1px solid rgba(32,51,47,.06)}.mobile-menu-button,.mobile-menu{display:none}.hero-shell{background:linear-gradient(125deg,#FFFCF4 0%,#F8F4E9 55%,#F1EECF 100%);border-bottom:1px solid var(--line);padding-top:38px;padding-bottom:33px}.hero-layout{display:grid;grid-template-columns:7fr 5fr;gap:45px;min-height:515px}.hero-main{position:relative;min-height:540px;padding:30px 0 0}.hero-main h1{max-width:720px;margin:0 0 20px;font-size:clamp(2.7rem,4.3vw,4.7rem)}.hero-main h1 span{color:var(--mauve)}.hero-main>p{font-size:1.03rem;max-width:650px}.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:23px}.hero-visual{position:relative;height:210px;max-width:670px;margin-top:23px;border-radius:36px;overflow:hidden;box-shadow:var(--shadow)}.hero-art{height:100%;width:100%;object-fit:cover}.hero-stamp{position:absolute;right:20px;bottom:18px;transform:rotate(-7deg);border-radius:50%;height:95px;width:95px;background:var(--rose-light);color:var(--mauve-deep);display:flex;align-items:center;justify-content:center;text-align:center;font-weight:900;font-size:12px;line-height:1.3}.hero-right{padding:35px 0}.hero-stack{display:grid;gap:15px;margin-bottom:18px}.stack-item{display:grid;grid-template-columns:126px 1fr;align-items:center;gap:18px;border:1px solid var(--line);padding:12px;background:rgba(255,255,255,.76);border-radius:22px;transition:transform .2s,box-shadow .2s}.stack-item:hover{transform:translateX(-4px);box-shadow:var(--shadow)}.stack-art{height:124px;border-radius:15px;overflow:hidden}.stack-art img,.stack-art .art-fallback{width:100%;height:100%;object-fit:cover}.stack-item small,.stack-item strong,.stack-item span{display:block}.stack-item small{font-size:.74rem;color:var(--mauve);font-weight:800}.stack-item strong{font-size:1.22rem;line-height:1.4;margin:6px 0}.stack-item span{font-size:.84rem;color:var(--ink-2);line-height:1.6}.hero-search form{display:flex;align-items:center;padding:8px 8px 8px 18px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);gap:12px}.hero-search form>span{font-size:1.7rem}.hero-search input{flex:1;min-width:0;border:0;outline:none;background:transparent}.hero-search button{border:0;background:var(--mauve);color:#fff;border-radius:12px;padding:12px 20px;font-weight:800}.hot-terms{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:16px;font-size:.77rem}.hot-terms>span{font-weight:750;color:var(--mauve)}.hot-terms a{padding:4px 11px;background:transparent}.genre-strip{justify-content:center}.genre-strip a{padding:12px 17px}.editorial-feature{display:grid;grid-template-columns:1.12fr 1fr;gap:36px;align-items:center;background:#fff;padding:21px;border:1px solid var(--line);border-radius:var(--radius-large)}.editorial-feature>div:first-child{height:350px;border-radius:20px;overflow:hidden}.editorial-feature img,.editorial-feature .art-fallback{height:100%;width:100%;object-fit:cover}.editorial-copy{padding:20px 28px}.editorial-copy h3{font-size:clamp(1.7rem,3vw,2.5rem)}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.work-card{min-width:0;background:white;border:1px solid var(--line);border-radius:var(--radius-card);padding:12px 12px 18px;box-shadow:0 3px 15px rgba(0,0,0,.025);transition:transform .2s,box-shadow .2s}.work-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.work-card .cover{height:185px;position:relative;display:block;overflow:hidden;border-radius:12px}.cover img,.cover .art-fallback{width:100%;height:100%;object-fit:cover}.cover-label{position:absolute;left:9px;top:9px;background:var(--rose-light);border-radius:8px;padding:3px 9px;font-size:.68rem;font-weight:850}.work-meta{display:flex;justify-content:space-between;gap:8px;font-size:.72rem;color:var(--mauve);font-weight:750;margin:14px 3px 5px}.work-card h3{font-size:1.13rem;margin:7px 3px}.work-card p{font-size:.84rem;line-height:1.65;margin:0 3px 12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.work-card .arrow-link{font-size:.78rem;margin-left:3px}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.split-section>div:first-child p{max-width:570px}.steps{display:grid;gap:12px}.steps>div{display:flex;gap:16px;align-items:center;background:white;border-radius:17px;border:1px solid var(--line);padding:17px 22px}.steps b{font-size:1.7rem;color:var(--rose)}.steps strong{min-width:100px}.steps span{color:var(--ink-2);font-size:.88rem}.horizontal-track{display:flex;gap:15px;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:17px}.mini-tile{flex:0 0 190px;scroll-snap-align:start;background:#fff;border-radius:18px;padding:8px;border:1px solid var(--line)}.mini-tile img,.mini-tile .art-fallback{height:230px;object-fit:cover;border-radius:12px}.mini-tile strong,.mini-tile small{display:block;padding:3px 8px}.mini-tile strong{margin-top:8px}.mini-tile small{color:var(--ink-3)}.bento{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:15px}.bento a{display:flex;flex-direction:column;justify-content:end;padding:24px;min-height:240px;background:var(--sage-soft);border-radius:20px}.bento .bento-big{background:linear-gradient(135deg,#1D625A,#16473F);color:#fff}.bento .bento-big p{color:#d9ece2}.bento a:nth-child(3){background:var(--peach-soft)}.bento span{font-size:.7rem;letter-spacing:.12em;font-weight:900}.bento h3{font-size:1.6rem;margin:15px 0 8px}.bento p{margin:0}.accent-section{background:var(--rose-soft);padding:32px 45px;border-radius:30px;position:relative}.accent-section h2{max-width:750px}.accent-section p{max-width:900px}.accent-section a{font-weight:800;color:var(--mauve)}.portrait-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.portrait-gallery a{background:#fff;border-radius:17px;padding:9px}.portrait-gallery img,.portrait-gallery .art-fallback{height:240px;object-fit:cover}.portrait-gallery h3{padding:10px 5px 0;font-size:1rem}.index-list{display:grid;border-top:1px solid var(--line)}.index-list a{display:grid;grid-template-columns:120px 170px 1fr 25px;align-items:center;padding:19px 12px;border-bottom:1px solid var(--line);gap:20px}.index-list a:hover{background:#fff}.index-list span{font-size:.8rem;color:var(--mauve);font-weight:700}.index-list strong{font-size:1.1rem}.index-list small{font-size:.88rem;color:var(--ink-2)}.wide-art{height:265px;object-fit:cover;border-radius:25px}.link-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.link-grid a{display:flex;align-items:center;justify-content:space-between;min-height:100px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;font-weight:780}.link-grid a:hover{background:var(--rose-soft)}.link-grid span{color:var(--mauve)}.timeline{border-left:2px solid var(--rose);margin-left:16px;padding-left:32px}.timeline>div{position:relative;padding:4px 0 23px}.timeline>div:before{content:"";position:absolute;left:-41px;top:11px;background:var(--rose);height:15px;width:15px;border-radius:50%;border:3px solid white}.timeline span{font-size:.75rem;color:var(--mauve);font-weight:800}.timeline h3{margin:7px 0}.timeline p{margin:0}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.article-card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:30px;min-height:210px}.article-card h3{font-size:1.36rem}.article-card p{font-size:.89rem}.article-card .arrow-link{font-size:.85rem}.series-band{text-align:center;border-radius:26px;background:linear-gradient(125deg,#D9E8D8,#FFF0BE);padding:56px 25px}.series-band p{max-width:710px;margin:0 auto 15px}.series-band a{font-weight:850;color:var(--mauve)}.export-section{display:grid;grid-template-columns:1fr .9fr;gap:50px;align-items:center}.language-wall{display:grid;grid-template-columns:1fr 1fr;gap:13px;transform:rotate(-3deg)}.language-wall span{display:flex;min-height:115px;padding:20px;border-radius:20px;background:var(--mauve);color:white;font-weight:850;align-items:center;justify-content:center}.language-wall span:nth-child(2){background:var(--rose-light);color:var(--plum)}.language-wall span:nth-child(3){background:var(--peach-soft);color:var(--plum)}.language-wall span:nth-child(4){background:var(--sage);color:#fff}.safety-strip{display:grid;grid-template-columns:.6fr 1fr;gap:35px;align-items:center;border-radius:25px;background:var(--lavender-soft);padding:25px}.safety-strip img,.safety-strip .art-fallback{height:225px;object-fit:cover;border-radius:18px}.quote-panel{border-radius:28px;background:var(--plum-dark);padding:60px;color:white;text-align:center}.quote-panel .eyebrow,.quote-panel a{color:var(--rose-light)}.quote-panel blockquote{margin:0 auto 20px;max-width:880px;font-size:clamp(1.5rem,3.2vw,2.7rem);font-weight:780;line-height:1.55}.quote-panel p{color:#d4e2da}.discussion-row{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.discussion-row article{background:var(--cream-2);padding:28px;border-radius:20px;border:1px solid var(--line)}.discussion-row span{font-size:.76rem;color:var(--mauve);font-weight:800}.personal-strip{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--line);padding:35px 50px;border-radius:25px}.personal-strip>div:first-child{max-width:650px}.personal-strip a{font-weight:800;color:var(--mauve)}.personal-mark{width:185px;height:185px;border-radius:50%;background:var(--rose-soft);display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:5rem;color:var(--peach)}.personal-mark small{font-size:.7rem;letter-spacing:.15em;color:var(--mauve);font-weight:900}.app-feature,.about-slab{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px}.app-art,.about-art{height:340px;object-fit:cover;border-radius:30px}.note-box{background:#fff;border:1px solid var(--line);padding:28px;border-radius:20px}.split-text{display:flex;gap:24px;align-items:center}.split-text p{flex:1;margin:0}.split-text a{font-weight:800;color:var(--mauve)}.faq-list{display:grid;gap:10px}.faq-list details{background:#fff;border-radius:15px;border:1px solid var(--line);padding:0 22px}.faq-list summary{font-weight:800;cursor:pointer;padding:17px 0}.faq-list summary:hover{color:var(--mauve)}.faq-list details p{padding:0 0 16px;margin:0;max-width:1000px}.footer{background:linear-gradient(135deg,#172B29,#1D625A);color:#fff;margin-top:80px;padding-top:60px}.footer-grid{display:grid;grid-template-columns:2.3fr repeat(3,1fr);gap:50px;padding-bottom:50px}.footer h2,.footer h3{color:var(--cream)}.footer p{color:rgba(255,255,255,.75);max-width:390px}.footer-grid a{display:block;color:rgba(255,255,255,.77);font-size:.86rem;margin:8px 0}.footer a:hover{color:var(--rose-light)}.footer-bottom{border-top:1px solid rgba(255,255,255,.2);display:flex;justify-content:space-between;gap:20px;padding-top:20px;padding-bottom:25px;font-size:.8rem;color:rgba(255,255,255,.7)}.bottom-nav{display:none}.back-top{position:fixed;right:26px;bottom:26px;z-index:50;width:43px;height:43px;border-radius:50%;border:0;background:var(--mauve);color:#fff;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .2s}.back-top.visible{opacity:1;pointer-events:auto}.search-modal{display:none;position:fixed;inset:0;z-index:150;align-items:flex-start;justify-content:center;padding:12vh 20px 20px}.search-modal.is-open{display:flex}.search-modal[hidden]{display:none!important}.search-scrim{position:absolute;inset:0;background:rgba(15,35,30,.65)}.search-panel{position:relative;background:var(--cream);padding:42px;border-radius:24px;max-width:720px;width:100%;box-shadow:0 20px 80px #10271d55}.modal-close{position:absolute;right:24px;top:15px;border:0;background:none;font-size:2rem}.search-panel h2{font-size:2rem}.search-panel label{display:block;font-weight:750;margin-bottom:7px}.search-row{display:flex;gap:9px}.search-row input{flex:1;min-width:0;border:1px solid var(--line-strong);border-radius:10px;padding:13px;background:white}.search-panel .hint{font-size:.85rem;margin-top:20px}.search-panel .hint a{color:var(--mauve);font-weight:800}.modal-open{overflow:hidden}.inner{padding-top:40px}.page-intro{display:grid;grid-template-columns:1.5fr .8fr;gap:40px;background:linear-gradient(130deg,var(--rose-soft),var(--sage-soft));padding:58px 55px;border-radius:30px;align-items:center;min-height:315px}.page-intro h1{font-size:clamp(2.25rem,4vw,4rem);max-width:800px}.page-intro p{font-size:1.08rem;max-width:750px}.page-intro>.art-fallback,.intro-art{height:245px;object-fit:cover;border-radius:22px}.role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.role-grid article{background:#fff;border:1px solid var(--line);padding:23px;border-radius:20px}.role-avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;width:80px;height:80px;background:var(--rose-light);color:var(--mauve);font-size:2rem;margin-bottom:15px}.role-grid h2{font-size:1.2rem}.role-grid p{font-size:.87rem}.prose-block{padding:29px 0;border-bottom:1px solid var(--line);max-width:1050px}.prose-block h2{font-size:1.7rem}.prose-block p{font-size:1.04rem;line-height:1.95}.collection-row{display:grid;grid-template-columns:85px 1fr 215px;align-items:center;gap:25px;padding:24px 0;border-bottom:1px solid var(--line)}.collection-index{font-size:3rem;color:var(--rose);font-weight:900}.collection-row h2{font-size:1.75rem}.collection-row p{max-width:750px}.collection-row img,.collection-row .art-fallback{height:180px;border-radius:16px;object-fit:cover}.tabbar{display:flex;gap:10px;flex-wrap:wrap;margin:36px 0 18px}.tab{border:1px solid var(--line-strong);background:white;padding:10px 19px;border-radius:20px;font-weight:800}.tab.active{background:var(--mauve);color:white}.rank-list{padding:0;list-style:none}.rank-list li{display:grid;grid-template-columns:70px 1fr 115px;align-items:center;gap:20px;padding:23px;border-bottom:1px solid var(--line)}.rank-list li[hidden]{display:none}.rank-number{font-size:2.4rem;color:var(--mauve)}.rank-list li:nth-child(1) .rank-number{color:var(--rose)}.rank-list li:nth-child(3) .rank-number{color:var(--peach)}.rank-list h2{font-size:1.27rem;margin-bottom:6px}.rank-list p{margin-bottom:5px}.rank-list span{font-size:.8rem;color:var(--mauve)}.rank-list li>a{font-weight:800;color:var(--mauve)}.hint{color:var(--ink-3);font-size:.84rem}.community-feed{display:grid;grid-template-columns:repeat(2,1fr);gap:19px}.community-feed article{padding:30px;border:1px solid var(--line);background:#fff;border-radius:21px}.community-feed h2{font-size:1.38rem}.like-button{background:var(--rose-soft);color:var(--mauve-deep);border:1px solid var(--rose-light);padding:8px 14px;border-radius:20px}.like-button[aria-pressed=true]{background:var(--rose-light)}.inline-search{display:flex;gap:10px;align-items:center}.inline-search input{min-width:0;flex:1;background:#fff;padding:13px;border:1px solid var(--line-strong);border-radius:10px}.inline-search label{font-weight:750}.personal-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.saved-list{display:grid;gap:10px;margin-bottom:45px}.saved-item{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#fff;border:1px solid var(--line);border-radius:12px}.saved-item a{font-weight:750;color:var(--mauve)}.app-detail{display:grid;grid-template-columns:.7fr 1fr;gap:50px;align-items:center}.app-detail img,.app-detail .art-fallback{height:380px;object-fit:cover;border-radius:25px}.app-detail ul{line-height:2.2;color:var(--ink-2)}.detail-top{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center}.detail-art{height:440px;object-fit:cover;border-radius:28px}.lead{font-size:1.19rem;color:var(--plum)}.meta-line{display:flex;gap:10px;margin:23px 0}.meta-line span{background:var(--sage-soft);border-radius:20px;padding:5px 13px;font-weight:700;font-size:.81rem}.detail-columns{display:grid;grid-template-columns:1fr 295px;gap:70px;margin-top:45px}.detail-aside{position:sticky;top:135px;align-self:start;background:var(--cream-2);border:1px solid var(--line);border-radius:20px;padding:26px}.detail-aside h2{font-size:1.25rem}.detail-aside a{display:block;border-top:1px solid var(--line);padding:17px 0}.detail-aside a span,.detail-aside a strong{display:block}.detail-aside a span{font-size:.74rem;color:var(--mauve)}.detail-aside a strong{font-size:.93rem}.reading-top{max-width:970px;margin:20px auto 40px;text-align:center}.reading-top .text-link{display:block;text-align:left}.reading-top h1{font-size:clamp(2.4rem,4vw,4rem)}.read-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.reading-layout{display:grid;grid-template-columns:1fr 265px;gap:45px;align-items:start}.reading-body{min-width:0}.reading-frame{border-radius:22px;overflow:hidden;background:var(--plum-dark)}.reading-art{height:360px;object-fit:cover}.frame-note{display:flex;flex-direction:column;gap:3px;color:white;padding:20px 26px}.frame-note span{font-size:.89rem;color:#d3e6dd}.reading-article{max-width:800px;padding:30px 10px}.reading-article h2{margin-top:32px}.reading-article p{font-size:1.04rem;line-height:2}.reader-bottom{display:flex;gap:25px;border-top:1px solid var(--line);padding-top:25px}.reader-bottom a{color:var(--mauve);font-weight:800}.reading-night{background:#172b29;color:#edf6eb}.reading-night .inner p,.reading-night .reading-article p{color:#d3e4db}.reading-night .detail-aside{background:#243e35}.discovery-banner{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;background:var(--cream-2);border-radius:24px;padding:20px;align-items:center}.discovery-banner>img,.discovery-banner>.art-fallback{height:240px;border-radius:14px;object-fit:cover}.discovery-banner a{color:var(--mauve);font-weight:750}
@media(max-width:1200px){.desktop-nav{gap:9px}.desktop-nav a{font-size:.78rem}.header-inner{gap:12px}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-layout{gap:25px}.stack-item{grid-template-columns:100px 1fr}.stack-art{height:110px}.stack-item span{font-size:.77rem}}
@media(max-width:1024px){.desktop-nav{display:none}.mobile-menu-button{display:inline-flex}.mobile-menu:not([hidden]){display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px 30px;background:white;border-top:1px solid var(--line)}.mobile-menu a{font-weight:750;padding:8px}.header-actions{margin-left:auto}.hero-layout{grid-template-columns:1fr 1fr}.hero-main h1{font-size:2.75rem}.hero-main{min-height:0}.hero-right{padding-top:12px}.stack-item{grid-template-columns:85px 1fr}.stack-art{height:95px}.stack-item strong{font-size:1rem}.quick-nav{gap:20px}.portrait-gallery{grid-template-columns:repeat(3,1fr)}.footer-grid{gap:25px}.role-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.hero-layout{grid-template-columns:1fr}.hero-main{padding-top:15px}.hero-visual{max-width:100%;height:240px}.hero-right{padding-bottom:0}.hero-stack{grid-template-columns:repeat(3,minmax(0,1fr))}.stack-item{grid-template-columns:1fr}.stack-art{height:125px}.hero-search{margin-top:25px}.editorial-feature{grid-template-columns:1fr}.editorial-feature>div:first-child{height:290px}.split-section,.export-section,.app-feature,.about-slab{grid-template-columns:1fr;gap:24px}.bento{grid-template-columns:1fr 1fr}.bento-big{grid-column:1/-1}.cards{grid-template-columns:repeat(2,1fr)}.article-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.page-intro{grid-template-columns:1fr;padding:38px}.page-intro>.art-fallback,.intro-art{height:210px}.detail-columns,.reading-layout{grid-template-columns:1fr}.detail-aside{position:static}.detail-top{gap:30px}.collection-row{grid-template-columns:70px 1fr}.collection-row>img,.collection-row>.art-fallback{display:none}}
@media(max-width:768px){.wrap{padding-left:20px;padding-right:20px}.section{padding:38px 0}.quick-nav{overflow:auto;justify-content:start;white-space:nowrap;gap:20px}.hero-shell{padding-top:18px}.hero-main h1{font-size:2.7rem}.hero-stack{grid-template-columns:1fr}.stack-item{grid-template-columns:105px 1fr}.stack-art{height:105px}.stack-item span{font-size:.85rem}.hero-visual{height:190px}.hero-search form{padding:6px 6px 6px 12px}.hero-search button{padding:10px}.bento{grid-template-columns:1fr}.bento-big{grid-column:auto}.bento a{min-height:150px}.portrait-gallery{grid-template-columns:repeat(2,1fr)}.index-list a{grid-template-columns:95px 1fr 20px;gap:8px}.index-list small{grid-column:2;grid-row:2}.index-list b{grid-column:3;grid-row:1}.link-grid{grid-template-columns:repeat(2,1fr)}.safety-strip{grid-template-columns:1fr}.personal-strip{padding:26px}.personal-mark{width:110px;height:110px;font-size:3rem}.discussion-row{grid-template-columns:1fr}.footer{margin-top:55px}.footer-bottom{padding-bottom:90px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:70;height:58px;align-items:center;justify-content:space-around;background:rgba(255,252,244,.98);border-top:1px solid var(--line);box-shadow:0 -3px 16px #172b2910}.bottom-nav a{font-size:.84rem;font-weight:750;color:var(--mauve)}.back-top{bottom:73px}.community-feed{grid-template-columns:1fr}.rank-list li{grid-template-columns:45px 1fr}.rank-list li>a{grid-column:2}.detail-top{grid-template-columns:1fr}.detail-art{height:320px}.search-panel{padding:28px}.reading-art{height:260px}.app-detail{grid-template-columns:1fr}.app-detail img,.app-detail .art-fallback{height:230px}}
@media(max-width:600px){h1{font-size:2.2rem}.section-head{display:block}.section-head .text-link{display:inline-block;margin-top:14px}.hero-main h1{font-size:2.42rem}.hero-main>p{font-size:.95rem}.hero-cta .btn{width:100%}.hero-search input{font-size:.83rem}.hero-search button{font-size:.85rem}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.work-card{padding:7px 7px 12px;border-radius:13px}.work-card .cover{height:135px}.work-card h3{font-size:.98rem}.work-card p{font-size:.76rem}.work-card .arrow-link{font-size:.74rem}.work-meta{font-size:.66rem}.editorial-copy{padding:12px}.editorial-feature{padding:10px}.editorial-feature>div:first-child{height:190px}.mini-tile{flex-basis:150px}.mini-tile img,.mini-tile .art-fallback{height:185px}.portrait-gallery img,.portrait-gallery .art-fallback{height:180px}.article-grid{grid-template-columns:1fr}.article-card{padding:22px}.genre-strip{justify-content:start}.steps>div{padding:14px}.steps span{font-size:.79rem}.index-list a{grid-template-columns:70px 1fr 15px}.link-grid{gap:9px}.link-grid a{min-height:86px;padding:12px;font-size:.87rem}.quote-panel{padding:38px 22px}.personal-strip{display:block}.personal-mark{display:none}.page-intro{padding:30px 22px;border-radius:19px}.page-intro h1{font-size:2.3rem}.role-grid{grid-template-columns:repeat(2,1fr);gap:9px}.role-grid article{padding:15px}.collection-row{grid-template-columns:1fr;gap:0}.collection-index{font-size:2rem}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}.footer-grid>div:first-child{grid-column:1/-1}.footer h2{font-size:1.55rem}.footer h3{font-size:1rem}.footer-bottom{flex-direction:column}.inline-search{display:grid;grid-template-columns:1fr auto}.inline-search label{grid-column:1/-1}.mobile-menu:not([hidden]){grid-template-columns:repeat(2,1fr)}.app-shortcut{display:none}.search-row{flex-direction:column}.search-panel h2{font-size:1.65rem}.reading-top h1{font-size:2.3rem}.rank-list li{padding:15px 5px}.rank-number{font-size:1.9rem}.personal-controls{display:block}.detail-top h1{font-size:2.4rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}