:root{--rose:#C49A55;--rose-2:#D8B574;--rose-light:#E9D5AD;--cream:#F7F5F0;--mauve:#49647D;--mauve-deep:#263F59;--plum:#172331;--plum-dark:#0B121C;--ink:#202A35;--ink-2:#536170;--ink-3:#7D8791;--line:rgba(23,35,49,.13);--wrap:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:15px/1.75 Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.wrap{width:min(var(--wrap),calc(100% - 48px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:999;background:white;padding:8px}
.header{height:74px;position:sticky;top:0;z-index:50;background:rgba(251,250,246,.96);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.headrow{height:100%;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;min-width:155px}.brand b{display:block;font-size:18px;letter-spacing:.08em}.brand small{display:block;color:var(--ink-3);font-size:9px;letter-spacing:.2em}.brand-symbol{width:38px;height:38px;border:1px solid var(--rose);border-radius:50%;display:grid;place-items:center;color:var(--rose);font:italic 17px Georgia}.brand-symbol span{font-size:10px;color:var(--mauve)}.nav{display:flex;align-items:center;gap:19px;flex:1;white-space:nowrap}.nav a,.actions a,.actions button{font-size:12px;color:var(--ink-2)}.nav a:hover,.actions a:hover{color:var(--rose)}.actions{display:flex;gap:12px;align-items:center}.actions button{border:0;background:none}.actions button:first-child{font-size:24px}.menu-toggle,.mobile-nav{display:none}
.home-hero{background:radial-gradient(circle at 82% 42%,rgba(196,154,85,.17),transparent 27%),linear-gradient(120deg,#0b121c,#172331 62%,#263f59);color:#fff;padding:70px 0 22px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:7%;align-items:center;min-height:450px}.eyebrow{font-size:10px;letter-spacing:.22em;color:var(--rose);font-weight:700;margin:0 0 16px}.home-hero h1,.pagehero h1{font-size:clamp(36px,4.5vw,62px);line-height:1.18;letter-spacing:-.04em;margin:0 0 24px;font-weight:600}.home-hero h1 em{font-style:normal;color:#e7d4ad;font-size:.62em;letter-spacing:.01em}.hero-lead{max-width:610px;color:rgba(255,255,255,.72);font-size:15px;line-height:2}.hero-search{display:flex;max-width:590px;background:#fff;border-radius:5px;padding:5px;margin:25px 0 12px}.hero-search input{flex:1;min-width:0;border:0;padding:12px 15px;outline:0}.hero-search button,.gold{border:0;background:linear-gradient(120deg,#c49a55,#e4c88f);color:#172331;padding:12px 20px;border-radius:3px;font-weight:700;display:inline-block}.hero-tags{display:flex;gap:18px;font-size:11px;color:#d3d9df;margin:10px 0 22px}.hero-stage{padding:17px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);transform:rotate(1deg);box-shadow:0 25px 70px #0004}.stage-label{display:flex;justify-content:space-between;color:#d8c59e;font-size:9px;letter-spacing:.15em}.stage-art{height:320px;margin:14px 0;background:linear-gradient(145deg,#b8a17b,#526b7c 44%,#172331 45%,#101720);display:grid;place-items:center;position:relative;overflow:hidden}.stage-art:before,.stage-art:after{content:"";position:absolute;width:370px;height:370px;border:1px solid #ffffff55;border-radius:50%;transform:rotate(-28deg) scaleY(.48)}.stage-art:after{width:270px;height:270px;border-color:#e9d5ad80}.stage-art span{font:150px Georgia;color:#ffffffc2;z-index:1}.stage-caption,.hero-foot{display:flex;justify-content:space-between}.stage-caption{font-size:12px}.stage-caption small{color:#d8c59e}.hero-foot{color:#ffffff80;font-size:10px;letter-spacing:.08em;padding-top:38px}
.section{padding:76px 0}.pale{background:var(--cream)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}.section-head h2{font-size:clamp(25px,3vw,37px);line-height:1.25;letter-spacing:-.03em;margin:0 0 10px;font-weight:600}.section-head p:not(.eyebrow){margin:0;color:var(--ink-2);font-size:13px;max-width:690px}.more{font-size:12px;color:var(--mauve-deep);white-space:nowrap;border-bottom:1px solid var(--rose);padding-bottom:5px}.type-row{display:grid;grid-template-columns:repeat(5,1fr);border-block:1px solid var(--line)}.type-row a{padding:23px 20px;min-height:132px;border-right:1px solid var(--line);display:flex;flex-direction:column}.type-row a:last-child{border:0}.type-row a:hover{background:#f6f1e7}.type-row b{color:var(--rose);font:italic 14px Georgia}.type-row strong{font-size:18px;margin-top:10px}.type-row small{font-size:9px;letter-spacing:.14em;color:var(--ink-3)}
.feature-split{display:grid;grid-template-columns:1.1fr .9fr;gap:34px}.feature-big{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}.feature-art{height:300px;background:linear-gradient(145deg,#c6a878,#52687b 48%,#172331 49%);display:flex;flex-direction:column;justify-content:space-between;padding:20px;color:#fff;position:relative;overflow:hidden}.feature-art:after{content:"";position:absolute;width:260px;height:260px;border:1px solid #ffffff66;border-radius:50%;right:-90px;top:20px}.feature-art b{font:44px/1.1 Georgia;z-index:1}.feature-list a{display:block;padding:18px 0;border-bottom:1px solid var(--line)}.feature-list span{display:block;color:var(--rose);font-size:9px;letter-spacing:.15em}.feature-list b{display:block;font-size:17px;margin:5px 0}.feature-list small,.feature-big p{font-size:12px;color:var(--ink-2)}
.dark-section{background:var(--plum-dark);color:#fff}.dark-section .section-head p:not(.eyebrow),.dark-section p{color:#ffffffaa}.dark-section a{color:var(--rose-light)}.split{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.split h2{font-size:clamp(28px,3.5vw,43px);line-height:1.3;margin:0}.split p{color:var(--ink-2);font-size:14px;line-height:2}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.grid-four{grid-template-columns:repeat(4,1fr)}.card{min-width:0;background:#fff;border:1px solid #17233112;transition:transform .25s,box-shadow .25s}.card:hover{transform:translateY(-4px);box-shadow:0 12px 36px #0b121c17}.art{height:190px;display:flex;flex-direction:column;justify-content:space-between;padding:19px;position:relative;overflow:hidden;color:#fff}.art:before{content:"";position:absolute;width:210px;height:210px;border:1px solid #ffffff55;border-radius:50%;right:-45px;top:20px}.art:after{content:"";position:absolute;width:130px;height:130px;border:1px solid #ffffff44;border-radius:50%;right:15px;top:60px}.art small,.art b,.art i{z-index:1}.art small,.art i{font-size:9px;letter-spacing:.15em}.art b{font:38px Georgia}.tone-blue{background:linear-gradient(135deg,#627f91,#172c3d)}.tone-gold{background:linear-gradient(135deg,#d4b77e,#68543d)}.tone-plum{background:linear-gradient(135deg,#77738b,#202b3c)}.tone-coral{background:linear-gradient(135deg,#c78d76,#563f45)}.tone-green{background:linear-gradient(135deg,#839a8d,#2b4c4b)}.tone-slate{background:linear-gradient(135deg,#a5b2b7,#455966)}.cardbody{padding:17px 18px 19px}.cardbody>small{font-size:10px;color:var(--rose)}.cardbody h3{font-size:17px;margin:7px 0}.cardbody p{font-size:12px;color:var(--ink-2);line-height:1.8;min-height:44px}.cardbody .more{display:inline-block;margin-top:8px}
.horizontal-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,1fr);overflow-x:auto;gap:18px;padding:3px 3px 18px;scroll-snap-type:x mandatory}.horizontal-track .card{scroll-snap-align:start}.quality-panel{display:grid;grid-template-columns:.8fr 1.3fr .8fr;gap:35px;align-items:center;padding:38px;background:#fff;border:1px solid var(--line)}.quality-panel>strong{font:italic 65px Georgia;color:var(--rose)}.quality-panel h3{font-size:22px;margin:0}.quality-panel p,.editorial-columns p{font-size:13px;color:var(--ink-2)}.quality-panel aside{border-left:1px solid var(--line);padding-left:25px;font-size:12px;line-height:2.2;color:var(--ink-2)}
.editorial-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.editorial-columns article{border-top:2px solid var(--rose);padding:20px 8px 12px 0}.editorial-columns article>b{font-size:9px;letter-spacing:.18em;color:var(--rose)}.editorial-columns h3{font-size:21px;margin:16px 0 8px}.editorial-columns p{min-height:68px}.editorial-columns a,.quality-panel a{font-size:12px;color:var(--mauve-deep)}
.editorial-feature{display:grid;grid-template-columns:.35fr 1.5fr .6fr;gap:28px;align-items:center;padding:25px 28px;border:1px solid var(--line);background:#ffffffa8}.feature-index{font:italic 34px Georgia;color:var(--rose)}.feature-index span{display:block;font:9px Arial;letter-spacing:.15em;color:var(--ink-3)}.editorial-feature h3{margin:0 0 6px;font-size:21px}.editorial-feature p{font-size:13px;color:var(--ink-2);margin:0 0 9px}.editorial-feature a{font-size:12px;color:var(--mauve-deep)}.feature-side{font:28px Georgia;color:var(--mauve);text-align:right}.feature-side small{display:block;font:10px Arial;color:var(--ink-3)}
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.trust-grid a{padding:24px;border:1px solid var(--line);display:flex;flex-direction:column;gap:7px}.trust-grid b{font-size:18px}.trust-grid span{font-size:12px;color:var(--ink-2)}.app-band{background:linear-gradient(120deg,#101a27,#263f59);color:white;overflow:hidden}.app-band p{color:#ffffffaa}.device-art{height:230px;border:1px solid #e9d5ad80;border-radius:30px;width:180px;margin:auto;display:grid;place-items:center;position:relative;color:var(--rose-light);font:70px Georgia;box-shadow:0 20px 50px #0004}.device-art:before{content:"";position:absolute;inset:10px;border:1px solid #ffffff30;border-radius:23px}.device-art small{position:absolute;bottom:18px;font:8px Arial;letter-spacing:.1em}
.faq-preview,.faq-list{max-width:900px}.faq-preview details,.faq-list details{border-bottom:1px solid var(--line);padding:17px 0}.faq-preview summary,.faq-list summary{font-weight:600;cursor:pointer;list-style:none}.faq-preview summary:after,.faq-list summary:after{content:"＋";float:right;color:var(--rose)}.faq-preview details[open] summary:after,.faq-list details[open] summary:after{content:"－"}.faq-preview p,.faq-list p{font-size:13px;color:var(--ink-2)}

.pagehero{background:linear-gradient(120deg,#0b121c,#172331 65%,#344e65);color:white;padding:68px 0}.herogrid{display:grid;grid-template-columns:1.1fr .9fr;gap:8%;align-items:center}.pagehero h1{font-size:clamp(34px,4vw,54px);margin:0 0 18px}.pagehero .lead{color:#ffffffb8;max-width:700px;margin:0 0 24px}.hero-art{height:260px;background:linear-gradient(145deg,#c5a978,#49647d 52%,#172331 53%);display:grid;place-items:center;position:relative;color:white;font:48px Georgia}.hero-art span{font-size:48px}.hero-art small{position:absolute;bottom:18px;font:9px Arial;letter-spacing:.2em}.ghost,.outline{display:inline-block;padding:10px 17px;border:1px solid #c49a55;color:inherit;background:transparent;border-radius:3px;font-size:12px}.notice{display:flex;gap:18px;padding:18px 22px;background:var(--cream);border-left:3px solid var(--rose);margin-bottom:30px}.notice p{margin:3px 0 0;color:var(--ink-2);font-size:12px}.pagehero+.section{padding-top:55px}.detail-grid{display:grid;grid-template-columns:1fr 270px;gap:55px}.detail-grid article h2{margin-top:32px}.detail-grid article p,.detail-grid li{color:var(--ink-2);line-height:2}.sidebox{background:var(--cream);padding:23px;height:max-content;font-size:13px}.sidebox p{border-bottom:1px solid var(--line);padding-bottom:8px;color:var(--ink-2)}.reader-layout{max-width:920px}.reader-top,.reader-tools{display:flex;justify-content:space-between;gap:14px;margin-bottom:25px}.reader-top button,.reader-tools button{border:1px solid var(--line);background:white;padding:8px 14px}.reader-stage{min-height:350px;background:linear-gradient(135deg,#172331,#49647d);display:grid;place-items:center;text-align:center;color:white;margin:25px 0}.reader-stage h2{font:42px Georgia}.stage-symbol{font:70px Georgia;color:var(--rose-light)}.reader-layout>p{color:var(--ink-2)}.reader-bright{background:#fff9e9}.tabs{display:flex;gap:8px;margin-bottom:20px}.tab{border:1px solid var(--line);padding:9px 18px;background:white}.tab.active{background:var(--plum);color:white}.shelf-list{padding:22px;background:var(--cream);min-height:120px;margin-bottom:15px}.shelf-item{display:flex;justify-content:space-between;padding:12px;border-bottom:1px solid var(--line)}.empty-state{color:var(--ink-2)}.error-page{min-height:420px;padding-top:90px}.search-modal[hidden]{display:none!important}.search-modal{display:none;position:fixed;inset:0;z-index:100;align-items:center;justify-content:center}.search-modal.is-open{display:flex}.backdrop{position:absolute;inset:0;background:#08111bd9}.search-box{position:relative;background:#fff;width:min(650px,calc(100% - 32px));padding:48px;box-shadow:0 20px 80px #0005}.search-box h2{font-size:30px;margin:0 0 25px}.search-box form{display:flex;border:1px solid var(--line);padding:5px}.search-box input{flex:1;min-width:0;border:0;padding:10px;outline:0}.search-box .close{position:absolute;right:18px;top:12px;border:0;background:none;font-size:28px}.hot{font-size:11px;color:var(--ink-3)}.hot a{color:var(--mauve)}.footer{background:linear-gradient(135deg,#0b121c,#263f59);color:#fff;padding:55px 0 20px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:45px}.footer .brand{color:white}.footer p{color:#ffffff9c;max-width:390px;font-size:12px}.footer h3{font-size:13px;color:var(--rose-light);margin:0 0 15px}.footer .footgrid>div:not(:first-child) a{display:block;color:#ffffffad;font-size:12px;margin:8px 0}.footer a:hover{color:var(--rose-light)}.footbottom{border-top:1px solid #ffffff28;margin-top:40px;padding-top:17px;display:flex;justify-content:space-between;color:#ffffff80;font-size:10px}.bottom{display:none}
@media(max-width:1120px){.nav{gap:12px}.nav a{font-size:11px}.headrow{gap:16px}.actions{gap:7px}.grid-four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.nav{display:none}.menu-toggle{display:block!important}.mobile-nav{display:flex;position:absolute;top:74px;left:0;right:0;background:#fff;padding:18px 24px;gap:18px;flex-wrap:wrap;box-shadow:var(--shadow)}.mobile-nav[hidden]{display:none}.hero-grid,.herogrid{grid-template-columns:1fr}.hero-stage{max-width:600px;margin:28px auto 0;width:100%}.stage-art{height:260px}.feature-split{grid-template-columns:1fr}.feature-big{max-width:800px}.split{gap:28px}.quality-panel{grid-template-columns:.7fr 1.3fr}.quality-panel aside{grid-column:1/-1;border:0;border-top:1px solid var(--line);padding:15px 0 0}.detail-grid{grid-template-columns:1fr}.sidebox{max-width:none}.footgrid{grid-template-columns:1.5fr 1fr 1fr}.footgrid>div:last-child{grid-column:2/4}}
@media(max-width:650px){body{font-size:14px}.wrap{width:calc(100% - 34px)}.header{height:64px}.headrow{gap:10px}.brand{min-width:0}.brand b{font-size:16px}.brand-symbol{width:34px;height:34px}.actions{margin-left:auto;gap:7px}.actions a{display:none}.mobile-nav{top:64px}.home-hero{padding-top:45px}.home-hero h1{font-size:39px}.hero-lead{font-size:13px}.hero-search{flex-direction:column}.hero-search button{width:100%}.hero-tags{gap:10px;flex-wrap:wrap}.hero-stage{padding:10px}.stage-art{height:210px}.stage-art span{font-size:110px}.hero-foot{font-size:9px;gap:12px}.section{padding:52px 0}.section-head{display:block}.section-head .more{display:inline-block;margin-top:15px}.type-row{grid-template-columns:repeat(2,1fr)}.type-row a{border-bottom:1px solid var(--line);min-height:110px}.type-row a:nth-child(2n){border-right:0}.feature-big{grid-template-columns:1fr}.feature-art{height:220px}.grid,.grid-four{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.art{height:135px;padding:12px}.art b{font-size:27px}.cardbody{padding:12px}.cardbody h3{font-size:14px}.cardbody p{font-size:11px;min-height:0}.horizontal-track{grid-auto-columns:78%}.split{grid-template-columns:1fr}.quality-panel{grid-template-columns:1fr;padding:23px}.quality-panel>strong{font-size:52px}.quality-panel aside{grid-column:auto}.editorial-columns{grid-template-columns:1fr;gap:12px}.editorial-columns article{padding:16px 0}.editorial-columns p{min-height:0}.editorial-feature{grid-template-columns:55px 1fr;padding:18px;gap:15px}.feature-side{display:none}.trust-grid{grid-template-columns:1fr}.pagehero{padding:48px 0}.pagehero h1{font-size:36px}.hero-art{height:190px}.footgrid{grid-template-columns:1fr 1fr;gap:28px}.footgrid>div:first-child{grid-column:1/-1}.footgrid>div:last-child{grid-column:auto}.footbottom{flex-wrap:wrap;gap:10px}.bottom{display:flex;position:fixed;bottom:0;left:0;right:0;height:55px;background:#fff;border-top:1px solid var(--line);z-index:45;justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom)}.bottom a{font-size:11px;color:var(--ink-2)}body{padding-bottom:55px}.search-box{padding:35px 22px}.search-box form{flex-direction:column}.search-box .gold{width:100%}.detail-grid{gap:20px}.reader-stage{min-height:260px}.reader-tools{flex-wrap:wrap}.footbottom{padding-bottom:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Layout signatures: distinct editorial treatments across the home modules. */
section[data-layout="type"] .type-row a:nth-child(odd){background:linear-gradient(180deg,#faf8f3,transparent)}
section[data-layout="feature"] .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
section[data-layout="track"] .grid{grid-template-columns:repeat(4,minmax(230px,1fr));overflow-x:auto}
section[data-layout="dark"] .split{border-block:1px solid #ffffff24;padding:25px 0}
section[data-layout="grid"] .card:nth-child(2){transform:translateY(18px)}
section[data-layout="quality"] .quality-panel{border-top:4px solid var(--rose)}
section[data-layout="columns"] .editorial-columns article:nth-child(2){border-top-color:var(--mauve);padding-top:38px}
section[data-layout="series"] .editorial-feature{border:0;border-left:3px solid var(--rose);background:#ffffff0b}
section[data-layout="vertical"] .editorial-feature{grid-template-columns:.25fr 1fr .8fr;background:linear-gradient(110deg,#172331,#49647d);color:#fff}
section[data-layout="vertical"] .editorial-feature p{color:#ffffffad}
section[data-layout="creator"] .editorial-feature{border-radius:80px 8px 8px 8px;padding-left:42px}
section[data-layout="rank"] .editorial-feature{background:#f5eedf}
section[data-layout="timeline"] .editorial-feature{border:0;border-bottom:1px solid var(--line);background:transparent}
section[data-layout="genres"] .editorial-feature{grid-template-columns:.5fr 1.5fr .5fr}
section[data-layout="collection"] .editorial-feature{background:linear-gradient(90deg,#f7f5f0,#fff);border-radius:4px 45px 4px 4px}
section[data-layout="picks"] .editorial-feature{box-shadow:0 12px 35px #0b121c0c}
section[data-layout="desk"] .editorial-feature{border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:white}
section[data-layout="updates"] .editorial-feature{grid-template-columns:.2fr 1.7fr .4fr}
section[data-layout="new"] .editorial-feature{background:#eef2f2;border:0}
section[data-layout="archive"] .editorial-feature{border-radius:4px;background:#fff}
section[data-layout="topics"] .editorial-feature{grid-template-columns:.6fr 1fr .8fr}
section[data-layout="process"] .editorial-feature{border-left:0;border-right:0;background:transparent}
section[data-layout="growth"] .editorial-feature{border-radius:4px 4px 45px 4px}
section[data-layout="community"] .editorial-feature{background:#e8edf1;border:0}
@media(max-width:650px){section[data-layout="grid"] .card:nth-child(2){transform:none}section[data-layout="vertical"] .editorial-feature,section[data-layout="updates"] .editorial-feature{grid-template-columns:50px 1fr}section[data-layout="vertical"] .feature-side,section[data-layout="updates"] .feature-side{display:none}}