:root{
  --bg:#fff7e5;--surface:#fffdf7;--surface-2:#f8e7bd;--line:rgba(164,98,18,.18);
  --ink:#352611;--muted:#7e6138;--yellow:#f7bb36;--gold:#e89a1f;--orange:#dd782d;--brown:#352611;
  --shadow:0 14px 34px rgba(53,38,17,.09);--radius:18px;--top:118px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.wrap{width:min(960px,calc(100% - 32px));margin:0 auto}.ui-locked{overflow:hidden}.top-shell{position:fixed;inset:0 0 auto 0;z-index:40;box-shadow:0 7px 22px rgba(53,38,17,.07)}.top-note{height:20px;background:var(--gold);font-size:12px}.top-note-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.plain-button,.menu-button,.close-button{border:0;background:transparent;cursor:pointer}.brand-row{height:54px;background:rgba(255,253,247,.98);border-bottom:1px solid var(--line)}.brand-row-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;min-width:0;font-weight:900;font-size:17px}.brand-logo{display:block;height:24px;max-width:210px;object-fit:contain;object-position:left center}.brand-actions{display:flex;align-items:center;gap:8px}.mini-link,.menu-button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 15px;border:1px solid rgba(232,154,31,.35);border-radius:999px;background:#fffaf0;font-size:13px;font-weight:800}.menu-button{background:linear-gradient(135deg,var(--yellow),var(--gold) 65%,var(--orange));box-shadow:0 6px 16px rgba(232,154,31,.22)}.quick-nav{height:44px;background:#f8e7bd;border-bottom:1px solid rgba(232,154,31,.22)}.quick-nav-inner{height:100%;display:flex;align-items:center;gap:8px;overflow:hidden}.quick-nav a{height:32px;display:inline-flex;align-items:center;padding:0 13px;border-radius:999px;white-space:nowrap;color:#684913;font-size:13px;font-weight:800}.quick-nav a.is-current{background:linear-gradient(135deg,var(--yellow),var(--gold));box-shadow:0 0 0 3px rgba(247,187,54,.25),0 8px 18px rgba(221,120,45,.22)}.site-main{padding-top:calc(var(--top) + 24px);padding-bottom:30px}h1,h2,h3{line-height:1.35;margin:0 0 12px}h1{font-size:clamp(28px,5vw,44px);letter-spacing:-.02em}h2{font-size:22px}h3{font-size:17px}p{margin:0 0 14px;color:#4b3820}.eyeline{display:inline-flex;align-items:center;gap:7px;margin-bottom:12px;color:#9a5e13;font-size:12px;font-weight:900;letter-spacing:.08em}.eyeline:before{content:"";width:22px;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--yellow),var(--orange))}.btn,.btn-secondary{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:12px;font-size:14px;font-weight:900;transition:.18s}.btn{background:linear-gradient(135deg,var(--yellow),var(--gold) 58%,var(--orange));box-shadow:0 6px 16px rgba(232,154,31,.22)}.btn-secondary{background:#fffaf0;border:1px solid rgba(232,154,31,.42)}.btn:hover,.menu-button:hover,.quick-nav .is-current:hover,.mobile-bottom .is-current:hover{filter:brightness(1.04);box-shadow:0 0 0 3px rgba(247,187,54,.32),0 10px 24px rgba(221,120,45,.25)}.btn:active,.menu-button:active{filter:brightness(1.07);box-shadow:0 0 0 4px rgba(221,120,45,.3),0 0 22px rgba(247,187,54,.42)}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.crumb{font-size:13px;color:var(--muted);margin-bottom:16px}.crumb a{text-decoration:underline;text-underline-offset:3px}.image-slot{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fffdf7,#f8e7bd);border:1px solid var(--line);border-radius:18px;overflow:hidden;min-height:160px}.image-slot img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.image-slot.landscape{height:176px}.image-slot.tall{height:320px;width:240px;max-width:100%}.image-slot.banner{height:210px;width:100%}.hero{margin-bottom:28px}.hero-shell{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(240px,.78fr);gap:22px;align-items:stretch}.hero-copy{padding:30px;border-radius:26px;background:radial-gradient(circle at 10% 0%,#ffe9a8 0,transparent 36%),linear-gradient(135deg,#fffdf7,#f8e7bd);border:1px solid var(--line);box-shadow:var(--shadow)}.hero-copy .lead{font-size:16px;max-width:690px}.hero-side{display:flex;flex-direction:column;gap:12px}.hero-side .image-slot{flex:1;min-height:210px}.hero-note{padding:16px 18px;border-radius:18px;background:#352611;color:#f8e7bd}.hero-note p{color:#f8e7bd;margin:0;font-size:13px}.topic-ribbon{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 0}.topic-ribbon a{display:inline-flex;padding:8px 12px;border-radius:999px;background:#fffaf0;border:1px solid var(--line);font-weight:800;font-size:13px}.section{margin-top:26px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:14px}.section-head p{margin:0;max-width:560px;color:var(--muted);font-size:13px}.feature-row{display:grid;grid-template-columns:1.08fr .92fr;gap:16px}.feature-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 10px 26px rgba(53,38,17,.05)}.feature-card.has-image{display:grid;grid-template-columns:190px 1fr;gap:16px;align-items:center}.feature-card .image-slot{height:160px}.story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.story-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:18px}.story-card .image-slot{margin-bottom:15px}.accent-panel{display:grid;grid-template-columns:1fr 220px;gap:18px;align-items:center;background:#352611;border-radius:24px;padding:24px;color:#f8e7bd}.accent-panel p{color:#f8e7bd}.accent-panel .image-slot{background:#fff9ea}.link-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.link-card{display:block;background:#fffdf7;border:1px solid var(--line);border-radius:16px;padding:16px;min-height:118px}.link-card b{display:block;margin-bottom:5px}.link-card span{display:block;color:var(--muted);font-size:13px;line-height:1.6}.page-head{margin-bottom:20px}.page-head-inner{display:grid;grid-template-columns:1fr 270px;gap:20px;align-items:center;padding:26px;border-radius:24px;background:linear-gradient(135deg,#fffdf7,#f8e7bd);border:1px solid var(--line)}.page-head .image-slot{height:180px}.page-lead{font-size:16px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:20px;align-items:start}.article-main{display:grid;gap:16px}.article-block{background:#fffdf7;border:1px solid var(--line);border-radius:18px;padding:20px}.article-aside{position:sticky;top:142px;display:grid;gap:12px}.aside-card{background:#f8e7bd;border:1px solid var(--line);border-radius:16px;padding:16px}.aside-card a{font-weight:800;text-decoration:underline;text-underline-offset:3px}.status-list{display:grid;gap:12px}.status-item{display:grid;grid-template-columns:130px 1fr;gap:14px;padding:16px;border-radius:16px;background:#fffdf7;border:1px solid var(--line)}.status-tag{display:inline-flex;align-items:center;justify-content:center;align-self:start;min-height:38px;border-radius:999px;background:#f8e7bd;font-weight:900}.steps{counter-reset:step;display:grid;gap:12px}.step{counter-increment:step;display:grid;grid-template-columns:46px 1fr;gap:14px;background:#fffdf7;border:1px solid var(--line);border-radius:18px;padding:18px}.step:before{content:counter(step);width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--yellow),var(--orange));font-weight:900}.faq-list{display:grid;gap:12px}.faq-item{background:#fffdf7;border:1px solid var(--line);border-radius:18px;padding:18px}.faq-item h2{font-size:17px}.app-feature{display:grid;grid-template-columns:1fr 260px;gap:22px;align-items:center}.app-visual{display:flex;flex-direction:column;align-items:center;gap:10px}.app-icon{width:48px;height:48px;object-fit:contain}.site-footer{background:#352611;color:#f8e7bd;border-top:2px solid var(--orange);padding:30px 0 70px}.footer-top{display:grid;grid-template-columns:220px 1fr;gap:26px}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{height:24px;max-width:150px;object-fit:contain}.footer-brand span{display:block;color:#eecf8a;font-size:12px}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.footer-links h2{font-size:13px;color:#f0b64f}.footer-links a{display:block;margin:6px 0;color:#f8e7bd;font-size:13px}.footer-note{margin-top:22px;padding-top:18px;border-top:1px solid rgba(248,231,189,.16)}.footer-note p{color:#f8e7bd;font-size:12px;margin:5px 0}.ui-overlay{position:fixed;inset:0;z-index:70;background:rgba(28,20,10,.5);opacity:0;pointer-events:none;transition:.18s}.ui-overlay.is-open{opacity:1;pointer-events:auto}.menu-drawer{position:fixed;z-index:80;top:84px;right:16px;width:min(460px,36vw);max-height:70vh;background:#fffdf7;border:1px solid var(--line);border-radius:22px;box-shadow:0 24px 60px rgba(28,20,10,.3);transform:translateX(calc(100% + 30px));visibility:hidden;pointer-events:none;transition:.2s;overflow:hidden}.menu-drawer.is-open{transform:none;visibility:visible;pointer-events:auto}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;border-bottom:1px solid var(--line)}.drawer-title{display:flex;align-items:center;gap:9px}.drawer-title img{height:24px;max-width:130px;object-fit:contain}.drawer-body{max-height:calc(70vh - 60px);overflow:auto;padding:16px}.drawer-body section+section{margin-top:16px}.drawer-body h2{font-size:13px;color:#956013}.drawer-body a{display:grid;grid-template-columns:120px 1fr;gap:9px;padding:10px 0;border-bottom:1px dashed rgba(164,98,18,.16)}.drawer-body span{font-size:12px;color:var(--muted)}.close-button{min-height:40px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#fffaf0}.search-sheet{position:fixed;z-index:81;left:50%;top:86px;width:min(760px,calc(100% - 32px));transform:translate(-50%,-20px);opacity:0;visibility:hidden;pointer-events:none;transition:.18s}.search-sheet.is-open{transform:translate(-50%,0);opacity:1;visibility:visible;pointer-events:auto}.search-card{background:#fffdf7;border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 24px 60px rgba(28,20,10,.25)}.search-head{display:flex;align-items:start;justify-content:space-between;gap:14px}.search-head p{margin:3px 0 0;color:var(--muted);font-size:13px}.search-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.search-links a{padding:9px 13px;border-radius:999px;background:#f8e7bd;font-weight:800;font-size:13px}.mobile-bottom{display:none}
