:root{--bg:#F4EDE3;--paper:#FFF8F0;--layer:#E8DCCB;--ink:#2A2118;--body:#3A3128;--muted:#6A5C4E;--brown:#8B5A2B;--orange:#C46A3A;--deep:#2F241A;--green:#3D5C3A}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--body);font:16px/1.78 system-ui,-apple-system,"Microsoft YaHei",sans-serif;overflow-x:hidden}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}a,button,input{outline-offset:3px}a:hover{color:var(--brown)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--orange)}.container{width:min(1160px,calc(100% - 48px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:40;background:var(--paper);box-shadow:0 1px 0 #b5a48e}.brandbar{height:68px;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;min-width:0;line-height:1.15}.brand strong{display:block;font-size:19px;white-space:nowrap}.brand small{display:block;font-size:10px;letter-spacing:.1em;margin-top:5px}.brand-logo{display:block;max-height:30px;width:auto;max-width:104px;object-fit:contain}.brand-glyph{font-size:29px;color:var(--brown)}.brand-sub{margin:auto;color:var(--muted);font-size:14px}.head-actions{display:flex;align-items:center;gap:12px}.head-actions button,.topnav button{border:1px solid #b9a48c;background:transparent;color:var(--ink);border-radius:10px;min-height:44px;padding:0 13px}.head-actions .icon-btn{font-size:29px;width:44px;padding:0;line-height:1}.app-link{white-space:nowrap;font-weight:650}.topnav{background:#e9d6c6}.nav-inner{display:flex;align-items:center;gap:23px;min-height:48px}.nav-inner>a{white-space:nowrap;font-size:14px;line-height:45px;border-bottom:3px solid transparent}.nav-inner>a.active{border-bottom-color:var(--brown);font-weight:750}.nav-inner>button{margin-left:auto;border:0;white-space:nowrap;font-size:14px}.site-footer{background:var(--deep);color:var(--paper);margin-top:70px;padding:48px 0 22px}.foot-grid{display:grid;grid-template-columns:2fr repeat(5,1fr);gap:28px}.foot-brand p{max-width:230px;color:#e0d2c3;font-size:14px}.foot-links h2{font-size:15px;margin:0 0 12px}.foot-links a{display:block;font-size:13px;margin:8px 0;color:#e0d2c3}.site-footer a:hover{color:white;text-decoration:underline}.foot-bottom{border-top:1px solid #6d5949;margin-top:34px;padding-top:17px;font-size:12px;color:#e0d2c3}.foot-bottom p{margin:5px 0}.mobile-nav{display:none}.shade{position:fixed;inset:0;background:#21180fc4;z-index:44}.shade[hidden]{display:none}.overlay-panel{position:fixed;z-index:45;top:68px;visibility:hidden;pointer-events:none;opacity:0;transform:translateY(-8px);transition:opacity .15s,transform .15s;background:var(--paper);border:1px solid #cbb9a4;box-shadow:0 15px 50px #241a1240;border-radius:0 0 13px 13px}.overlay-panel.open{visibility:visible;pointer-events:auto;opacity:1;transform:none}.menu-panel{left:50%;width:min(1040px,calc(100% - 32px));max-height:calc(100dvh - 84px);overflow-y:auto;transform:translate(-50%,-8px)}.menu-panel.open{transform:translate(-50%,0)}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;border-bottom:1px solid #d3c4b4}.panel-head button{border:0;background:transparent;font-size:28px;width:44px;height:44px}.menu-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(210px,.8fr);gap:28px;padding:22px}.menu-groups section{border-bottom:1px solid #dfd0be;padding:8px 0 16px}.menu-groups h2{font-size:15px;margin:0 0 8px;color:var(--green)}.menu-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.menu-links a{padding:7px;border-radius:6px}.menu-links a:hover{background:var(--bg)}.menu-links b,.menu-links small{display:block}.menu-links b{font-size:14px}.menu-links small{font-size:12px;color:var(--muted);line-height:1.5}.reading-route{background:var(--green);color:var(--paper);padding:22px;border-radius:12px;align-self:start}.reading-route h2{line-height:1.35}.reading-route a{text-decoration:underline}.search-panel{right:max(16px,calc((100vw - 1160px)/2));width:min(520px,calc(100% - 32px));padding-bottom:22px}.search-panel label,.search-panel input,.search-panel .muted,.quick-links{display:block;margin:10px 22px}.search-panel input{width:calc(100% - 44px);border:1px solid #9c8772;border-radius:8px;min-height:44px;padding:8px 12px;background:white}.muted{color:var(--muted);font-size:13px}.quick-links{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.quick-links a{background:var(--bg);padding:10px;border-radius:7px;min-height:44px}.eyebrow{display:inline-block;font-size:12px;letter-spacing:.16em;color:var(--orange);font-weight:700}.reading-route .eyebrow,.dark .eyebrow{color:#f4c799}.page-hero{padding:48px 0 25px;border-bottom:1px solid #cebb9f}.page-hero h1,.hero h1{font-size:32px;line-height:1.32;color:var(--ink);margin:9px 0 16px}.page-hero p{max-width:780px;font-size:17px;margin:0;color:var(--muted)}.section{padding:48px 0;border-bottom:1px solid #d5c4b1}.section h2{font-size:26px;line-height:1.4;margin:0 0 15px;color:var(--ink)}.section h3{font-size:19px;line-height:1.4;margin:12px 0}.section p{margin:0 0 16px}.section p:last-child{margin-bottom:0}.section .overline{font-size:12px;letter-spacing:.13em;font-weight:750;color:var(--brown)}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.93fr);gap:34px;align-items:center}.split.reverse{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.split.reverse .copy{order:2}.split.reverse .visual{order:1}.visual{background:var(--layer);border:1px solid #d6c5b1;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:14px;min-width:0;min-height:145px}.visual img{display:block;width:100%;height:auto;max-width:100%;max-height:200px;object-fit:contain;object-position:center}.visual.placeholder{aspect-ratio:16/9;text-align:center;font-size:19px;font-weight:750;color:var(--deep);background:linear-gradient(135deg,#e8dccb,#f8eee0)}.hero{display:grid;grid-template-columns:46fr 54fr;gap:35px;align-items:center;padding:47px 0 36px}.hero p{max-width:480px}.hero .visual img{max-height:300px}.hero .visual{min-height:250px}.btnrow,.linkrow{display:flex;flex-wrap:wrap;gap:12px;margin-top:19px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 17px;background:var(--brown);color:var(--paper);border-radius:9px;font-weight:700}.btn:hover{background:var(--deep);color:white}.btn.secondary{background:var(--paper);color:var(--deep);border:1px solid var(--brown)}.text-link{color:var(--brown);font-weight:750;text-decoration:underline;text-underline-offset:4px;display:inline-block;margin-right:16px}.chips{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.chip{border:1px solid #c6af95;border-radius:7px;padding:7px 12px;background:var(--paper)}.two-up{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:start}.two-up>.section{border:1px solid #dac7ae;background:var(--paper);border-radius:12px;padding:24px}.two-up>.section:nth-child(2){margin-top:24px}.two-up .visual{margin:16px 0}.timeline{border-left:2px solid var(--brown);padding-left:24px}.timeline p{border-bottom:1px solid #d5c4b1;padding:12px 0}.dark{background:var(--green);color:var(--paper);border-radius:14px;padding:34px;margin:30px 0}.dark h2,.dark h3{color:var(--paper)}.dark .visual{background:#54704f;border-color:#789371}.dark .visual.placeholder{background:#54704f;color:var(--paper)}.dark .btn{background:var(--paper);color:var(--green)}.dark .text-link{color:#f6d9b0}.list-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.list-columns>div{border-top:3px solid var(--brown);padding:15px 0}.list-columns h3{margin-top:0}.status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:20px}.status-grid>div{padding:16px;background:var(--paper);border:1px solid #d5c4b1;border-radius:9px}.status-grid strong{display:block;color:var(--green)}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:40px}.article-layout aside{padding:20px;background:var(--layer);align-self:start;border-radius:10px}.article-layout aside a{display:block;margin:12px 0;text-decoration:underline}.prose{max-width:850px}.prose p{margin:0 0 16px}.prose h2{margin:34px 0 12px;font-size:24px;color:var(--ink)}.prose h3{margin:24px 0 8px;font-size:19px}.prose .visual{margin:23px 0}.related{background:var(--paper);padding:24px;border-radius:12px;margin-top:35px;border:1px solid #d4c2ac}.related a{display:inline-block;margin:5px 15px 5px 0;text-decoration:underline;color:var(--brown);font-weight:700}.faq-item{border-bottom:1px solid #d0bea8;padding:18px 0}.faq-item h2{font-size:19px;margin:0 0 8px}.faq-item p{margin:0}.app-preview img{max-height:400px}.app-icon img{max-height:72px;width:auto}.app-icon{min-height:80px;max-width:105px}.home-tail{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.home-tail article{padding:20px;border:1px solid #dac9b8;background:var(--paper);border-radius:10px}h1,h2,h3{scroll-margin-top:135px} @media(max-width:900px){.container{width:calc(100% - 48px)}.nav-inner{gap:12px}.nav-inner>a{font-size:12px}.foot-grid{grid-template-columns:repeat(3,1fr)}.foot-brand{grid-column:1/-1}.article-layout{grid-template-columns:1fr}.article-layout aside{display:none}.menu-links{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.container{width:calc(100% - 32px)}.brandbar{gap:8px}.brand-sub,.topnav,.app-link{display:none}.head-actions{margin-left:auto;gap:6px}.brand strong{font-size:16px}.brand small{font-size:9px}.brand-logo{max-width:73px;max-height:30px}.menu-btn{padding:0 8px!important}.page-hero{padding:29px 0 20px}.page-hero h1,.hero h1{font-size:28px}.page-hero p{font-size:16px}.hero,.split,.split.reverse,.two-up,.list-columns,.status-grid,.home-tail{grid-template-columns:1fr}.hero{gap:20px;padding:25px 0}.split.reverse .copy,.split.reverse .visual{order:initial}.hero .visual{min-height:165px}.hero .visual img{max-height:240px}.visual img{max-height:180px}.section{padding:30px 0}.section h2{font-size:23px}.two-up>.section:nth-child(2){margin-top:0}.dark{padding:21px;margin:22px 0}.menu-panel{width:100%;left:0;top:68px;border-radius:0;max-height:calc(100dvh - 78px);transform:translateY(-8px)}.menu-panel.open{transform:none}.menu-layout{display:block;padding:12px 17px}.menu-links{grid-template-columns:1fr}.menu-links a{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.menu-links small{text-align:right;max-width:62%}.reading-route{margin:16px 0}.search-panel{right:16px;top:68px}.foot-grid{grid-template-columns:repeat(2,1fr);gap:15px}.site-footer{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.foot-brand{grid-column:1/-1}.foot-links a{min-height:28px}.mobile-nav{position:fixed;z-index:42;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,1fr);height:calc(58px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--paper);border-top:1px solid #c3b09d}.mobile-nav a{min-height:58px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;border-top:3px solid transparent;color:var(--muted);font-size:19px;line-height:1.1}.mobile-nav small{font-size:11px}.mobile-nav a.active{border-top-color:var(--green);color:var(--green);font-weight:750}.shade{z-index:44}.overlay-panel{z-index:45}.app-preview img{max-height:320px}}