/* Tianmei Video visual system */
:root{--rose:#C49A55;--rose-2:#D8B574;--rose-light:#E9D5AD;--rose-soft:#F5EEDF;--cream:#F7F5F0;--cream-2:#EEECE6;--cream-3:#E2E0D9;--mauve:#49647D;--mauve-deep:#263F59;--plum:#172331;--plum-dark:#0B121C;--lavender:#8B9AA9;--lavender-soft:#E9EDF0;--peach:#D6A45E;--sage:#60788A;--ink:#202A35;--ink-2:#536170;--ink-3:#7D8791;--surface:#fff;--line:rgba(23,35,49,.13);--shadow:0 8px 28px rgba(11,18,28,.09);--shadow-hover:0 18px 42px rgba(11,18,28,.16);--radius:12px;--radius-card:18px;--wrap:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font:15px/1.75 Inter,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img,video{max-width:100%;height:auto}::selection{background:var(--rose-light);color:var(--plum-dark)}
.skip-link,.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{width:auto;height:auto;clip:auto;z-index:1000;top:8px;left:8px;background:#fff;padding:10px}
.site-header{height:72px;position:sticky;top:0;z-index:50;background:rgba(251,252,246,.96);backdrop-filter:blur(18px);border-bottom:1px solid rgba(34,53,42,.13)}.header-inner{max-width:var(--wrap);height:100%;margin:auto;padding:0 28px;display:flex;align-items:center;gap:30px}
.brand{display:flex;align-items:center;gap:11px;flex:none;font-size:17px;font-weight:750;letter-spacing:.04em}.brand small{display:block;font-size:9px;letter-spacing:.18em;color:var(--ink-3);font-weight:500;line-height:1.2;margin-top:3px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#D8B574,#A87938);color:#172331;font:800 15px Georgia,serif;box-shadow:inset 0 1px rgba(255,255,255,.5)}
.primary-nav{display:flex;align-items:center;gap:clamp(12px,1.6vw,25px);margin-left:auto}.primary-nav a,.header-tools a,.search-trigger{font-size:13px;color:var(--ink-2);white-space:nowrap;transition:color .2s}.primary-nav a:hover,.primary-nav a[aria-current=page],.header-tools a:hover,.search-trigger:hover{color:var(--mauve-deep)}.primary-nav a[aria-current=page]{position:relative}.primary-nav a[aria-current=page]:after{content:"";position:absolute;left:0;right:0;bottom:-25px;height:2px;background:var(--rose)}
.header-tools{display:flex;align-items:center;gap:15px}.search-trigger{border:1px solid var(--line);background:transparent;border-radius:999px;padding:7px 15px}.menu-toggle{display:none;border:1px solid var(--line);border-radius:8px;background:#fff;padding:7px 12px;color:var(--ink)}
.page-shell{max-width:var(--wrap);margin:auto;padding:0 28px 90px}.hero-stage{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:45px;min-height:610px;margin:26px 0 76px;padding:70px 6.5% 92px;border-radius:30px;overflow:hidden;background:radial-gradient(ellipse at 76% 38%,rgba(73,100,125,.55),transparent 36%),linear-gradient(135deg,#0B121C,#172331 58%,#263F59);color:#F7F5F0}
.hero-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 42%,rgba(216,181,116,.07) 42.2%,transparent 42.5%),radial-gradient(circle at 88% 12%,rgba(216,181,116,.13),transparent 24%);pointer-events:none}.hero-copy,.hero-aside{position:relative;z-index:1}.eyebrow{margin:0 0 15px;color:#A9854C;font-size:10px;letter-spacing:.2em;font-weight:800;text-transform:uppercase}
.hero-stage .eyebrow{color:var(--rose-2)}.hero-copy h1{font:600 clamp(42px,5vw,68px)/1.2 Georgia,"Noto Serif SC",serif;letter-spacing:.015em;margin:0 0 22px}.hero-copy h1 em{font-size:.53em;font-style:normal;display:inline-block;color:#E9D5AD;letter-spacing:.08em;margin-top:12px}.hero-lead{max-width:610px;color:rgba(247,245,240,.75);font-size:16px;line-height:1.9}
.hero-search{display:flex;max-width:590px;margin:29px 0 18px;padding:6px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:12px}.hero-search input,.search-page-form input,.search-panel input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:inherit;padding:12px 15px}.hero-search input::placeholder{color:rgba(255,255,255,.55)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 20px;border:1px solid transparent;border-radius:8px;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.button-gold{background:linear-gradient(135deg,#E9D5AD,#C49A55);color:#172331}.button-dark{background:#172331;color:#F7F5F0}.button-light{background:#F7F5F0;color:#172331}.button-outline{border-color:rgba(233,213,173,.45);color:#F7F5F0;background:transparent}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-proof{display:flex;gap:22px;margin-top:34px;color:rgba(247,245,240,.54);font-size:11px}.hero-proof span:before{content:"✦";color:var(--rose-2);margin-right:7px}
.hero-aside{display:flex;flex-direction:column;justify-content:center;align-items:flex-end}.cinema-frame{width:min(100%,410px);height:365px;position:relative;overflow:hidden;border:1px solid rgba(233,213,173,.35);border-radius:180px 180px 22px 22px;background:linear-gradient(155deg,rgba(196,154,85,.16),rgba(255,255,255,.025) 42%,rgba(11,18,28,.5)),radial-gradient(circle at 50% 42%,#49647D,#172331 62%,#0B121C);box-shadow:0 30px 70px rgba(0,0,0,.3),inset 0 0 55px rgba(216,181,116,.12)}
.cinema-frame:after{content:"";position:absolute;inset:18px;border:1px solid rgba(233,213,173,.2);border-radius:inherit}.frame-number{position:absolute;top:35px;left:35px;color:#E9D5AD;font-size:9px;letter-spacing:.2em}.frame-orbit{position:absolute;width:250px;height:250px;top:52px;left:50%;transform:translateX(-50%);border:1px solid rgba(233,213,173,.34);border-radius:50%;box-shadow:0 0 0 22px rgba(233,213,173,.035),0 0 0 48px rgba(233,213,173,.025)}.frame-orbit:before,.frame-orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(233,213,173,.28)}.frame-orbit:before{inset:32px}.frame-orbit:after{inset:70px;background:radial-gradient(circle,#D8B574 0,rgba(216,181,116,.12) 42%,transparent 70%)}
.cinema-frame p{position:absolute;z-index:2;left:0;right:0;top:143px;text-align:center;font:italic 31px/1.15 Georgia,serif;letter-spacing:.12em;color:#F7F5F0}.cinema-frame small{position:absolute;z-index:2;bottom:35px;left:0;right:0;text-align:center;color:#E9D5AD;letter-spacing:.25em;font-size:10px}.aside-note{width:min(100%,410px);display:flex;gap:15px;align-items:flex-start;padding:17px 20px;margin-top:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:12px}.aside-note b{color:#E9D5AD;white-space:nowrap;font-size:12px}.aside-note span{font-size:11px;color:rgba(255,255,255,.6);line-height:1.6}
.hero-bottom{position:absolute;z-index:2;bottom:0;left:6.5%;right:6.5%;height:62px;display:flex;align-items:center;gap:30px;border-top:1px solid rgba(255,255,255,.16);font-size:12px}.hero-bottom span{color:rgba(255,255,255,.45);letter-spacing:.15em;font-size:9px;margin-right:auto}.hero-bottom a{color:#E9D5AD}
.section-block{margin:78px 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:26px}.section-heading h2,.section-block h2{margin:0;color:var(--plum);font:600 clamp(25px,3vw,36px)/1.3 Georgia,"Noto Serif SC",serif}.section-heading p:not(.eyebrow){color:var(--ink-2);margin:10px 0 0}.text-link{display:inline-flex;gap:8px;align-items:center;color:var(--mauve-deep);font-weight:700;font-size:13px}.text-link:hover{color:#A87938}
.type-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.type-chip{min-height:145px;padding:20px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.6);display:flex;flex-direction:column;transition:.25s}.type-chip:hover{background:#fff;transform:translateY(-4px);box-shadow:var(--shadow)}.chip-symbol{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--plum);color:#E9D5AD;font:italic 14px Georgia;margin-bottom:15px}.type-chip b{font-size:16px}.type-chip small{color:var(--ink-3);font-size:11px;margin-top:5px}
.feature-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:55px;align-items:start}.feature-lead{position:sticky;top:115px;padding:25px 0}.feature-lead h2{font-size:42px}.feature-lead h2 em{font-size:.65em;color:#A87938;font-style:normal}.feature-lead p:not(.eyebrow){color:var(--ink-2);max-width:350px;margin:22px 0 26px}.feature-stack{display:grid;grid-template-columns:1.2fr .8fr;gap:15px;align-items:end}
.media-card{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;transition:transform .25s,box-shadow .25s}.media-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.media-art{height:190px;position:relative;overflow:hidden;padding:18px;background:radial-gradient(circle at 70% 30%,rgba(216,181,116,.5),transparent 23%),linear-gradient(135deg,#263F59,#0B121C);color:#F7F5F0;display:flex;flex-direction:column;justify-content:space-between}.media-art:before{content:"";position:absolute;width:210px;height:210px;border:1px solid rgba(233,213,173,.35);border-radius:50%;right:-35px;top:-65px;box-shadow:0 0 0 22px rgba(233,213,173,.04),0 0 0 50px rgba(233,213,173,.03)}.media-art:after{content:"";position:absolute;inset:12px;border:1px solid rgba(233,213,173,.16);pointer-events:none}
.art-kicker,.art-title,.art-index{position:relative;z-index:1}.art-kicker{font-size:10px;color:#E9D5AD;letter-spacing:.15em}.art-title{max-width:75%;font:22px/1.35 Georgia,"Noto Serif SC",serif}.art-index{font-size:9px;letter-spacing:.18em;color:rgba(255,255,255,.45)}.media-copy{padding:19px 20px 21px}.meta-line{display:flex;gap:10px;color:#A87938;font-size:10px}.meta-line span+span:before{content:"·";margin-right:10px;color:#bbb}.media-copy h3{font-size:17px;margin:8px 0}.media-copy h3 a:hover{color:#A87938}.media-copy p{font-size:12px;color:var(--ink-2);line-height:1.75;margin:0 0 13px}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.large-card .media-art{height:260px}.compact-card .media-art{height:155px}

.split-editorial{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;padding:45px 5%;background:#EEECE6;border-radius:22px}
.split-visual{height:330px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#E9D5AD;background:radial-gradient(circle,#49647D,#172331 56%,#0B121C);border-radius:16px;overflow:hidden}
.split-visual:before{content:"";position:absolute;width:70%;aspect-ratio:1;border:1px solid rgba(233,213,173,.35);border-radius:50%;box-shadow:0 0 0 24px rgba(233,213,173,.04),0 0 0 60px rgba(233,213,173,.03)}
.split-visual span{font-size:11px;letter-spacing:.25em}.split-visual b{font:72px Georgia,serif;z-index:1}.split-visual i{font-style:normal;font-size:11px;letter-spacing:.15em}.split-copy h2{font-size:38px}.split-copy p:not(.eyebrow){color:var(--ink-2);margin:20px 0}
.dark-band{display:flex;justify-content:space-between;align-items:center;min-height:300px;padding:55px 7%;border-radius:22px;color:#F7F5F0;background:linear-gradient(125deg,#0B121C,#263F59);overflow:hidden}.dark-band h2{color:#F7F5F0;font-size:39px}.dark-band p:not(.eyebrow){max-width:530px;color:rgba(255,255,255,.65)}.band-index{display:flex;align-items:center;gap:18px;color:#E9D5AD;font:38px Georgia,serif}.band-index span:nth-child(2){opacity:.55}.band-index span:nth-child(3){opacity:.25}.band-index small{display:block;position:absolute;margin-top:105px;font:9px sans-serif;letter-spacing:.2em}
.collection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.collection-tile{padding:30px;min-height:245px;border-radius:16px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;transition:.25s}.collection-tile:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.collection-tile span{font-size:9px;letter-spacing:.2em;color:#A87938}.collection-tile h3{font:25px Georgia,serif;margin:24px 0 10px}.collection-tile p{font-size:12px;color:var(--ink-2);margin:0 0 18px}.collection-tile b{margin-top:auto;color:var(--mauve-deep);font-size:12px}.tile-2{background:#E8EDF1}.tile-3{background:#172331;color:#F7F5F0}.tile-3 h3,.tile-3 b{color:#E9D5AD}.tile-3 p{color:rgba(255,255,255,.65)}.tile-4{background:#F5EEDF}
.contributor-band{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;padding:40px 5%;background:#EEECE6;border-radius:20px}.contributor-band>div>p:not(.eyebrow){color:var(--ink-2)}.contributor-list{display:grid;gap:15px}.contributor-list article{display:flex;gap:15px;padding:15px;background:rgba(255,255,255,.72);border-radius:12px}.avatar-monogram{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:50%;background:#172331;color:#E9D5AD;font:20px Georgia}.contributor-list b,.contributor-list small{display:block}.contributor-list small{font-size:10px;color:#A87938}.contributor-list p{font-size:11px;color:var(--ink-2);margin:5px 0 0}
.update-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:8%}.update-layout>div:first-child p:not(.eyebrow){color:var(--ink-2)}.update-list{border-top:1px solid var(--line)}.update-list article{padding:18px 0;border-bottom:1px solid var(--line)}.update-list span{font-size:10px;color:#A87938}.update-list h3{font-size:16px;margin:4px 0}.update-list p{font-size:12px;color:var(--ink-2);margin:0}
.community-preview{display:grid;grid-template-columns:.8fr 1.2fr;gap:7%;padding:44px 5%;background:#F5EEDF;border-radius:22px}.community-quote h2{font-size:39px}.community-quote p:not(.eyebrow){color:var(--ink-2)}.discussion-list{display:grid;gap:12px}.discussion-list article{padding:17px 20px;background:#fff;border-radius:12px}.discussion-list span{font-size:10px;color:#A87938}.discussion-list h3{font-size:15px;margin:5px 0}.discussion-list p{font-size:12px;color:var(--ink-2);margin:0}
.app-promo{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;align-items:center;padding:25px 8%}.app-promo h2{font-size:36px}.app-promo p:not(.eyebrow){color:var(--ink-2)}.device-art{display:flex;justify-content:center;align-items:center;min-height:330px;background:radial-gradient(circle,#E9D5AD,#EEECE6 65%,transparent 66%)}.device-screen{width:175px;height:310px;border:7px solid #172331;border-radius:27px;background:linear-gradient(155deg,#263F59,#0B121C);box-shadow:0 20px 40px rgba(11,18,28,.2);padding:28px 17px;color:#E9D5AD;display:flex;flex-direction:column;justify-content:space-between}.device-screen span{font-size:9px;letter-spacing:.2em}.device-screen b{font:25px/1.5 Georgia,serif}.device-screen i{font-size:7px;font-style:normal;letter-spacing:.12em}
.trust-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.trust-row h2{font-size:25px}.trust-row>a{font-size:13px;color:var(--mauve-deep);border-bottom:1px solid var(--rose);padding:8px 0}
.faq-preview{display:grid;grid-template-columns:.7fr 1.3fr;gap:8%}.faq-preview>div:first-child p:not(.eyebrow){color:var(--ink-2)}.faq-mini details,.faq-list details{border-bottom:1px solid var(--line);padding:16px 0}.faq-mini summary,.faq-list summary{cursor:pointer;font-weight:650;list-style:none}.faq-mini summary::-webkit-details-marker,.faq-list summary::-webkit-details-marker{display:none}.faq-mini summary:after,.faq-list summary:after{content:"＋";float:right;color:#A87938}.faq-mini details[open] summary:after,.faq-list details[open] summary:after{content:"−"}.faq-mini p,.faq-list details p{color:var(--ink-2);font-size:13px;margin:12px 0 0}

.site-footer{background:linear-gradient(135deg,#0B121C,#263F59);color:#F7F5F0;padding:55px max(28px,calc((100% - 1264px)/2)) 20px}.footer-main{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:45px;padding-bottom:45px}.footer-brand h2{font:27px Georgia,serif;color:#E9D5AD;margin:12px 0}.footer-brand p{max-width:280px;color:rgba(255,255,255,.58);font-size:12px}.footer-main h3{font-size:12px;color:#E9D5AD;letter-spacing:.08em;margin:8px 0 17px}.footer-main a{display:block;color:rgba(255,255,255,.68);font-size:12px;margin:8px 0}.footer-main a:hover,.footer-bottom a:hover{color:#E9D5AD}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.15);font-size:10px;color:rgba(255,255,255,.5)}
.page-intro{padding:68px 4% 45px;border-bottom:1px solid var(--line);margin-bottom:42px}.page-intro h1{font:600 clamp(34px,4.4vw,54px)/1.25 Georgia,"Noto Serif SC",serif;color:var(--plum);margin:0 0 14px}.page-intro>p:last-child{max-width:760px;color:var(--ink-2);font-size:15px;margin:0}.page-intro .eyebrow{margin-bottom:12px}
.prose-panel{padding:30px 34px;background:#fff;border:1px solid var(--line);border-radius:15px;margin:35px 0}.prose-panel h2,.prose-panel h3{font-family:Georgia,"Noto Serif SC",serif}.prose-panel p{color:var(--ink-2);max-width:900px}.prose-panel h3{font-size:19px;margin-top:25px}
.category-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 30px}.category-tabs a{padding:8px 17px;border:1px solid var(--line);border-radius:999px;font-size:12px}.category-tabs a[aria-current=page],.category-tabs a:hover{background:#172331;color:#E9D5AD;border-color:#172331}
.discover-mosaic{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:15px;margin-bottom:55px}.discover-mosaic a{min-height:220px;padding:25px;border-radius:16px;color:#F7F5F0;background:linear-gradient(140deg,#263F59,#0B121C);display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.discover-mosaic a:nth-child(2){background:linear-gradient(145deg,#60788A,#172331)}.discover-mosaic a:nth-child(3){background:linear-gradient(145deg,#C49A55,#263F59)}.discover-mosaic b{position:absolute;top:22px;left:25px;color:#E9D5AD;font:italic 24px Georgia}.discover-mosaic h2{color:#fff;font-size:27px}.discover-mosaic p{margin:0;color:rgba(255,255,255,.7);font-size:12px}
.featured-lead{display:flex;justify-content:space-between;align-items:center;padding:40px 6%;margin-bottom:35px;border-radius:20px;background:linear-gradient(120deg,#172331,#49647D);color:#fff}.featured-lead h2{color:#fff;font-size:38px}.featured-lead p:not(.eyebrow){max-width:620px;color:rgba(255,255,255,.68)}.featured-stamp{width:130px;height:130px;border:1px solid #D8B574;border-radius:50%;display:grid;place-content:center;text-align:center;color:#E9D5AD;font:42px Georgia}.featured-stamp small{font:8px sans-serif;letter-spacing:.2em}
.collection-detail{display:grid;grid-template-columns:110px 1fr;gap:35px;padding:38px 0;border-bottom:1px solid var(--line)}.collection-number{font:62px Georgia,serif;color:#C49A55}.collection-detail h2{font-size:29px}.collection-detail p:not(.eyebrow){max-width:850px;color:var(--ink-2)}.collection-meta{display:flex;gap:40px;margin:20px 0}.collection-meta span{font-size:12px;color:var(--ink-2)}.collection-meta b{display:block;color:var(--plum);margin-bottom:5px}.related-links{display:flex;gap:10px;flex-wrap:wrap}.related-links a{font-size:11px;padding:7px 11px;background:#EEECE6;border-radius:6px;color:var(--mauve-deep)}
.detail-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:stretch}.detail-art{min-height:350px;border-radius:20px;background:radial-gradient(circle at 70% 30%,rgba(216,181,116,.5),transparent 25%),linear-gradient(145deg,#263F59,#0B121C);padding:30px;color:#E9D5AD;display:flex;flex-direction:column;justify-content:space-between}.detail-art b{font:70px/1 Georgia,serif;color:#F7F5F0}.detail-art small{font-size:11px;color:rgba(255,255,255,.6)}.detail-facts{padding:20px 0}.status-pill{display:inline-block;padding:6px 12px;border-radius:99px;background:#E8EDF1;color:#49647D;font-size:11px}.detail-facts h2{font-size:27px;margin:20px 0 10px}.detail-facts p{color:var(--ink-2)}.detail-facts dl{display:grid;grid-template-columns:100px 1fr;gap:8px;font-size:12px;margin:25px 0}.detail-facts dt{color:var(--ink-3)}.detail-facts dd{margin:0}.detail-actions{display:flex;gap:10px;flex-wrap:wrap}.detail-actions .button-outline{color:#172331;border-color:var(--line)}
.reader-layout{display:grid;grid-template-columns:200px 1fr;gap:45px}.reader-layout aside{position:sticky;top:105px;align-self:start;padding:20px;background:#EEECE6;border-radius:12px}.reader-layout aside a{display:block;font-size:12px;padding:8px 0;color:var(--ink-2)}.reader-content{max-width:850px}.reader-screen{min-height:220px;padding:30px;background:linear-gradient(135deg,#0B121C,#49647D);color:#E9D5AD;border-radius:15px;display:flex;flex-direction:column;justify-content:space-between}.reader-screen span{font-size:9px;letter-spacing:.2em}.reader-screen b{font:30px Georgia,serif;color:#fff}.reader-screen small{font-size:11px}.reader-content h2{font-size:25px;margin-top:35px}.reader-content p,.reader-content li{color:var(--ink-2)}.reader-actions{display:flex;gap:12px;margin:30px 0}
.search-page-form{display:flex;max-width:720px;padding:6px;border:1px solid var(--line);border-radius:12px;background:#fff}.search-page-form input{color:var(--ink)}.result-count{font-size:12px;color:var(--ink-3);margin:25px 0}

.community-rules{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}.community-rules span{background:#EEECE6;border-radius:99px;padding:8px 15px;font-size:11px;color:var(--mauve-deep)}.post-stream{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.post-card{padding:25px;background:#fff;border:1px solid var(--line);border-radius:15px}.post-topic{font-size:10px;color:#A87938}.post-card h2{font-size:22px;margin:12px 0}.post-card p{font-size:13px;color:var(--ink-2)}.post-actions{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;margin-top:20px}.post-actions button,.post-actions a{font-size:11px;border:0;background:transparent;color:var(--mauve-deep)}.post-actions .is-liked{color:#A87938}
.author-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.author-card{padding:22px;background:#fff;border:1px solid var(--line);border-radius:15px}.author-portrait{height:160px;display:flex;align-items:flex-end;justify-content:space-between;padding:18px;background:linear-gradient(145deg,#263F59,#0B121C);color:#E9D5AD;font:38px Georgia}.author-portrait span{font-size:12px}.author-card h2{font-size:23px}.author-card p:not(.eyebrow){font-size:12px;color:var(--ink-2)}
.ranking-list{border-top:1px solid var(--line)}.ranking-list article{display:grid;grid-template-columns:70px 1fr 100px;gap:20px;padding:23px 12px;border-bottom:1px solid var(--line);align-items:center}.rank-num{font:35px Georgia;color:#C49A55}.ranking-list article span,.ranking-list article small{font-size:10px;color:#A87938}.ranking-list h2{font-size:20px;margin:3px 0}.ranking-list p{font-size:12px;color:var(--ink-2);margin:0}.ranking-list article small{text-align:right}
.timeline{border-left:1px solid #C49A55;margin:20px 0 20px 12px;padding-left:35px}.timeline article{position:relative;display:grid;grid-template-columns:170px 1fr;gap:25px;padding:0 0 35px}.timeline article:before{content:"";position:absolute;left:-41px;top:7px;width:11px;height:11px;border-radius:50%;background:#C49A55;box-shadow:0 0 0 5px var(--cream)}.timeline article>span{font:12px Georgia;color:#A87938}.timeline small{font-size:10px;color:var(--ink-3)}.timeline h2{font-size:22px;margin:3px 0}.timeline p{color:var(--ink-2);font-size:13px;margin:0}
.shelf-columns{display:grid;grid-template-columns:1fr 1fr;gap:25px}.shelf-columns>section{padding:24px;background:#fff;border:1px solid var(--line);border-radius:15px}.shelf-columns h2{font-size:23px}.text-button{border:0;background:transparent;color:#A87938;font-size:12px}.local-list{min-height:160px}.local-entry{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}.local-entry small{color:var(--ink-3)}.empty-state{padding:25px 0;color:var(--ink-3);font-size:12px}
.topic-row{display:grid;grid-template-columns:1fr 2fr;gap:25px}.topic-row h2{font-size:25px}.topic-row p:last-child{color:var(--ink-2)}
.app-showcase{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:center}.app-showcase h2{font:34px Georgia,serif}.app-showcase p,.app-showcase li{color:var(--ink-2)}.app-showcase ul{padding-left:20px}.app-showcase li{margin:8px 0}
.guide-callout{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:32px;background:#172331;border-radius:15px;color:#fff;margin:45px 0}.guide-callout h2{color:#E9D5AD}.guide-callout p{max-width:740px;color:rgba(255,255,255,.65)}
.policy-row{display:grid;grid-template-columns:220px 1fr;gap:30px;padding:25px 30px;background:#fff;border:1px solid var(--line);border-radius:13px}.policy-row h2{font-size:22px}.policy-row p{color:var(--ink-2)}
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px}.contact-layout h2{font-size:27px}.contact-layout li,.contact-layout p{color:var(--ink-2)}.contact-card{padding:35px;background:#EEECE6;border-radius:16px}.contact-card h3{font:29px Georgia,serif}.error-actions{display:flex;gap:12px}.error-actions .button-outline{color:#172331;border-color:var(--line)}
.search-modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:20px}.search-modal.is-open{display:flex}.search-modal[hidden]{display:none!important}.search-backdrop{position:absolute;inset:0;background:rgba(7,13,21,.78);backdrop-filter:blur(8px)}.search-panel{position:relative;z-index:1;width:min(650px,100%);padding:42px;background:#F7F5F0;border-radius:20px;box-shadow:0 30px 90px rgba(0,0,0,.35)}.search-panel h2{font:34px Georgia,serif;margin:0 0 20px}.search-panel form{display:flex;border:1px solid var(--line);border-radius:10px;padding:5px;background:#fff}.search-panel input{color:var(--ink)}.search-panel .muted{font-size:11px;color:var(--ink-3)}.modal-close{position:absolute;right:17px;top:12px;border:0;background:transparent;font-size:28px;color:var(--ink-2)}
.back-top{position:fixed;right:22px;bottom:22px;z-index:30;width:42px;height:42px;border:0;border-radius:50%;background:#172331;color:#E9D5AD;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.2s}.back-top.visible{opacity:1;pointer-events:auto}.section-block,.media-card,.collection-detail{opacity:1;transform:none}.section-block.in-view,.media-card.in-view,.collection-detail.in-view{animation:rise-in .45s ease both}@keyframes rise-in{from{opacity:.65;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

@media(max-width:1200px){
 .header-inner{gap:18px}.primary-nav{gap:12px}.primary-nav a{font-size:12px}.header-tools{gap:10px}
 .hero-stage{gap:25px;padding-left:5%;padding-right:5%}.hero-copy h1{font-size:55px}.cinema-frame{height:330px}
 .page-shell{padding-left:22px;padding-right:22px}.media-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:1024px){
 .primary-nav{gap:10px}.primary-nav a{font-size:11px}.header-tools a{display:none}
 .hero-stage{grid-template-columns:1.1fr .9fr;min-height:560px;padding-top:55px}.hero-copy h1{font-size:48px}.cinema-frame{height:300px}
 .feature-layout{gap:30px}.media-grid{grid-template-columns:repeat(2,1fr)}.post-stream{grid-template-columns:repeat(2,1fr)}
 .footer-main{gap:25px}.section-block{margin:65px 0}
}
@media(max-width:900px){
 .site-header{height:66px}.header-inner{padding:0 20px}.menu-toggle{display:block;margin-left:auto}.primary-nav{display:none;position:absolute;top:65px;left:0;right:0;padding:16px 22px 22px;background:#FBFCF6;border-bottom:1px solid var(--line);box-shadow:var(--shadow);grid-template-columns:repeat(3,1fr);gap:0}.primary-nav.is-open{display:grid}.primary-nav a{padding:11px 6px;font-size:13px}.primary-nav a[aria-current=page]:after{bottom:4px;right:auto;width:28px}.header-tools{margin-left:0}
 .hero-stage{grid-template-columns:1fr;min-height:0;padding:48px 7% 85px}.hero-copy{max-width:750px}.hero-aside{display:none}.hero-copy h1{font-size:52px}.hero-bottom{left:7%;right:7%;gap:20px}
 .feature-layout{grid-template-columns:1fr}.feature-lead{position:static;padding:0}.feature-stack{grid-template-columns:1fr 1fr}.split-editorial{gap:30px;padding:32px}.contributor-band,.update-layout,.community-preview,.faq-preview{grid-template-columns:1fr;gap:25px}
 .trust-row{flex-wrap:wrap}.trust-row>div{width:100%}.app-promo{padding:20px 3%}.discover-mosaic{grid-template-columns:1fr 1fr}.discover-mosaic a:first-child{grid-column:span 2}
 .detail-layout{gap:25px}.reader-layout{grid-template-columns:150px 1fr;gap:25px}.footer-main{grid-template-columns:1.3fr 1fr 1fr}.footer-main>div:last-child{grid-column:2}
}
@media(max-width:768px){
 body{font-size:14px}.page-shell{padding:0 18px 65px}.header-inner{padding:0 16px}.brand{font-size:15px}.brand-mark{width:34px;height:34px}
 .hero-stage{margin:14px 0 55px;border-radius:20px;padding:42px 22px 82px}.hero-copy h1{font-size:43px}.hero-lead{font-size:14px}.hero-search{margin-top:22px}.hero-bottom{height:58px;left:22px;right:22px;gap:13px;font-size:10px}.hero-bottom span{display:none}.hero-bottom a{flex:1}
 .section-block{margin:55px 0}.section-heading{align-items:flex-start;flex-direction:column;gap:12px}.section-heading h2,.section-block h2{font-size:28px}.type-chips{grid-template-columns:repeat(2,1fr)}.type-chip{min-height:130px;padding:16px}
 .feature-stack{grid-template-columns:1fr 1fr}.media-grid{grid-template-columns:repeat(2,1fr);gap:12px}.media-art{height:150px}.large-card .media-art{height:190px}.media-copy{padding:14px}.media-copy h3{font-size:15px}.media-copy p{font-size:11px}
 .split-editorial{grid-template-columns:1fr;padding:22px}.split-visual{height:240px}.split-copy h2{font-size:31px}.dark-band{min-height:260px;padding:32px;display:block}.dark-band h2{font-size:31px}.band-index{margin-top:35px;font-size:28px}.band-index small{margin-top:78px}
 .collection-grid{grid-template-columns:1fr}.collection-tile{min-height:210px}.contributor-band{padding:25px}.community-preview{padding:28px}.community-quote h2{font-size:32px}.app-promo{grid-template-columns:1fr;gap:15px}.device-art{min-height:290px}.trust-row{gap:10px}.trust-row>a{font-size:12px}.faq-preview{gap:18px}
 .page-intro{padding:48px 0 30px;margin-bottom:30px}.page-intro h1{font-size:38px}.discover-mosaic{gap:10px}.discover-mosaic a{min-height:175px;padding:18px}.discover-mosaic h2{font-size:22px}
 .collection-detail{grid-template-columns:65px 1fr;gap:18px;padding:25px 0}.collection-number{font-size:42px}.collection-detail h2{font-size:24px}.collection-meta{display:grid;gap:12px}
 .detail-layout{grid-template-columns:1fr}.detail-art{min-height:230px}.reader-layout{grid-template-columns:1fr}.reader-layout aside{position:static;display:flex;gap:15px;flex-wrap:wrap}.reader-layout aside .eyebrow{width:100%;margin:0}
 .post-stream,.author-grid{grid-template-columns:1fr 1fr}.ranking-list article{grid-template-columns:45px 1fr}.ranking-list article small{display:none}.timeline article{grid-template-columns:1fr;gap:5px}
 .shelf-columns{grid-template-columns:1fr}.topic-row{grid-template-columns:1fr;gap:5px}.policy-row{grid-template-columns:1fr;gap:5px;padding:22px}.contact-layout{grid-template-columns:1fr}.guide-callout{align-items:flex-start;flex-direction:column}
 .footer-main{grid-template-columns:1fr 1fr;gap:25px}.footer-main>div:first-child{grid-column:span 2}.footer-main>div:last-child{grid-column:auto}.footer-bottom{flex-wrap:wrap}
}
@media(max-width:600px){
 .primary-nav{grid-template-columns:repeat(2,1fr)}.header-tools{gap:7px}.header-tools .search-trigger{padding:6px 10px;font-size:11px}
 .hero-copy h1{font-size:37px}.hero-copy h1 em{font-size:.52em}.hero-proof{gap:10px;flex-wrap:wrap}.hero-actions .button{flex:1}.hero-search input{font-size:12px;padding:9px}.hero-search .button{padding:9px 12px;font-size:11px}
 .feature-stack{grid-template-columns:1fr}.feature-lead h2{font-size:34px}.media-grid{grid-template-columns:1fr}.media-art{height:190px}.large-card .media-art{height:210px}.compact-card .media-art{height:170px}
 .type-chips{gap:9px}.type-chip{min-height:125px;padding:13px}.type-chip small{font-size:10px}.collection-tile{padding:23px}.collection-tile h3{font-size:22px;margin-top:17px}
 .discover-mosaic{grid-template-columns:1fr}.discover-mosaic a:first-child{grid-column:auto}.discover-mosaic a{min-height:150px}.featured-lead{padding:28px;display:block}.featured-stamp{width:75px;height:75px;font-size:26px;margin-top:20px}.featured-lead h2{font-size:30px}
 .post-stream,.author-grid{grid-template-columns:1fr}.post-card{padding:20px}.footer-main{grid-template-columns:1fr 1fr}.footer-brand p{max-width:100%}.footer-bottom{display:grid;gap:8px}
 .search-panel{padding:35px 20px 25px}.search-panel form{display:grid}.search-panel .button{width:100%}.search-page-form{display:grid}.search-page-form .button{width:100%}
 .detail-actions .button{flex:1}.detail-facts dl{grid-template-columns:85px 1fr}.collection-meta{gap:8px}.trust-row>a{width:calc(50% - 10px)}
}
@media(max-width:380px){
 .page-shell{padding-left:13px;padding-right:13px}.hero-stage{padding-left:17px;padding-right:17px}.hero-copy h1{font-size:33px}.hero-bottom{left:17px;right:17px}.brand small{letter-spacing:.1em}.header-inner{gap:8px}.brand{gap:7px}.header-tools .search-trigger{font-size:10px}
 .type-chips{grid-template-columns:1fr 1fr}.type-chip small{line-height:1.4}.collection-detail{grid-template-columns:1fr}.collection-number{font-size:32px}.timeline{padding-left:25px}.timeline article:before{left:-31px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Extended component states: editorial tables, guide notes and reading rhythm */
.result-count,.muted{color:var(--ink-3);font-size:12px}
.editor-note{margin:35px 0;padding:22px 26px;border-left:3px solid var(--rose);background:#EEECE6;border-radius:0 12px 12px 0}
.editor-note b{display:block;color:var(--plum);margin-bottom:6px}.editor-note p{margin:0;color:var(--ink-2);font-size:12px}
.collection-detail:nth-child(even){background:rgba(255,255,255,.45);padding-left:25px;padding-right:25px;border-radius:12px}
.collection-detail:nth-child(odd) .collection-number{color:#49647D}
.reader-content blockquote{margin:25px 0;padding:20px 25px;border-left:3px solid var(--rose);background:#F5EEDF;color:var(--ink-2)}
.reader-content table{width:100%;border-collapse:collapse;font-size:12px}.reader-content th,.reader-content td{padding:12px;border-bottom:1px solid var(--line);text-align:left}
.reader-content th{color:var(--plum);background:#EEECE6}
.policy-row:nth-child(even){background:#F1F0EB}.policy-row h2{margin-top:3px}
.contact-card{position:relative;overflow:hidden}.contact-card:after{content:"TM";position:absolute;right:-5px;bottom:-65px;font:170px Georgia;color:rgba(196,154,85,.12);pointer-events:none}
.error-actions{margin:30px 0}.error-actions .button-outline{color:#172331;border-color:var(--line)}
.empty-state:before{content:"◇";display:block;font-size:28px;color:#C49A55;margin-bottom:8px}
.local-entry a{font-weight:650}.local-entry a:hover{color:#A87938}
.post-actions button:focus-visible,.button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid rgba(196,154,85,.55);outline-offset:3px}
.search-trigger:focus-visible,.menu-toggle:focus-visible{outline:2px solid #C49A55;outline-offset:3px}
.media-card:nth-child(3n+2) .media-art{background:radial-gradient(circle at 25% 20%,rgba(216,181,116,.45),transparent 25%),linear-gradient(135deg,#49647D,#172331)}
.media-card:nth-child(3n+3) .media-art{background:radial-gradient(circle at 80% 25%,rgba(216,181,116,.42),transparent 24%),linear-gradient(135deg,#60788A,#0B121C)}
.type-chip:nth-child(2) .chip-symbol{background:#49647D}.type-chip:nth-child(3) .chip-symbol{background:#A87938}.type-chip:nth-child(4) .chip-symbol{background:#60788A}
.collection-tile:nth-child(4n+1){border-top:3px solid #C49A55}.collection-tile:nth-child(4n+2){border-top:3px solid #49647D}
.collection-tile:nth-child(4n+3){border-top:3px solid #172331}.collection-tile:nth-child(4n+4){border-top:3px solid #D6A45E}
.footer-main a{width:max-content;max-width:100%;transition:color .2s}.footer-bottom span:first-child{color:rgba(255,255,255,.75)}
.hero-search:focus-within{border-color:rgba(233,213,173,.75);box-shadow:0 0 0 3px rgba(233,213,173,.12)}
.search-panel input:focus,.search-page-form input:focus,.hero-search input:focus{outline:0}
.reader-warm .reader-content{background:#F5EEDF;padding:24px;border-radius:12px}
.reader-warm .reader-screen{filter:saturate(.75)}
.page-intro:after{content:"";display:block;width:56px;height:2px;background:#C49A55;margin-top:28px}
.page-intro p:last-child{line-height:1.9}
.section-block>p:not(.eyebrow){max-width:900px}
.guide-callout .button{flex:none}

.two-column-notes{display:grid;grid-template-columns:1fr 1fr;gap:15px}.two-column-notes article{padding:25px;background:#fff;border:1px solid var(--line);border-radius:12px}.two-column-notes b{font:22px Georgia,serif;color:#A87938}.two-column-notes p{color:var(--ink-2);font-size:13px}
.ratio-board{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ratio-board div{min-height:135px;padding:22px;background:linear-gradient(145deg,#172331,#49647D);border-radius:13px;color:#E9D5AD;display:flex;flex-direction:column;justify-content:space-between}.ratio-board b{font:36px Georgia,serif}.ratio-board span{font-size:11px;color:rgba(255,255,255,.7)}
.editorial-quote{padding:55px 8%;background:#EEECE6;border-radius:18px}.editorial-quote blockquote{margin:0;max-width:800px;font:clamp(25px,3.4vw,40px)/1.5 Georgia,"Noto Serif SC",serif;color:#263F59}.editorial-quote>span{display:block;margin-top:20px;font-size:11px;color:#A87938}
.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.process-steps article{padding:20px;border-top:2px solid #C49A55;background:#fff}.process-steps b{font:28px Georgia,serif;color:#C49A55}.process-steps h3{font-size:16px;margin:15px 0 5px}.process-steps p{font-size:12px;color:var(--ink-2);margin:0}
.status-board{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.status-board span{padding:18px;text-align:center;background:#E8EDF1;color:#263F59;border-radius:10px;font-size:12px;font-weight:700}
.closing-banner{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:42px 6%;background:linear-gradient(120deg,#172331,#263F59);border-radius:18px}.closing-banner h2{color:#F7F5F0;font-size:34px}.closing-banner .eyebrow{color:#E9D5AD}
@media(max-width:768px){.two-column-notes{grid-template-columns:1fr}.ratio-board{grid-template-columns:1fr 1fr}.process-steps{grid-template-columns:1fr 1fr}.status-board{grid-template-columns:1fr 1fr}.closing-banner{align-items:flex-start;flex-direction:column}.closing-banner h2{font-size:29px}}