@media(max-width:760px){:root{--top:74px}.quick-nav{display:none}.site-main{padding-top:calc(var(--top) + 18px);padding-bottom:72px}.brand-actions{gap:5px}.mini-link,.menu-button{padding:0 10px;min-height:44px}.hero-shell,.page-head-inner,.feature-row,.article-layout,.app-feature,.accent-panel{grid-template-columns:1fr}.hero-copy,.page-head-inner{padding:21px}.hero-side .image-slot{min-height:180px}.feature-card.has-image{grid-template-columns:1fr}.story-grid,.link-list{grid-template-columns:1fr}.article-aside{position:static}.status-item{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(2,1fr)}.menu-drawer{top:76px;right:8px;width:86%;max-height:74vh}.drawer-body{max-height:calc(74vh - 60px)}.drawer-body a{grid-template-columns:105px 1fr}.search-sheet{top:74px;left:0;width:100%;height:calc(100dvh - 74px);transform:translateY(-10px)}.search-sheet.is-open{transform:none}.search-card{height:100%;border-radius:0;background:#352611;color:#f8e7bd}.search-head p{color:#f8e7bd}.search-links a{background:#f8e7bd;color:#352611}.mobile-bottom{position:fixed;z-index:60;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);height:calc(50px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fffdf7;border-top:1px solid var(--line);box-shadow:0 -8px 20px rgba(53,38,17,.08)}.mobile-bottom a{display:grid;place-items:center;font-size:12px;font-weight:900}.mobile-bottom a.is-current{background:linear-gradient(135deg,var(--yellow),var(--gold));box-shadow:0 0 0 3px rgba(247,187,54,.24) inset}.site-footer{padding-bottom:90px}.image-slot.tall{width:100%}}
