*{box-sizing:border-box} :root{--gold:#D6A92F;--cream:#FFFEF8;--ink:#3D382D;--muted:#665D4A;--line:#e8e2d4;--wrap:1320px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.75 "Microsoft YaHei",Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}p{color:var(--muted)}h1,h2,h3{line-height:1.25;margin:0 0 .8rem}.button{display:inline-block;padding:11px 20px;border-radius:999px;background:var(--gold);border:1px solid var(--gold);font-weight:700}.eyebrow{display:block;color:#8A754E;font-size:11px;letter-spacing:.15em;font-weight:700;margin-bottom:12px}.site-header{height:72px;position:sticky;top:0;z-index:20;background:#fffef8f5;border-bottom:1px solid var(--line)}.header-inner{max-width:var(--wrap);height:100%;padding:0 25px;margin:auto;display:flex;align-items:center;gap:22px}.brand{display:flex;gap:10px;align-items:center;font-weight:800}.brand small{display:block;font-size:10px;color:#938A78}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#F5E3A0,var(--gold));display:grid;place-items:center}.primary-nav{display:flex;justify-content:center;gap:15px;flex:1}.primary-nav a,.icon-link{font-size:13px;color:var(--muted);white-space:nowrap}.header-actions{display:flex;align-items:center;gap:12px}.menu-toggle{display:none}
.hero-stage{max-width:var(--wrap);min-height:560px;margin:auto;padding:60px 28px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;position:relative}.hero-stage:before{content:"";position:absolute;inset:0 0 0 28%;z-index:-1;background:linear-gradient(135deg,#FFFEF8,#FFF4CE,#F8E8B5);border-radius:0 0 0 100px}.hero-copy h1{font-size:clamp(2.5rem,5vw,4.5rem)}.hero-copy h1 em{color:#A27A23;font-style:normal}.hero-copy>p{max-width:570px;font-size:17px}.hero-search,.search-form>div{display:flex;background:white;padding:6px;border:1px solid var(--line);border-radius:999px}.hero-search input,.search-form input{flex:1;min-width:0;border:0;outline:0;padding:10px 16px}.hero-tags,.tag-row{display:flex;gap:9px;flex-wrap:wrap;margin:17px 0}.hero-tags a,.tag-row a,.tag-row span{padding:5px 12px;background:white;border:1px solid var(--line);border-radius:999px;font-size:12px}.hero-actions{display:flex;gap:10px;margin-top:24px}.hero-art{height:420px;position:relative;display:flex;align-items:center;justify-content:center}.hero-orbit{position:absolute;border:1px solid #d8cba8;border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:430px;height:290px}.orbit-two{width:340px;height:390px}.hero-poster{position:absolute;border-radius:25px;padding:25px;color:white;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 25px 60px #63501f33}.poster-main{width:250px;height:350px;left:18%;top:35px;transform:rotate(-5deg);background:linear-gradient(155deg,#D8B96C,#6D6244)}.poster-main strong{font-size:39px}.poster-side{width:155px;height:240px;right:5%;top:110px;transform:rotate(8deg);background:linear-gradient(150deg,#9AA98B,#4E604E)}.hero-sticker{position:absolute;right:12%;bottom:25px;width:82px;height:82px;border-radius:50%;background:#fff7dc;color:#81632a;display:grid;place-items:center;text-align:center;font-weight:800}.hero-caption{position:absolute;bottom:0;left:12%;font-size:11px;color:#938A78}

.quick-categories{max-width:var(--wrap);margin:auto;padding:25px 28px 60px;display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:12px}.quick-categories>a,.work-card,.category-ribbon a,.info-grid article,.principle-grid article{background:white;border:1px solid var(--line);border-radius:17px;padding:18px;display:flex;flex-direction:column}.quick-categories small{color:#8A754E}.quick-categories strong{font-size:17px}.home-section{max-width:var(--wrap);margin:auto;padding:50px 28px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.section-heading p{margin:0;max-width:650px}.text-link{font-size:13px;color:#8A754E;font-weight:700;white-space:nowrap}.mini-feature{padding:30px;border-radius:26px;background:linear-gradient(110deg,#FFF5D8,#F8F0D9,#EFF4E9);min-height:150px}.mini-feature strong{font-size:24px}.feature-band{max-width:var(--wrap);margin:20px auto;padding:42px 48px;min-height:220px;border-radius:28px;background:linear-gradient(115deg,#FFF9E9,#F4E6B9);display:flex;align-items:center;justify-content:space-between}.band-number{font-size:100px;color:#8A754E22;font-weight:800}.editorial-strip{max-width:var(--wrap);margin:25px auto;padding:25px 28px;display:grid;grid-template-columns:180px 1fr auto;gap:20px;align-items:center;border-block:1px solid var(--line)}.faq-preview{max-width:var(--wrap);margin:55px auto;padding:40px;border-radius:24px;background:#F5EEDB;display:flex;justify-content:space-between;align-items:center}
.page-shell{max-width:var(--wrap);padding:45px 28px 100px;margin:auto;min-height:65vh}.page-intro{padding:32px 38px;margin-bottom:35px;border-radius:25px;background:linear-gradient(115deg,#FFF9E9,#F8EFCF,#EFF4E9);display:flex;justify-content:space-between;align-items:center;gap:25px}.page-intro h1{font-size:clamp(2rem,4vw,3.4rem)}.page-intro p{max-width:750px;margin:0}.intro-note{padding:20px;background:#ffffffaa;border-radius:16px;display:flex;flex-direction:column;min-width:170px}.intro-note small,.intro-note span{font-size:11px;color:#938A78}.work-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:25px 0 40px}.work-card{min-height:220px;transition:.2s}.work-card>a{height:100%;display:flex;flex-direction:column}.work-card__eyebrow{font-size:10px;color:#8A754E}.work-card p{font-size:13px;flex:1}.category-ribbon{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:25px 0 50px}.category-ribbon a{gap:7px}.category-ribbon b{font-size:20px}.category-ribbon small{font-size:12px;color:var(--muted)}.category-feature,.detail-hero,.notice-panel{padding:35px;border-radius:23px;background:linear-gradient(120deg,#FFF5D8,#EFF4E9);margin-bottom:30px}.rank-list{list-style:none;padding:0}.rank-list li{display:grid;grid-template-columns:50px 1fr 70px;gap:18px;align-items:center;padding:20px;border-bottom:1px solid var(--line)}.rank-number{font-size:30px;color:var(--gold)}.collection-row{display:grid;grid-template-columns:55px 1fr 120px;gap:18px;align-items:center;padding:22px 5px;border-bottom:1px solid var(--line)}.detail-columns{display:grid;grid-template-columns:1fr 250px;gap:35px}.detail-aside{background:white;padding:22px;border:1px solid var(--line);border-radius:18px;display:flex;flex-direction:column;gap:12px}.long-copy{max-width:850px;margin:30px auto}.long-copy h2{font-size:23px;margin-top:30px}.timeline{max-width:850px;margin:30px auto}.timeline article{display:grid;grid-template-columns:20px 1fr;gap:18px;padding-bottom:25px}.timeline-dot{width:12px;height:12px;background:var(--gold);border-radius:50%;margin-top:8px}

.info-grid,.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.principle-grid{grid-template-columns:repeat(2,1fr)}.discussion,.author-profile,.help-row,.topic-band,.faq-item{padding:22px;margin:13px 0;background:white;border:1px solid var(--line);border-radius:16px}.author-profile{display:flex;gap:20px}.avatar-shape{width:60px;height:60px;border-radius:20px;background:linear-gradient(135deg,#F5E3A0,#D7DFCB);display:grid;place-items:center;font-size:26px}.faq-item summary{font-weight:700;cursor:pointer}.search-form{max-width:760px;margin:25px auto 45px}.search-form label{display:block;font-weight:700;margin-bottom:12px}.library-tabs{display:flex;gap:10px;margin:25px 0}.library-tabs button{border:1px solid var(--line);background:white;border-radius:999px;padding:8px 18px}.library-content{min-height:120px;padding:20px;background:white;border:1px solid var(--line);border-radius:16px}.reader-stage,.app-showcase{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.reader-art{min-height:350px;border-radius:28px;background:linear-gradient(140deg,#D6A92F,#554832);color:white;display:flex;flex-direction:column;justify-content:space-between;padding:35px}.reader-art strong{font-size:42px}.device-frame{width:250px;height:440px;padding:12px;border:5px solid #554832;border-radius:38px;margin:auto;background:#554832}.device-screen{height:100%;border-radius:26px;background:linear-gradient(150deg,#FFF4CE,#EFF4E9);padding:25px;display:flex;flex-direction:column;justify-content:space-between}.device-screen b{font-size:28px}
.site-footer{background:linear-gradient(135deg,#3B3326,#655238);color:white;padding:55px 28px 20px}.footer-main{max-width:var(--wrap);margin:auto;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:45px}.brand-invert{color:white}.brand-invert small{color:#ffffff99}.footer-brand p{color:#ffffffb3;max-width:320px}.footer-main h3{font-size:14px;color:#F5E3A0}.footer-main>div:not(:first-child){display:flex;flex-direction:column;gap:9px}.footer-main a:not(.brand){font-size:13px;color:#ffffffb3}.footer-bottom{max-width:var(--wrap);margin:40px auto 0;padding-top:18px;border-top:1px solid #ffffff2b;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#ffffff99}.mobile-dock{display:none}.search-modal[hidden]{display:none!important}.search-modal{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center}.search-backdrop{position:absolute;inset:0;background:#2d281fcc}.search-panel{position:relative;width:min(560px,calc(100% - 30px));padding:38px;background:var(--cream);border-radius:24px}.search-panel form{display:flex;gap:8px}.search-panel input{min-width:0;flex:1;border:1px solid var(--line);border-radius:12px;padding:12px}.modal-close{position:absolute;right:18px;top:12px;border:0;background:transparent;font-size:28px}.fine-print{font-size:12px;color:#938A78}
@media(max-width:1100px){.primary-nav{gap:9px}.primary-nav a{font-size:11px}.work-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.menu-toggle{display:block;margin-left:auto}.primary-nav{display:none;position:absolute;top:71px;left:0;right:0;padding:18px 25px;background:var(--cream);border-bottom:1px solid var(--line);grid-template-columns:repeat(2,1fr)}.primary-nav.is-open{display:grid}.header-actions{display:none}.hero-stage{grid-template-columns:1fr;padding-top:50px}.hero-stage:before{inset:0}.hero-art{height:370px}.quick-categories{grid-template-columns:repeat(2,1fr)}.quick-categories>div{grid-column:1/-1}.page-intro{align-items:flex-start}.category-ribbon{grid-template-columns:repeat(2,1fr)}.work-grid{grid-template-columns:repeat(2,1fr)}.footer-main{grid-template-columns:repeat(2,1fr)}.detail-columns{grid-template-columns:1fr}.app-showcase,.reader-stage{gap:20px}}
@media(max-width:600px){body{font-size:15px}.header-inner{padding:0 16px}.hero-stage{padding:38px 18px 25px;min-height:auto}.hero-copy h1{font-size:39px}.hero-copy>p{font-size:15px}.hero-search{border-radius:16px;flex-wrap:wrap}.hero-search input{width:100%;flex-basis:100%}.hero-search button{width:100%}.hero-art{height:300px}.poster-main{width:185px;height:265px;left:15%;top:20px}.poster-main strong{font-size:30px}.poster-side{width:120px;height:185px;right:1%;top:75px}.hero-sticker{right:8%;bottom:5px;width:62px;height:62px;font-size:12px}.orbit-one{width:290px;height:210px}.orbit-two{width:240px;height:280px}.quick-categories{padding:20px 16px 40px;gap:8px}.quick-categories>a{padding:13px}.quick-categories strong{font-size:15px}.home-section{padding:35px 16px}.feature-band{margin:15px 16px;padding:25px;min-height:180px}.band-number{font-size:50px}.editorial-strip{margin:18px 16px;padding:20px 5px;grid-template-columns:1fr}.faq-preview{margin:30px 16px;padding:24px;display:block}.page-shell{padding:25px 16px 85px}.page-intro{padding:25px 22px;display:block}.intro-note{display:none}.work-grid{grid-template-columns:1fr 1fr;gap:9px}.work-card{padding:14px;min-height:210px}.work-card h3{font-size:16px}.category-ribbon{grid-template-columns:1fr 1fr;gap:8px}.category-ribbon a{padding:14px}.rank-list li{grid-template-columns:35px 1fr;gap:10px}.rank-mark{display:none}.collection-row{grid-template-columns:35px 1fr;gap:10px}.collection-row .text-link{grid-column:2}.info-grid,.principle-grid{grid-template-columns:1fr}.reader-stage,.app-showcase{grid-template-columns:1fr}.reader-art{min-height:270px}.footer-main{grid-template-columns:1fr 1fr;gap:25px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column}.mobile-dock{position:fixed;bottom:0;left:0;right:0;z-index:25;display:flex;justify-content:space-around;padding:9px 5px;background:#fffef8f5;border-top:1px solid var(--line);font-size:11px}.mobile-dock a{padding:4px}.search-panel{padding:28px 20px}.search-panel form{flex-direction:column}.detail-hero{padding:25px}.footer-main{gap:20px}}

/* Fourteen deliberately varied editorial compositions on the homepage */
#main>section[data-layout="03"] .mini-feature{display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:20px;background:#FFF4D4}
#main>section[data-layout="04"]{border-left:5px solid #D6A92F}
#main>section[data-layout="05"]{background:linear-gradient(100deg,#EFF4E9,#FFFEF8);border-radius:0 26px 26px 0}
#main>section[data-layout="06"] .mini-feature{background:linear-gradient(135deg,#554832,#8A754E);color:#fff}
#main>section[data-layout="06"] .mini-feature p{color:#fff}
#main>section[data-layout="07"]{padding-top:70px;padding-bottom:70px}
#main>section[data-layout="08"] .mini-feature{border:1px dashed #B6A27B;background:#fff}
#main>section[data-layout="09"]{max-width:1120px}
#main>section[data-layout="10"] .mini-feature{display:grid;grid-template-columns:1fr 2fr;align-items:center;column-gap:25px}
#main>section[data-layout="11"]{background:#F0F4E9;border-radius:30px;padding-left:45px;padding-right:45px}
#main>section[data-layout="12"] .mini-feature{border-radius:4px 28px 4px 28px;background:#FFF2E2}
#main>section[data-layout="13"]{max-width:1180px}
#main>section[data-layout="14"] .mini-feature{background:linear-gradient(90deg,#FFF9E9 0 35%,#EFF4E9 35% 100%);border-radius:8px}
#main>section[data-layout="15"]{border-top:1px solid #D6A92F}
#main>section[data-layout="16"] .mini-feature{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:25px}
#main>section[data-layout="17"]{background:#FFFAEA}
#main>section[data-layout="18"] .mini-feature{min-height:210px;padding-left:55px;border-left:8px solid #A8B99A}
#main>section[data-layout="19"]{max-width:1080px}
#main>section[data-layout="20"] .mini-feature{background:linear-gradient(145deg,#F0F4E9,#FFF5D8);border-radius:60px 18px 60px 18px}
#main>section[data-layout="21"]{padding-top:75px;padding-bottom:75px}
#main>section[data-layout="22"] .mini-feature{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}
#main>section[data-layout="23"]{background:#F8F0D9;border-radius:28px}
#main>section[data-layout="24"] .mini-feature{background:#fff;border:1px solid #D6A92F;box-shadow:0 12px 35px #5c481c12}
#main>section[data-layout="25"]{max-width:1160px}
#main>section[data-layout="26"] .mini-feature{border-radius:18px;background:linear-gradient(120deg,#FFF4CE,#EFF4E9,#FFF2E2)}
#main>section[data-layout="27"]{border-bottom:1px solid #D6A92F}
@media(max-width:600px){#main>section[data-layout] .mini-feature{display:flex;flex-direction:column;align-items:flex-start}#main>section[data-layout="11"]{padding-left:22px;padding-right:22px}}