*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#EFE6D0;color:#262014;font-family:"Noto Sans SC","Microsoft YaHei",Arial,sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden;padding-top:114px}.skip-link{position:fixed;left:16px;top:-80px;z-index:1200;background:#12100A;color:#F7F1E0;padding:8px 12px}.skip-link:focus{top:8px}.top-rail{position:fixed;z-index:1000;top:0;left:0;right:0;height:20px;background:#12100A;color:#A88830;font-size:12px}.rail-inner,.brand-inner,.wave-inner,.site-main,.footer-inner{width:min(960px,calc(100% - 32px));margin:0 auto}.rail-inner{height:20px;display:flex;align-items:center;justify-content:space-between}.text-button,.menu-button,.icon-close,.search-head button{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;min-height:44px}.top-rail .text-button{min-height:20px;padding:0}.brand-bar{position:fixed;z-index:990;top:20px;left:0;right:0;height:54px;background:#F7F1E0;border-bottom:1px solid rgba(74,58,18,.35)}.brand-inner{height:54px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand-link{display:flex;align-items:center;min-height:44px;color:#12100A;text-decoration:none}.brand-logo,.footer-logo,.drawer-brand img{height:24px;max-width:180px;object-fit:contain;object-position:center}.brand-fallback{font-size:16px;font-weight:800;letter-spacing:.08em}.brand-actions{display:flex;align-items:center;gap:8px}.header-app,.menu-button{height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border:1px solid rgba(74,58,18,.50);border-radius:4px;color:#262014;text-decoration:none;background:#F7F1E0;font-size:14px}.menu-button{min-width:60px}.wave-nav{position:fixed;z-index:980;top:74px;left:0;right:0;height:40px;background:#F7F1E0;border-bottom:1px solid rgba(18,16,10,.12)}.wave-inner{height:40px;display:flex;align-items:center;justify-content:flex-start;gap:26px}.wave-inner a{position:relative;display:flex;align-items:center;justify-content:center;width:220px;max-width:29%;height:34px;color:#564A30;text-decoration:none;font-size:13px}.wave-inner a i{position:absolute;left:0;right:0;bottom:0;height:6px;border:1px solid #4A3A12;border-radius:999px}.wave-inner a.is-current i{background:#A88830;border-color:#A88830}.site-main{padding:30px 0 64px}.page-hero{margin:0 0 28px;padding:28px 30px;background:#F7F1E0;border:1px solid rgba(18,16,10,.12);border-radius:4px;box-shadow:0 12px 28px rgba(18,16,10,.10)}.eyebrow{font-size:12px;color:#766844;letter-spacing:.16em;text-transform:uppercase}.page-hero h1,.intro-panel h1{font-size:24px;line-height:1.3;margin:8px 0 12px;color:#12100A}.page-hero p,.intro-panel p{margin:0}.lead{font-size:16px;color:#564A30}.btn-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.btn{height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:4px;text-decoration:none;font-size:14px;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#12100A 0%,#A88830 100%);color:#F7F1E0}.btn-secondary{background:#F7F1E0;color:#262014;border:1px solid #4A3A12}.btn:hover,.header-app:hover,.menu-button:hover,.footer-grid a:hover,.drawer a:hover,.search-links a:hover{transform:translateY(-1px)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #A88830;outline-offset:2px}.media-slot{background:#F7F1E0;border:1px solid rgba(18,16,10,.12);display:flex;align-items:center;justify-content:center;min-height:120px;overflow:hidden}.media-slot img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;object-position:center}.section-title{font-size:20px;color:#12100A;margin:0 0 10px}.section-copy{margin:0;color:#262014}.muted{color:#766844}.section-block{margin:22px 0;padding:24px;background:#F7F1E0;border:1px solid rgba(18,16,10,.12);border-radius:4px}.section-block h2{font-size:20px;margin:0 0 10px;color:#12100A}.section-block h3{font-size:16px;margin:18px 0 8px}.section-block p{margin:0 0 12px}.section-block p:last-child{margin-bottom:0}.home-index{display:flex;align-items:center;gap:16px;margin-bottom:16px}.home-index span{font-size:12px;color:#766844}.home-index .track{flex:1;height:6px;border:1px solid #4A3A12;border-radius:999px;position:relative}.home-index .track:after{content:"";position:absolute;left:0;top:0;bottom:0;width:34%;background:#A88830}.intro-panel{padding:30px;background:#F7F1E0;border:1px solid rgba(18,16,10,.12);border-radius:4px}.angle-section{margin:24px 0;min-height:180px;position:relative;background:#DDD2B6;border:1px solid rgba(74,58,18,.50);overflow:hidden}.angle-section .copy{padding:28px 46% 28px 28px}.angle-section .media-slot{position:absolute;right:0;top:0;width:46%;height:180px;border:0;border-left:1px solid rgba(74,58,18,.50);clip-path:polygon(18% 0,100% 0,100% 100%,0 100%)}.wide-feature{margin:24px 0;padding:26px;background:#F7F1E0;border:1px solid rgba(74,58,18,.50);box-shadow:0 12px 28px rgba(18,16,10,.10)}.wide-feature .media-slot{height:220px;margin:16px 0}.spine-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.spine-card{position:relative;padding:24px 24px 24px 42px;background:#F7F1E0;border:1px solid rgba(18,16,10,.12);min-height:220px}.spine-card:before{content:"";position:absolute;left:14px;top:16px;bottom:16px;width:7px;background:#4A3A12}.spine-card .media-slot{height:140px;margin-bottom:14px}.rack-cards{display:grid;grid-template-columns:1.2fr 1fr;gap:14px;margin:24px 0}.rack-head{grid-column:1/-1;height:180px}.rack-card{padding:22px;background:#E8DDC4;border:1px solid rgba(18,16,10,.12)}.period-band{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.period-item{padding:22px;background:#F7F1E0;border-top:4px solid #4A3A12}.period-item h3{margin:0 0 8px}.status-list{display:grid;gap:10px;margin:24px 0}.status-row{display:grid;grid-template-columns:120px 1fr;gap:18px;padding:16px 18px;background:#F7F1E0;border:1px solid rgba(18,16,10,.12);align-items:center}.status-badge{display:inline-flex;justify-content:center;padding:5px 10px;background:#12100A;color:#EFE6D0;border-radius:3px;font-size:13px}.app-home{margin:24px 0;padding:26px;background:#12100A;color:#EFE6D0}.app-home h2{color:#A88830}.app-home p{color:#EFE6D0}.app-images{display:grid;grid-template-columns:1fr 140px;gap:14px;margin-top:18px}.app-images .media-slot{height:300px;border-color:rgba(168,136,48,.5);background:#F7F1E0}.app-images .icon-slot{height:140px}.icon-slot img{width:48px;height:48px;flex:0 0 48px}.late-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.faq-mini{display:grid;grid-template-columns:1fr 1fr;gap:12px}.faq-mini article{padding:18px;background:#F7F1E0;border:1px solid rgba(18,16,10,.12)}.faq-mini h3{margin:0 0 6px}.wide-note{max-width:860px;margin:0 auto}.wide-note article{padding:28px;background:#F7F1E0;border-left:8px solid #4A3A12;border-top:1px solid rgba(18,16,10,.12);border-right:1px solid rgba(18,16,10,.12);border-bottom:1px solid rgba(18,16,10,.12);margin-bottom:18px}.wide-note .media-slot{height:230px;margin:16px 0}.cut-page{position:relative}.cut-page .hero-cut{display:grid;grid-template-columns:1.05fr .95fr;background:#DDD2B6;min-height:260px;border:1px solid rgba(74,58,18,.50);margin-bottom:20px}.cut-page .hero-cut .copy{padding:30px}.cut-page .hero-cut .media-slot{height:260px;clip-path:polygon(18% 0,100% 0,100% 100%,0 100%);border:0}.cut-page .cut-row{display:grid;grid-template-columns:150px 1fr;gap:24px;padding:22px 0;border-bottom:1px solid rgba(18,16,10,.12)}.book-spines{display:grid;gap:12px}.book-spines article{display:grid;grid-template-columns:54px 1fr;min-height:180px;background:#F7F1E0;border:1px solid rgba(18,16,10,.12)}.book-spines .spine-label{background:#4A3A12;color:#EFE6D0;writing-mode:vertical-rl;display:flex;align-items:center;justify-content:center;font-size:16px;letter-spacing:.12em;padding:12px}.book-spines .spine-body{padding:24px}.book-spines .media-slot{height:180px;margin-top:14px}.single-flow{max-width:780px;margin:0 auto}.single-flow article{padding:0 0 26px 28px;margin:0 0 26px;border-left:2px solid #4A3A12;position:relative}.single-flow article:before{content:"";position:absolute;width:11px;height:11px;border-radius:50%;background:#A88830;left:-6px;top:8px}.single-flow .media-slot{height:220px;margin-top:14px}.triple-period{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.triple-period article{background:#F7F1E0;border:1px solid rgba(18,16,10,.12);padding:22px}.triple-period .media-slot{height:160px;grid-column:1/-1}.timeline-status{display:grid;gap:12px}.timeline-status article{display:grid;grid-template-columns:140px 1fr;gap:20px;background:#F7F1E0;border-bottom:2px solid rgba(74,58,18,.50);padding:18px 20px}.check-list{display:grid;gap:10px}.check-list article{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:18px;background:#F7F1E0;border:1px solid rgba(18,16,10,.12)}.check-list .mark{width:26px;height:26px;border:2px solid #4A3A12;display:flex;align-items:center;justify-content:center;font-weight:800}.method-page .method-row{display:grid;grid-template-columns:120px 1fr;gap:22px;padding:22px 0;border-top:1px solid rgba(18,16,10,.12)}.method-page .method-row strong{color:#4A3A12;font-size:16px}.feature-list{display:grid;gap:14px}.feature-list article{padding:22px;background:#E8DDC4;border-left:4px solid #4A3A12}.center-cards{max-width:760px;margin:0 auto;display:grid;gap:16px}.center-cards article{background:#F7F1E0;border:1px solid rgba(18,16,10,.12);padding:24px;text-align:center}.center-cards article p{text-align:left}.center-cards .media-slot{height:200px;margin-bottom:14px}.app-page .app-copy{padding:28px;background:#F7F1E0;border:1px solid rgba(18,16,10,.12)}.app-page .app-visual{display:grid;grid-template-columns:1fr 150px;gap:16px;padding:20px;background:#DDD2B6}.app-page .app-visual .media-slot:first-child{height:320px}.app-page .app-visual .media-slot:last-child{height:150px}.legal-sections{display:grid;gap:14px}.legal-sections section{background:#F7F1E0;border:1px solid rgba(18,16,10,.12);padding:22px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.help-grid article{background:#F7F1E0;padding:22px;border:1px solid rgba(18,16,10,.12)}.faq-list details{background:#F7F1E0;border:1px solid rgba(18,16,10,.12);margin-bottom:10px;padding:16px 18px}.faq-list summary{cursor:pointer;font-weight:700;color:#12100A}.faq-list p{margin:10px 0 0}.contact-paths{display:grid;gap:14px}.contact-paths article{padding:22px;background:#F7F1E0;border-left:5px solid #A88830}.about-banner{height:200px;margin-bottom:20px}.about-statement{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.about-statement .brand-panel{background:#12100A;color:#EFE6D0;padding:24px}.about-statement .brand-panel h2{color:#A88830}.site-footer{background:#12100A;color:#EFE6D0;border-top:1px solid #A88830;padding:34px 0 calc(34px + env(safe-area-inset-bottom));font-size:13px}.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}.footer-brand div{display:flex;flex-direction:column}.footer-brand strong{font-size:16px}.footer-brand span{color:#A88830;letter-spacing:.12em}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.footer-grid h2{font-size:14px;color:#A88830;margin:0 0 10px}.footer-grid a{display:block;color:#EFE6D0;text-decoration:none;margin:4px 0}.footer-note{border-top:1px solid rgba(168,136,48,.35);padding-top:18px;margin:24px 0 8px}.copyright{margin:0;color:#A88830}.overlay{position:fixed;inset:0;background:rgba(18,16,10,.46);z-index:1100;opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.drawer{position:fixed;z-index:1120;right:16px;top:84px;width:min(32vw,420px);height:min(80vh,720px);background:#F7F1E0;border:1px solid rgba(74,58,18,.50);box-shadow:0 12px 28px rgba(18,16,10,.20);transform:translateX(calc(100% + 40px));visibility:hidden;pointer-events:none;transition:.25s;overflow:auto}.drawer.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-head{position:sticky;top:0;background:#F7F1E0;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid rgba(18,16,10,.12)}.drawer-brand{display:flex;align-items:center;gap:10px}.drawer-brand div{display:flex;flex-direction:column}.drawer-brand span{font-size:11px;color:#766844}.drawer-groups{padding:12px 16px 20px}.drawer-groups section{margin-bottom:18px}.drawer-groups h2{font-size:13px;color:#766844;margin:0 0 8px}.drawer-groups a{display:grid;grid-template-columns:72px 1fr;gap:10px;text-decoration:none;color:#262014;border-top:1px solid rgba(18,16,10,.12);padding:9px 0}.drawer-groups a span{font-size:12px;color:#766844}.search-panel{position:fixed;z-index:1130;top:74px;left:50%;width:min(720px,calc(100% - 32px));transform:translate(-50%,-18px);opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.search-panel.is-open{transform:translate(-50%,0);opacity:1;visibility:visible;pointer-events:auto}.search-card{background:#F7F1E0;border:1px solid rgba(74,58,18,.50);box-shadow:0 12px 28px rgba(18,16,10,.18);padding:18px}.search-head{display:flex;align-items:center;justify-content:space-between}.search-card label{display:block;font-size:13px;color:#564A30;margin:12px 0 6px}.search-card input{width:100%;height:44px;padding:0 12px;border:1px solid rgba(74,58,18,.50);background:#F7F1E0;color:#12100A}.search-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.search-links a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border:1px solid #4A3A12;color:#262014;text-decoration:none;background:#F7F1E0}.no-scroll{overflow:hidden}.mobile-bottom{display:none}
@media(max-width:760px){body{padding-top:74px;padding-bottom:calc(56px + env(safe-area-inset-bottom))}.rail-inner,.brand-inner,.site-main,.footer-inner{width:calc(100% - 32px)}.wave-nav{display:none}.brand-actions{gap:6px}.header-app,.menu-button{padding:0 10px}.site-main{padding-top:20px}.page-hero,.intro-panel{padding:22px 18px}.angle-section{min-height:unset}.angle-section .copy{padding:20px}.angle-section .media-slot{position:relative;width:100%;height:180px;clip-path:none;border-left:0;border-top:1px solid rgba(74,58,18,.50)}.spine-pair,.rack-cards,.late-grid,.help-grid,.about-statement{grid-template-columns:1fr}.rack-head{grid-column:auto}.period-band,.triple-period{grid-template-columns:1fr}.status-row,.timeline-status article,.method-page .method-row{grid-template-columns:1fr}.app-images,.app-page .app-visual{grid-template-columns:1fr}.app-images .icon-slot,.app-page .app-visual .media-slot:last-child{height:120px}.faq-mini{grid-template-columns:1fr}.cut-page .hero-cut{grid-template-columns:1fr}.cut-page .hero-cut .media-slot{clip-path:none;height:200px}.cut-page .cut-row{grid-template-columns:1fr;gap:8px}.footer-grid{grid-template-columns:1fr 1fr}.drawer{right:8px;top:82px;width:88%;height:min(80vh,720px)}.search-panel{inset:0;width:100%;transform:none;background:#12100A;display:flex;align-items:flex-start;justify-content:center;padding:28px 16px;opacity:0}.search-panel.is-open{transform:none;opacity:1}.search-card{width:100%;background:#12100A;color:#A88830;border-color:#A88830;box-shadow:none}.search-head button,.search-card label,.search-card p{color:#EFE6D0}.search-card input{background:#F7F1E0}.search-links a{background:#12100A;color:#A88830;border-color:#A88830}.mobile-bottom{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:0;right:0;bottom:0;z-index:1050;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#12100A;border-top:1px solid #A88830}.mobile-bottom a{display:flex;align-items:center;justify-content:center;color:#EFE6D0;text-decoration:none;font-size:13px;min-height:48px}.mobile-bottom a.is-current{background:#A88830;color:#12100A}.footer-grid{gap:14px}.book-spines article{grid-template-columns:44px 1fr}.about-banner{height:200px}}

/* HEILIAO layout refinements */
body{padding-top:122px}
.rail-inner,.brand-inner,.seal-inner,.site-main,.footer-inner{width:min(960px,calc(100% - 32px));margin:0 auto}
.seal-nav{position:fixed;z-index:980;top:74px;left:0;right:0;height:48px;background:#F7F1E0;border-bottom:1px solid rgba(18,16,10,.12)}
.seal-inner{height:48px;display:flex;align-items:center;gap:28px}
.seal-inner a{display:flex;align-items:center;gap:8px;min-height:44px;color:#564A30;text-decoration:none;font-size:13px}
.seal-inner i{width:18px;height:18px;border:1px solid #4A3A12;border-radius:50%;display:block;flex:0 0 18px}
.seal-inner a.is-current i{background:#A88830;border-color:#A88830}
.seal-index{display:flex;align-items:center;gap:14px;margin-bottom:14px;font-size:13px}
.seal-index .seal-dot{width:18px;height:18px;border-radius:50%;background:#A88830;border:1px solid #4A3A12}
.seal-index a{color:#4A3A12;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.home-intro{border-radius:0;box-shadow:none;border-left:5px solid #4A3A12}
.stagger-cut{position:relative;margin:24px 0;min-height:260px;background:#DDD2B6;border:1px solid rgba(74,58,18,.50);overflow:hidden;padding:28px 28px 28px 43%}
.stagger-cut .cut-copy{position:relative;z-index:2}
.stagger-cut .cut-media{position:absolute;left:0;bottom:0;width:40%;height:172px;border:0;border-right:1px solid rgba(74,58,18,.50);clip-path:polygon(0 18%,88% 0,100% 100%,0 100%)}
.note-columns{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px;margin:24px 0;padding:24px 0;border-top:1px solid rgba(18,16,10,.12);border-bottom:1px solid rgba(18,16,10,.12)}
.note-columns article{padding:0 18px}
.note-columns article:first-child{border-right:1px solid rgba(74,58,18,.50)}
.note-columns .media-slot{height:190px;margin-bottom:16px}
.note-columns h2{font-size:20px;margin:0 0 10px}.text-link{color:#4A3A12;font-weight:700;text-underline-offset:3px}
.fold-spines{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}
.fold-spines article{display:grid;grid-template-columns:46px 1fr;min-height:230px;background:#F7F1E0;border:1px solid rgba(18,16,10,.12)}
.fold-edge{background:#4A3A12;color:#EFE6D0;writing-mode:vertical-rl;display:flex;align-items:center;justify-content:center;padding:12px;font-weight:700;letter-spacing:.12em}
.fold-body{padding:22px}.fold-body .media-slot{height:140px;margin-bottom:12px}
.rack-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}
.rack-pair .rack-visual{grid-column:1/-1;height:180px}.rack-pair article{padding:22px;background:#E8DDC4;border:1px solid rgba(18,16,10,.12)}
.home-period>.media-slot,.home-history>.media-slot{height:180px;margin-bottom:18px}
.app-wrap-home{margin:24px 0;padding:26px;background:#12100A;color:#EFE6D0;border:1px solid #A88830}
.app-wrap-home h2{color:#A88830}.app-wrap-home p{color:#EFE6D0}.app-wrap-visual{display:grid;grid-template-columns:1fr 130px;gap:14px;margin:18px 0}.app-wrap-visual .media-slot:first-child{height:300px}.app-wrap-visual .icon-slot{height:130px}.app-wrap-visual .media-slot{background:#F7F1E0;border-color:rgba(168,136,48,.55)}
.reading-points,.brand-summary{margin:24px 0;padding:28px;background:#F7F1E0;border-left:6px solid #4A3A12}
.narrow-columns{max-width:820px;margin:0 auto;column-count:2;column-gap:32px;column-rule:1px solid rgba(74,58,18,.50)}
.narrow-columns article{break-inside:avoid;margin:0 0 22px;padding:18px;background:#F7F1E0;border-top:3px solid #4A3A12}
.narrow-columns article .media-slot{height:220px;margin:14px 0}.narrow-hero{max-width:820px;margin-left:auto;margin-right:auto}
.drawer{right:20px;top:auto;bottom:22px;width:260px;height:360px;max-height:360px;border-radius:0;transform:translate(28px,calc(100% + 44px));overflow:auto}
.drawer.is-open{transform:translate(0,0)}
.drawer-head{padding:10px 12px}.drawer-groups{padding:8px 12px 16px}.drawer-groups section{margin-bottom:14px}.drawer-groups a{grid-template-columns:70px 1fr;gap:8px;padding:8px 0}.drawer-groups a span{font-size:11px;line-height:1.45}
.page-hero,.section-block,.btn,.header-app,.menu-button{border-radius:0}
@media(max-width:760px){
 body{padding-top:74px;padding-bottom:calc(56px + env(safe-area-inset-bottom))}
 .seal-nav{display:none}
 .rail-inner,.brand-inner,.site-main,.footer-inner{width:calc(100% - 32px)}
 .stagger-cut{padding:22px 18px 0;min-height:unset}
 .stagger-cut .cut-media{position:relative;left:auto;bottom:auto;width:100%;height:172px;margin-top:18px;clip-path:polygon(0 14%,90% 0,100% 100%,0 100%);border-right:0;border-top:1px solid rgba(74,58,18,.50)}
 .note-columns{grid-template-columns:1fr;gap:14px}.note-columns article{padding:0}.note-columns article:first-child{border-right:0;border-bottom:1px solid rgba(74,58,18,.50);padding-bottom:18px}
 .fold-spines,.rack-pair,.app-wrap-visual{grid-template-columns:1fr}.rack-pair .rack-visual{grid-column:auto}
 .narrow-columns{column-count:1;column-rule:0}.drawer{right:8px;bottom:56px;top:auto;width:88%;height:min(360px,72vh);max-height:360px}
 .app-wrap-visual .icon-slot{height:110px}
}