*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#090909;color:#171717;font:16px/1.8 system-ui,-apple-system,"Microsoft YaHei",sans-serif}a{color:#171717;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #9b6600;outline-offset:3px}a:hover{text-decoration:underline}.site-head{position:sticky;top:0;z-index:20;box-shadow:0 4px 16px #0008}.topline{height:25px;background:#f0d891;display:flex;justify-content:space-between;align-items:center;padding:0 max(16px,calc((100vw - 1220px)/2));font-size:12px}.topline button{background:transparent;border:0;color:#111}.mast{height:64px;background:#f7e9b5;border-bottom:1px solid #b78d18;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 max(16px,calc((100vw - 1220px)/2))}.brand{display:flex;align-items:center;min-width:0}.logo{display:block;width:auto;max-width:185px;max-height:36px;height:auto;object-fit:contain;object-position:left center}.mast button,.app-link{border:1px solid #b78d18;background:#ffe792;color:#111;border-radius:9px;padding:7px 18px;min-height:44px}.quick{height:42px;display:flex;gap:8px;align-items:center;background:#e9c65c;padding:0 max(16px,calc((100vw - 1220px)/2));overflow-x:auto}.quick a{white-space:nowrap;padding:2px 12px;border-radius:6px}.quick .active{background:#f6d664}.container{max-width:1220px;margin:26px auto 50px;padding:0 16px}.panel,.card,.hero,.article-panel{background:#f7e9b5;border:1px solid #b78d185e;border-radius:15px;padding:24px;min-width:0;overflow-wrap:anywhere}.hero{background:linear-gradient(135deg,#fff0bc,#e9c65c);margin-bottom:22px}.hero h1{font-size:clamp(28px,3vw,34px);line-height:1.3}.hero-image{display:block;width:100%;height:auto;max-height:300px;object-fit:contain;object-position:center;margin:0 auto 18px}.topic-image{display:block;width:100%;height:auto;max-height:220px;object-fit:contain;object-position:center;margin:12px auto}.app-image{max-height:420px}.section-title{color:#f6d664;margin:32px 0 12px;font-size:23px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card h3{margin:0 0 8px}.card p{margin:8px 0}.card a,.btn{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid #b78d18;border-radius:9px;background:#ffe792;font-weight:600}.btn-row{display:flex;flex-wrap:wrap;gap:12px}.article-panel{max-width:900px;margin:0 auto}.article-panel h1{font-size:30px;line-height:1.4}.article-panel h2{margin-top:28px}.article-panel p{margin:14px 0}.footer{background:#090909;padding:18px 16px 26px}.footer-inner{max-width:1220px;margin:auto;background:#e9c65c;border-radius:16px;padding:26px}.footer-brand{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.footer-brand p{width:100%}.footer-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.footer-groups section{display:flex;flex-direction:column}.footer-groups a{padding:4px 0}.copyright{border-top:1px solid #b78d18;padding-top:15px}.shade{position:fixed;inset:0;background:#0009;z-index:29}.shade[hidden],.search-panel[hidden]{display:none}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(390px,86vw);background:#fff0bc;z-index:30;transform:translateX(102%);visibility:hidden;pointer-events:none;overflow-y:auto;transition:transform .2s ease,visibility .2s}.drawer.open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-head{position:sticky;top:0;background:#e9c65c;display:flex;align-items:center;justify-content:space-between;padding:12px;z-index:1}.drawer-head span{display:flex;align-items:center;gap:8px}.drawer-head .logo{max-width:100px}.drawer-head button,.search-inner button{min-height:44px;background:#ffe792;border:1px solid #b78d18;border-radius:8px}.drawer-group{margin:12px;background:#f7e9b5;border-radius:12px;padding:12px}.drawer-group h2{margin:0}.drawer-group a{display:block;border-bottom:1px solid #b78d185e;padding:7px 4px}.drawer-group small{display:block;color:#494132}.locked{overflow:hidden}.search-panel{position:fixed;inset:90px 0 auto;z-index:31;background:#f0d891;padding:20px;box-shadow:0 12px 32px #0008}.search-inner{max-width:850px;margin:auto}.search-links{display:flex;gap:12px;flex-wrap:wrap}.search-links a{background:#fff0bc;border:1px solid #b78d18;border-radius:8px;padding:8px 14px;min-height:44px}.bottom-nav{display:none}@media(max-width:800px){.quick{display:none}.container{margin-top:16px}.grid,.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;z-index:19;background:#e9c65c;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid #b78d18}.bottom-nav a{display:grid;place-items:center;min-height:50px;font-size:13px}.footer{padding-bottom:calc(75px + env(safe-area-inset-bottom))}.search-panel{inset:0;background:#e9c65c;overflow-y:auto}.hero,.card,.article-panel{padding:18px}}@media(max-width:520px){.grid,.grid.four{grid-template-columns:1fr}.mast{gap:5px}.mast button,.app-link{padding:6px 9px;font-size:13px}.logo{max-width:120px;max-height:36px}.topline{font-size:10px}.article-panel h1{font-size:27px}}