:root {
  --paper:#FFF8F2; --white:#FFF; --cream:#F3EBE3;
  --ink:#1A1230; --body:#2C2440; --muted:#5A5270; --quiet:#8A8298;
  --pink:#E11D8F; --indigo:#6366F1; --cyan:#0891B2; --amber:#D97706; --mint:#059669;
  --rule:rgba(26,18,48,.1); --shadow:0 14px 34px rgba(26,18,48,.08);
  --button:linear-gradient(135deg,#6366F1 0%,#E11D8F 55%,#D97706 100%);
  --max:1160px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--body);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;font-size:16px;line-height:1.75;letter-spacing:.01em}
button,input{font:inherit}
a{color:inherit;text-decoration:none}
a:hover{color:var(--pink)}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
button{cursor:pointer}
img{display:block;max-width:100%;height:auto}
figure{margin:0}
h1,h2,h3,h4,p{margin-top:0}
h1,h2,h3{color:var(--ink);line-height:1.35;letter-spacing:-.025em}
h1{font-size:clamp(28px,3.5vw,34px);font-weight:800}
h2{font-size:clamp(22px,2.8vw,26px)}
h3{font-size:19px}
p{margin-bottom:1em}
.wrap{width:min(var(--max),calc(100% - 40px));margin-left:auto;margin-right:auto}
.site-header{position:fixed;top:0;left:0;right:0;z-index:80;box-shadow:0 2px 12px rgba(26,18,48,.045)}
.masthead{height:72px;background:var(--paper);border-bottom:1px solid var(--rule)}
.masthead-inner{height:100%;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px}
.masthead-brand{min-width:0;display:flex;justify-content:center;align-items:center;max-width:210px;color:var(--ink)}
.brand-logo{width:auto;max-width:100%;height:38px;object-fit:contain;object-position:center}
.brand-type{font-weight:900;letter-spacing:.025em;color:var(--ink);font-size:22px;white-space:nowrap}
.masthead-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.icon-button{width:44px;height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid var(--rule);background:#fff;color:var(--ink);padding:0;transition:border-color .18s,background .18s}
.icon-button:hover{background:#F8EFF9;border-color:var(--pink)}
.burger{display:grid;align-content:center;justify-items:center;gap:5px;width:20px;height:20px}
.burger i{display:block;width:20px;height:2px;border-radius:9px;background:var(--ink)}
.search-symbol{position:relative;display:block;width:16px;height:16px;border:2px solid currentColor;border-radius:50%;margin:-3px 3px 0 0}
.search-symbol:after{content:"";position:absolute;width:8px;height:2px;background:currentColor;transform:rotate(45deg);top:13px;left:11px;border-radius:3px}
.mini-app{background:var(--button);color:#fff!important;white-space:nowrap;padding:0 18px;height:44px;border-radius:999px;font-size:14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 5px 15px rgba(225,29,143,.14)}
.mini-app:hover{filter:brightness(.93)}
.chapter-nav{background:#fff;border-bottom:1px solid var(--rule);height:46px}
.chapter-inner{height:100%;display:flex;align-items:stretch;justify-content:center;gap:clamp(12px,3.5vw,54px)}
.chapter-nav a{font-size:14px;display:inline-flex;align-items:center;position:relative;color:var(--muted);white-space:nowrap;padding:0 6px;font-weight:650}
.chapter-nav a:after{content:"";height:3px;border-radius:3px;position:absolute;left:8px;right:8px;bottom:0;background:transparent}
.chapter-nav a.selected,.chapter-nav a:hover{color:var(--ink)}
.chapter-nav a.selected:after{background:var(--pink)}
.site-main{padding-top:148px;padding-bottom:55px;min-height:calc(100vh - 330px)}
.eyebrow,.section-label{font-size:12px;font-weight:800;letter-spacing:.16em;color:var(--pink);display:block;margin-bottom:12px}
.section-label{letter-spacing:.11em}
.section-intro{color:var(--muted);max-width:760px;line-height:1.85}
.section-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:22px}
.section-title-row h2{margin-bottom:6px}
.section-title-row p{margin-bottom:0;color:var(--muted);font-size:15px}
.section-link{color:var(--pink);font-size:14px;font-weight:750;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}
.section-block{margin-top:54px}
.card{background:#fff;border:1px solid var(--rule);border-radius:18px;box-shadow:var(--shadow)}
.story-pad{padding:26px}
.button-row{display:flex;flex-wrap:wrap;gap:12px}
.btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:8px;border-radius:999px;padding:0 24px;font-size:14px;font-weight:800;white-space:nowrap;transition:transform .18s,box-shadow .18s,color .18s}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--button);color:#fff!important;box-shadow:0 8px 22px rgba(225,29,143,.14)}
.btn-secondary{background:#fff;color:var(--ink);border:1px solid var(--rule)}
.btn-secondary:hover{color:var(--pink)}
.media-slot{position:relative;width:100%;overflow:hidden;border-radius:16px;border:1px solid var(--rule);background:linear-gradient(140deg,#F2EBFF 0%,#FFF5F7 45%,#FFF1E2 100%);isolation:isolate;display:flex;align-items:center;justify-content:center}
.media-slot:before{position:absolute;content:"";z-index:-1;inset:0;background:radial-gradient(circle at 72% 35%,rgba(99,102,241,.14) 0 14%,transparent 14.5%),radial-gradient(circle at 14% 75%,rgba(225,29,143,.13) 0 12%,transparent 12.5%),repeating-linear-gradient(0deg,transparent,transparent 39px,rgba(26,18,48,.025) 40px)}
.media-slot img{object-fit:contain;object-position:center;width:100%;height:100%;position:relative;z-index:1}
.media-fallback{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;color:var(--muted);font-size:14px;letter-spacing:.08em;text-align:center;font-weight:650}
.fallback-ring{display:block;width:70px;height:70px;border:8px solid rgba(99,102,241,.19);border-radius:50%;box-shadow:18px 6px 0 -9px rgba(225,29,143,.22),-16px 20px 0 -9px rgba(217,119,6,.24);transform:rotate(-20deg)}
.media-slot.hero-art{height:340px;border-radius:23px}
.media-slot.chapter-art{height:270px}
.media-slot.feature-art{height:226px}
.media-slot.teaser-art{height:195px}
.media-slot.preview-art{height:245px}
.media-slot.app-art{height:350px}
.media-slot.icon-art{height:72px;width:72px;min-width:72px;border-radius:18px}
.media-slot.icon-art .fallback-ring{width:22px;height:22px;border-width:3px}
.media-slot.icon-art .media-fallback>span:last-child{display:none}
.hero-panel{display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:clamp(20px,4vw,55px);align-items:center;background:#fff;border:1px solid var(--rule);border-radius:24px;padding:clamp(18px,3vw,40px);box-shadow:var(--shadow);position:relative}
.hero-text{min-width:0}
.hero-text h1{margin-bottom:13px}
.hero-text .hero-lead{color:var(--muted);font-size:16px;line-height:1.9;max-width:480px;margin-bottom:22px}
.hero-meta{display:flex;gap:10px;align-items:center;font-size:13px;font-weight:800;color:var(--indigo);margin-top:24px}
.hero-meta:before{content:"";width:28px;height:2px;background:var(--indigo)}
.topic-ribbons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.topic-ribbons a{min-width:0;display:block;border:1px solid var(--rule);background:#fff;border-radius:14px;padding:16px 15px;transition:transform .18s,box-shadow .18s}
.topic-ribbons a:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.topic-top{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:800;color:var(--ink);margin-bottom:6px}
.color-dot{display:inline-block;border-radius:50%;width:9px;height:9px;flex:none;background:var(--pink)}
.color-dot.indigo{background:var(--indigo)}.color-dot.cyan{background:var(--cyan)}.color-dot.amber{background:var(--amber)}.color-dot.mint{background:var(--mint)}
.topic-ribbons p{color:var(--muted);font-size:14px;margin:0;line-height:1.65}
.number-paper{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:22px;align-items:start}
.number-section{background:#fff;border-radius:18px;padding:26px;border:1px solid var(--rule)}
.number-paper p{margin-bottom:0}
.number-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
.number-tile{padding:16px;border-radius:14px;background:var(--cream);border:1px solid rgba(26,18,48,.05)}
.number-tile strong{display:block;font-size:25px;font-weight:900;line-height:1.1;color:var(--indigo);margin-bottom:9px}
.number-tile span{font-size:15px;color:var(--ink);font-weight:700}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;align-items:start}
.feature-grid article{overflow:hidden}
.feature-grid article:nth-child(2){margin-top:22px}
.feature-grid article:nth-child(3){margin-top:44px}
.feature-grid .body{padding:20px 22px 24px}
.feature-grid h3{margin-bottom:8px}
.feature-grid p{font-size:15px;color:var(--muted)}
.feature-grid .section-link{margin-top:3px}
.ink-strip{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;padding:24px;border-radius:18px;background:var(--ink);color:#fff}
.ink-strip h2,.ink-strip h3{color:#fff}.ink-strip p{color:#E3DDEB}
.ink-strip .section-label{color:#F6B5D9}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.step{padding:18px;background:#fff;border:1px solid var(--rule);border-radius:14px}
.step-num{font-weight:900;font-size:26px;color:var(--cyan);margin:0 0 10px}
.step p{color:var(--muted);font-size:14px;margin:0}
.theme-wall{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.theme-wall a{grid-column:span 2;display:flex;flex-direction:column;min-width:0;min-height:150px;padding:20px;border:1px solid var(--rule);background:#fff;border-radius:18px}
.theme-wall a:nth-child(2),.theme-wall a:nth-child(5){grid-column:span 3;min-height:178px}
.theme-wall a:nth-child(3),.theme-wall a:nth-child(4){grid-column:span 3;min-height:178px}
.theme-wall a:nth-child(2){background:#F1F0FF}.theme-wall a:nth-child(3){background:#F1FAFB}
.theme-wall a:nth-child(4){background:#FFF5E8}.theme-wall a:nth-child(5){background:#F1FAF4}
.theme-wall a strong{font-size:19px;color:var(--ink)}
.theme-wall a p{color:var(--muted);font-size:14px;margin-top:9px;margin-bottom:0;max-width:410px}
.theme-wall a span{margin-top:auto;color:var(--pink);font-size:13px;font-weight:850;padding-top:12px}
.shelf-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:22px}
.book-shelf{display:grid;gap:10px}
.book-row{display:grid;grid-template-columns:60px minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px 18px;background:#fff;border:1px solid var(--rule);border-left:5px solid var(--indigo);border-radius:12px;min-height:85px}
.book-row:nth-child(2){border-left-color:var(--pink)}.book-row:nth-child(3){border-left-color:var(--cyan)}.book-row:nth-child(4){border-left-color:var(--amber)}
.book-row .book-id{font-weight:900;font-size:25px;color:var(--quiet)}
.book-row h3{margin:0 0 2px;font-size:17px}
.book-row p{margin:0;color:var(--muted);font-size:14px}
.book-row>a{color:var(--pink);font-size:14px;font-weight:750;white-space:nowrap;min-height:44px;display:flex;align-items:center}
.chart-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.chart-list article{background:#fff;border:1px solid var(--rule);border-radius:15px;padding:17px;min-width:0}
.chart-list strong{display:block;font-size:38px;line-height:1.15;color:var(--pink);margin-bottom:10px}
.chart-list article:nth-child(2) strong{color:var(--indigo)}.chart-list article:nth-child(3) strong{color:var(--cyan)}.chart-list article:nth-child(4) strong{color:var(--amber)}.chart-list article:nth-child(5) strong{color:var(--mint)}
.chart-list h3{font-size:16px;margin-bottom:8px}.chart-list p{font-size:14px;color:var(--muted);margin-bottom:0}
.timeline{position:relative;padding-left:28px;border-left:2px solid rgba(99,102,241,.25);display:grid;gap:17px}
.timeline-item{position:relative;background:#fff;border:1px solid var(--rule);padding:19px 22px;border-radius:15px}
.timeline-item:before{content:"";position:absolute;left:-37px;top:23px;width:14px;height:14px;border-radius:50%;border:3px solid #fff;background:var(--pink);box-shadow:0 0 0 1px rgba(225,29,143,.5)}
.timeline-item h3{margin-bottom:7px}.timeline-item p{font-size:15px;color:var(--muted);margin:6px 0 0}
.status-tag{display:inline-flex;font-size:12px;font-weight:800;color:#fff;background:var(--indigo);padding:2px 11px;border-radius:999px;white-space:nowrap}
.timeline-item:nth-child(2) .status-tag{background:var(--mint)}.timeline-item:nth-child(3) .status-tag{background:var(--amber)}
.app-highlight{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1fr);gap:32px;align-items:center;padding:28px;border:1px solid var(--rule);background:#fff;border-radius:20px}
.app-copy p{line-height:1.92;color:var(--muted)}
.app-brandline{display:flex;align-items:center;gap:16px;margin-bottom:12px}.app-brandline h2{margin:0}
.editorial-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.editorial-columns article{background:#fff;padding:22px;border-radius:18px;border:1px solid var(--rule)}
.editorial-columns p{color:var(--muted);font-size:15px}
.home-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.home-faq article{padding:21px;background:#fff;border:1px solid var(--rule);border-radius:15px}
.home-faq h3{margin-bottom:8px;font-size:16px}.home-faq p{margin:0;font-size:15px;color:var(--muted)}
.home-conclusion{border-top:1px solid var(--rule);padding:26px 0 4px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.home-conclusion p{max-width:830px;margin-bottom:0;color:var(--muted)}
/* Inner-page editorial systems */
.page-opening{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:28px;align-items:center;background:#fff;border-radius:20px;padding:28px;border:1px solid var(--rule);box-shadow:var(--shadow)}
.page-opening.no-image{grid-template-columns:1fr}
.page-opening h1{margin:3px 0 17px}
.page-opening .page-summary{margin-bottom:0;font-size:16px;color:var(--muted);line-height:1.95}
.page-opening .page-art{height:250px}
.page-header-line{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:18px}
.topic-pill{display:inline-flex;align-items:center;min-height:30px;padding:3px 12px;border-radius:999px;background:var(--cream);font-size:12px;font-weight:750;color:var(--muted)}
.inner-content{margin-top:30px;display:grid;gap:20px}
.chapter-article{border:1px solid var(--rule);border-radius:16px;background:#fff;padding:28px;min-width:0}
.chapter-article .article-number{color:var(--pink);font-weight:900;font-size:14px;letter-spacing:.14em;margin-bottom:7px}
.chapter-article h2{margin-bottom:16px}
.chapter-article p{font-size:16px;line-height:1.91;color:var(--body);margin-bottom:14px}
.chapter-article p:last-child{margin-bottom:0}
.inner-content.variant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.inner-content.variant-grid .chapter-article:nth-child(3n+1){grid-column:span 2}
.inner-content.variant-grid .chapter-article:nth-child(3n+1){background:#F9F6FF}
.inner-content.variant-shelf .chapter-article{border-left:6px solid var(--indigo);display:grid;grid-template-columns:110px 1fr;column-gap:20px}
.inner-content.variant-shelf .chapter-article:nth-child(2n){border-left-color:var(--pink)}
.inner-content.variant-shelf .chapter-article .article-number{grid-row:span 2;font-size:40px;align-self:start;color:var(--indigo)}
.inner-content.variant-shelf .chapter-article:nth-child(2n) .article-number{color:var(--pink)}
.inner-content.variant-shelf .chapter-article h2{grid-column:2}
.inner-content.variant-shelf .chapter-article p{grid-column:2}
.inner-content.variant-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
.inner-content.variant-steps .chapter-article{background:linear-gradient(160deg,#fff,#FBF9FF)}
.inner-content.variant-steps .article-number{font-size:35px;line-height:1.15}
.inner-content.variant-timeline{border-left:2px solid var(--indigo);margin-left:18px;padding-left:25px}
.inner-content.variant-timeline .chapter-article{position:relative}
.inner-content.variant-timeline .chapter-article:before{content:"";position:absolute;left:-35px;top:27px;width:14px;height:14px;border-radius:50%;background:var(--pink);border:3px solid var(--paper)}
.inner-content.variant-letter .chapter-article{border-radius:5px;padding:30px 40px;border-left:4px solid var(--pink);box-shadow:0 9px 23px rgba(26,18,48,.035)}
.inner-content.variant-letter .chapter-article:nth-child(even){border-left-color:var(--cyan)}
.inner-content.variant-mosaic{grid-template-columns:repeat(6,minmax(0,1fr))}
.inner-content.variant-mosaic .chapter-article{grid-column:span 3;min-height:225px}
.inner-content.variant-mosaic .chapter-article:nth-child(3n){grid-column:span 2;background:#F8F5FF}
.inner-content.variant-mosaic .chapter-article:nth-child(3n+1){background:#FFF8F1}
.related-block{margin-top:26px;background:var(--cream);border-radius:16px;padding:23px;border:1px solid var(--rule)}
.related-block h2{font-size:19px;margin-bottom:12px}
.related-block .related-links{display:flex;flex-wrap:wrap;gap:10px}
.related-block a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid rgba(26,18,48,.1);padding:0 16px;border-radius:99px;background:#fff;color:var(--ink);font-weight:750;font-size:14px}
.related-block a:hover{color:var(--pink);border-color:var(--pink)}
.page-ending{font-size:15px;color:var(--muted);background:#fff;border-left:4px solid var(--amber);padding:19px 24px;border-radius:9px;margin:22px 0 0}
.faq-article{padding:22px 26px;background:#fff;border:1px solid var(--rule);border-radius:16px;margin:0 0 13px}
.faq-article h2{font-size:17px;margin-bottom:9px}
.faq-article p{color:var(--body);font-size:15px;margin:0;line-height:1.86}
/* footer */
.site-footer{background:var(--ink);color:#F7EFE6;font-size:13px;border-top:4px solid var(--pink)}
.footer-wrap{padding-top:42px;padding-bottom:27px}
.footer-brand{max-width:520px;margin-bottom:28px}.footer-brand a{display:inline-flex;align-items:center;color:#fff}
.footer-brand .brand-type{color:#fff;font-size:22px}.footer-brand .brand-logo{max-height:36px}
.footer-brand p{color:#D4C9E5;margin:5px 0}.footer-brand .footer-en{font-weight:850;letter-spacing:.12em;color:#F5C1E5;margin:7px 0}
.footer-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding-bottom:25px}
.footer-cols section{display:flex;flex-direction:column;gap:7px}
.footer-cols h2{color:#FFF;font-size:15px;margin:0 0 8px}
.footer-cols a{min-height:25px;color:#DED5E7}
.footer-cols a:hover{color:#F6C0E6}
.footer-notice{border-top:1px solid rgba(255,255,255,.15);padding-top:22px;color:#DFD4E7;line-height:1.85}
.copyright{color:#BFB0CB;border-top:1px solid rgba(255,255,255,.1);padding-top:16px;margin-top:17px}
/* overlays */
body.layer-locked{overflow:hidden}
.modal-backdrop{position:fixed;inset:0;background:rgba(17,12,31,.66);z-index:100;visibility:hidden;pointer-events:none;opacity:0;transition:opacity .18s}
.modal-backdrop.is-open{visibility:visible;pointer-events:auto;opacity:1}
.overlay-panel{z-index:110;visibility:hidden;pointer-events:none;opacity:0;transition:opacity .18s,transform .18s;box-shadow:0 30px 90px rgba(26,18,48,.24)}
.overlay-panel.is-open{visibility:visible;pointer-events:auto;opacity:1}
.catalog-layer{position:fixed;top:50%;left:50%;width:min(840px,calc(100vw - 32px));max-height:min(88dvh,830px);background:#FFFDFB;border-radius:19px;transform:translate(-50%,-46%) scale(.985);display:flex;flex-direction:column;overflow:hidden}
.catalog-layer.is-open{transform:translate(-50%,-50%) scale(1)}
.catalog-head{padding:17px 22px;display:flex;gap:20px;justify-content:space-between;align-items:center;background:#F6F0F9;border-bottom:1px solid var(--rule)}
.catalog-ident{display:flex;gap:13px;align-items:center;min-width:0}
.catalog-ident .brand-type{font-size:20px}.catalog-ident .brand-logo{height:30px}
.catalog-ident>span:not(.brand-type){font-size:12px;color:var(--muted);white-space:nowrap}
.modal-close{min-height:44px;display:inline-flex;gap:8px;align-items:center;justify-content:center;padding:0 14px;border:1px solid var(--rule);background:#fff;border-radius:999px;color:var(--ink);font-size:14px;white-space:nowrap;font-weight:750}
.modal-close span{font-size:21px;line-height:1}
.catalog-pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow-y:auto;overscroll-behavior:contain}
.catalog-page{padding:24px 27px;min-width:0}
.catalog-page:nth-child(odd){border-right:1px solid var(--rule)}
.catalog-page:nth-child(n+3){border-top:1px solid var(--rule)}
.catalog-page h2{font-size:17px;margin-bottom:9px;color:var(--pink)}
.catalog-page ul{list-style:none;padding:0;margin:0}
.catalog-page li{border-bottom:1px dashed rgba(26,18,48,.09)}
.catalog-page li:last-child{border-bottom:0}
.catalog-page li a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 7px;padding:10px 0;min-height:62px}
.catalog-page li a strong{font-size:15px;color:var(--ink);line-height:1.4}
.catalog-page li a small{font-size:12px;color:var(--muted);line-height:1.6;grid-column:1}
.catalog-page li a .catalog-arrow{grid-row:1 / 3;grid-column:2;align-self:center;color:var(--pink)}
.catalog-page li a:hover strong{color:var(--pink)}
.search-layer{position:fixed;top:112px;left:50%;width:min(620px,calc(100vw - 32px));background:#fff;border:1px solid var(--rule);border-radius:20px;padding:25px;transform:translate(-50%,-12px)}
.search-layer.is-open{transform:translate(-50%,0)}
.search-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}
.search-head h2{font-size:21px;margin-bottom:0}.search-head .eyebrow{margin-bottom:5px}
.search-label{display:block;color:var(--muted);font-size:13px;margin-bottom:9px}
.search-input{display:block;width:100%;height:52px;border:1px solid rgba(99,102,241,.3);background:#F7F6FD;border-radius:13px;padding:0 16px;font-size:16px;color:var(--ink)}
.search-hint{font-size:13px;color:var(--muted);margin:20px 0 12px}
.search-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-height:38dvh;overflow-y:auto;overscroll-behavior:contain}
.search-list a{min-height:44px;border:1px solid var(--rule);border-radius:10px;display:flex;align-items:center;justify-content:space-between;padding:7px 12px;font-weight:750;font-size:13px;color:var(--ink)}
.search-list a:hover{color:var(--pink);border-color:var(--pink)}
.search-list a span{color:var(--pink)}
.search-empty{font-size:14px;color:var(--muted);margin-top:13px}
[hidden]{display:none!important}
.mobile-nav{display:none}
@media(max-width:1100px){
  .chart-list{grid-template-columns:repeat(3,minmax(0,1fr))}
  .topic-ribbons{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:840px){
  .hero-panel{grid-template-columns:1fr}
  .number-paper{grid-template-columns:1fr}
  .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .feature-grid article:nth-child(3){margin-top:0;grid-column:1 / -1;display:grid;grid-template-columns:.9fr 1.1fr}
  .feature-grid article:nth-child(3) .media-slot{height:100%}
  .shelf-layout{grid-template-columns:1fr}.shelf-layout .media-slot{height:230px}
  .editorial-columns{grid-template-columns:1fr 1fr}
  .steps{grid-template-columns:1fr 1fr}
}
@media(max-width:767px){
  html{scroll-behavior:auto}
  .wrap{width:calc(100% - 32px)}
  .masthead{height:72px}
  .chapter-nav{display:none}
  .site-main{padding-top:97px;padding-bottom:90px}
  .masthead-inner{gap:4px}
  .brand-logo{height:32px}
  .brand-type{font-size:18px}
  .masthead-actions{gap:4px}
  .mini-app{padding:0 10px;font-size:12px}
  .hero-panel{padding:17px;gap:20px;border-radius:17px}
  .media-slot.hero-art{height:260px;border-radius:15px}
  .site-main h1{font-size:29px}
  .section-block{margin-top:34px}
  .section-title-row{align-items:flex-start;gap:10px}
  .section-title-row h2{font-size:22px}
  .section-link{font-size:13px}
  .feature-grid{grid-template-columns:1fr}
  .feature-grid article,.feature-grid article:nth-child(2),.feature-grid article:nth-child(3){margin-top:0;grid-column:auto;display:block}
  .feature-grid article:nth-child(3) .media-slot{height:226px}
  .topic-ribbons{grid-template-columns:repeat(2,minmax(0,1fr))}
  .topic-ribbons a{padding:13px}
  .number-grid{gap:10px}
  .number-section{padding:20px}
  .number-tile{padding:12px}
  .ink-strip{grid-template-columns:1fr;gap:18px;padding:18px}
  .ink-strip .media-slot{height:210px}
  .theme-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .theme-wall a,.theme-wall a:nth-child(2),.theme-wall a:nth-child(3),.theme-wall a:nth-child(4),.theme-wall a:nth-child(5){grid-column:span 1;min-height:155px;padding:14px}
  .chart-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .book-row{grid-template-columns:40px minmax(0,1fr);gap:8px;padding:12px}
  .book-row>a{grid-column:2;justify-content:flex-start}
  .app-highlight{grid-template-columns:1fr;padding:18px;gap:18px}
  .app-highlight .app-art{height:320px}
  .editorial-columns{grid-template-columns:1fr}
  .home-faq{grid-template-columns:1fr}
  .home-conclusion{display:block}
  .home-conclusion .btn{margin-top:17px}
  .page-opening{grid-template-columns:1fr;gap:20px;padding:20px}
  .page-opening .page-art{height:215px}
  .inner-content.variant-grid,.inner-content.variant-steps{grid-template-columns:1fr}
  .inner-content.variant-grid .chapter-article:nth-child(3n+1){grid-column:auto}
  .inner-content.variant-mosaic{grid-template-columns:1fr}
  .inner-content.variant-mosaic .chapter-article,.inner-content.variant-mosaic .chapter-article:nth-child(3n){grid-column:auto}
  .inner-content.variant-shelf .chapter-article{display:block}
  .inner-content.variant-shelf .chapter-article h2,.inner-content.variant-shelf .chapter-article p{grid-column:auto}
  .inner-content.variant-shelf .chapter-article .article-number{font-size:25px}
  .chapter-article{padding:20px}
  .inner-content.variant-letter .chapter-article{padding:20px 24px}
  .footer-wrap{padding-top:34px;padding-bottom:35px}
  .footer-cols{grid-template-columns:1fr 1fr;gap:21px 16px}
  .site-footer{margin-bottom:calc(50px + env(safe-area-inset-bottom,0px))}
  .mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:90;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:calc(50px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:#fff;border-top:1px solid var(--rule);box-shadow:0 -4px 18px rgba(26,18,48,.07)}
  .mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;font-size:11px;line-height:1.25;color:var(--muted);font-weight:700;min-width:0}
  .mobile-nav .mobile-symbol{font-size:19px;line-height:1.05}
  .mobile-nav a.active{color:var(--pink);background:#FFF0F8}
  .modal-backdrop{z-index:100}
  .catalog-layer{width:calc(100vw - 24px);max-height:calc(100dvh - 36px);border-radius:15px}
  .catalog-pages{grid-template-columns:1fr}
  .catalog-page,.catalog-page:nth-child(odd),.catalog-page:nth-child(n+3){border-right:0;border-top:1px solid var(--rule);padding:17px 18px}
  .catalog-ident>span:not(.brand-type){display:none}
  .catalog-head{padding:12px 16px}
  .catalog-ident .brand-logo{height:29px}
  .search-layer{width:calc(100vw - 24px);top:88px;padding:18px}
  .search-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:55dvh}
  .steps{grid-template-columns:1fr 1fr}
}
@media(max-width:350px){
  .masthead-inner{gap:3px}
  .masthead .brand-type{font-size:16px}
  .masthead-brand{max-width:103px}
  .masthead .brand-logo{height:27px;max-width:103px}
  .mini-app{padding:0 7px;font-size:11px}
  .icon-button{width:44px;min-width:44px}
  .topic-ribbons{grid-template-columns:1fr}
  .theme-wall{grid-template-columns:1fr}
  .chart-list{grid-template-columns:1fr 1fr}
  .search-list{grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.accent-heading{color:var(--pink)}
.with-top-gap{margin-top:14px}
.season-paper{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.catalog-controls{display:flex;align-items:center;gap:8px}
.catalog-search-button{height:44px;padding:0 14px;border:1px solid var(--rule);border-radius:999px;background:#fff;color:var(--ink);font-size:14px;font-weight:700}
.catalog-search-button:hover{color:var(--pink);border-color:var(--pink)}
@media(max-width:767px){.masthead .search-open{display:none}.season-paper{grid-template-columns:1fr}.catalog-controls{gap:5px}.catalog-controls .modal-close,.catalog-search-button{padding-left:9px;padding-right:9px;font-size:12px}}

@media(min-width:841px){.hero-panel:before{content:"同人动漫 / DOUJIN ANIME";position:absolute;left:8px;top:45px;writing-mode:vertical-rl;font-size:10px;font-weight:800;letter-spacing:.13em;color:var(--pink)}}
.footer-brand a{min-height:44px}
@media(max-width:767px){.footer-cols a{min-height:44px;display:flex;align-items:center}}