*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f0e8;color:#211d18;font:15px/1.75 system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}button{font:inherit}.locked{overflow:hidden}.mast{position:fixed;z-index:1000;inset:0 0 auto;height:68px;background:#171512;color:#fff9ed;border-bottom:1px solid rgba(207,164,72,.7)}.mast-inner{height:100%;max-width:1080px;margin:auto;padding:0 18px;display:flex;align-items:center;gap:10px}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand img,.foot-brand img,.mini-brand img{height:30px;max-width:120px;object-fit:contain}.brand span{display:flex;flex-direction:column;line-height:1.1}.brand b{font-size:16px}.brand small{font-size:10px;letter-spacing:.15em;color:#cbbfa7}.search-btn{margin-left:auto}.search-btn,.menu-btn,.app-entry{height:42px;padding:0 14px;border-radius:9px;border:1px solid rgba(255,249,237,.25);background:transparent;color:#fff9ed;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.menu-btn{background:#d4aa52;color:#171512;border-color:#d4aa52;font-weight:700}.quickbar{position:fixed;z-index:950;top:68px;left:0;right:0;height:44px;background:#fffaf0;border-bottom:1px solid #ded2bd}.quick-inner{max-width:1080px;margin:auto;padding:7px 18px;display:flex;gap:8px}.quick-inner a{height:30px;display:flex;align-items:center;padding:0 14px;border-radius:999px;font-size:13px;color:#5a4f40}.quick-inner a.active{background:#241f19;color:#fff9ed}.shell{max-width:1080px;margin:auto;padding:140px 18px 72px}.crumb{font-size:13px;color:#847765;margin-bottom:18px}.crumb a{text-decoration:underline;text-underline-offset:3px}.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#9b7840}.hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:30px;align-items:center;padding:28px 0 42px}.hero h1,.page-head h1{font-size:34px;line-height:1.25;margin:8px 0 12px;color:#171512}.hero .lead{font-size:19px;font-weight:700;max-width:680px}.hero-art{height:300px;background:#e9dfcd;border:1px solid #d8c7a9;border-radius:20px;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-art img,.media img,.banner img,.app-art img{width:100%;height:100%;object-fit:contain;object-position:center}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.btn{min-height:42px;padding:0 17px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#211d18;color:#fff9ed;font-weight:700;font-size:14px;box-shadow:0 8px 22px rgba(33,29,24,.12);transition:.18s}.btn.alt{background:#fffaf0;color:#211d18;border:1px solid #d8c7a9;box-shadow:none}.btn:hover{transform:translateY(-1px)}.section{padding:36px 0;border-top:1px solid #dbd0bd}.section h2,.article h2{font-size:22px;line-height:1.35;margin:0 0 10px;color:#171512}.section h3,.article h3{font-size:16px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:#fffaf0;border:1px solid #ddd0b9;border-radius:16px;padding:18px;box-shadow:0 12px 30px rgba(33,29,24,.06)}.card .num{font-size:12px;color:#9b7840;letter-spacing:.1em}.card p{color:#5a4f40}.split{display:grid;grid-template-columns:1fr 300px;gap:28px;align-items:center}.split.reverse{grid-template-columns:300px 1fr}.media{height:190px;background:#e9dfcd;border-radius:16px;border:1px solid #d8c7a9;display:flex;align-items:center;justify-content:center;overflow:hidden}.strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.strip a{background:#211d18;color:#fff9ed;border-radius:14px;padding:16px;min-height:120px;display:flex;flex-direction:column;justify-content:flex-end}.strip small{color:#cbbfa7}.feature-list{display:grid;gap:12px}.feature{display:grid;grid-template-columns:140px 1fr;gap:18px;background:#fffaf0;border:1px solid #ddd0b9;border-radius:16px;padding:14px}.feature .media{height:110px}.feature h3{margin:2px 0 6px}.quote{background:#211d18;color:#fff9ed;border-radius:18px;padding:28px}.quote h2{color:#fff9ed}.quote p{max-width:760px}.page-head{max-width:780px;margin-bottom:24px}.page-head h1{font-size:30px}.article{max-width:840px}.article p{color:#4c4338}.article .media{height:210px;margin:20px 0}.article .banner{height:220px;background:#e9dfcd;border:1px solid #d8c7a9;border-radius:18px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:20px 0}.blocks{display:grid;gap:16px}.block{background:#fffaf0;border:1px solid #ddd0b9;border-radius:16px;padding:20px}.block h2{margin-top:0}.pill-row{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.pill{padding:7px 12px;border-radius:999px;background:#eadfc9;color:#4e4438;font-size:13px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.app-wrap{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:start}.app-art{height:360px;background:#e9dfcd;border:1px solid #d8c7a9;border-radius:18px;display:flex;align-items:center;justify-content:center;overflow:hidden}.icon-box{width:58px;height:58px;border-radius:14px;border:1px solid #d8c7a9;background:#fffaf0;display:flex;align-items:center;justify-content:center;margin-top:10px}.icon-box img{width:48px;height:48px;object-fit:contain}.footer{background:#171512;color:#fff9ed;border-top:1px solid #d4aa52}.footer-inner{max-width:1080px;margin:auto;padding:34px 18px 88px}.foot-brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}.foot-brand div{display:flex;flex-direction:column}.foot-brand span{font-size:12px;color:#cbbfa7}.foot-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.foot-cols h3{font-size:14px}.foot-cols a{display:block;font-size:13px;color:#ddd3c0;margin:5px 0}.foot-note,.copyright{font-size:13px;color:#cbbfa7}.shade{position:fixed;z-index:1100;inset:0;background:rgba(23,21,18,.55);opacity:0;pointer-events:none;transition:.18s}.shade.on{opacity:1;pointer-events:auto}.menu-panel{position:fixed;z-index:1200;top:78px;right:24px;width:min(560px,calc(100vw - 32px));max-height:76vh;overflow:auto;background:#fffaf0;color:#211d18;border-radius:18px;padding:20px;box-shadow:0 24px 70px rgba(23,21,18,.28);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px);transition:.18s}.menu-panel.open{opacity:1;visibility:visible;pointer-events:auto;transform:none}.panel-head{display:flex;align-items:center;justify-content:space-between}.panel-head button{height:38px;padding:0 12px;border-radius:8px;border:1px solid #d8c7a9;background:#fff;cursor:pointer}.mini-brand{display:flex;align-items:center;gap:10px}.menu-panel section{padding-top:14px}.menu-panel section h3{font-size:13px;color:#8a7558}.menu-panel section a{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:10px 0;border-top:1px solid #eadfc9}.menu-panel section span{font-size:13px;color:#6d6152}.search-panel{position:fixed;z-index:1250;top:78px;right:24px;width:min(440px,calc(100vw - 32px));background:#fffaf0;color:#211d18;border-radius:18px;padding:20px;box-shadow:0 24px 70px rgba(23,21,18,.28);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px);transition:.18s}.search-panel.open{opacity:1;visibility:visible;pointer-events:auto;transform:none}.search-links{display:flex;flex-wrap:wrap;gap:8px}.search-links a{padding:8px 12px;border-radius:999px;background:#211d18;color:#fff9ed;font-size:13px}.mobile-nav{display:none}
@media(max-width:760px){.quickbar{display:none}.mast-inner{padding:0 10px}.brand img{max-width:82px}.brand b{font-size:14px}.brand small{font-size:9px}.search-btn{display:none}.app-entry,.menu-btn{padding:0 10px}.shell{padding:94px 16px 72px}.hero{grid-template-columns:1fr;padding-top:12px}.hero h1,.page-head h1{font-size:27px}.hero-art{height:220px}.cards,.grid-2{grid-template-columns:1fr}.split,.split.reverse,.app-wrap{grid-template-columns:1fr}.strip{grid-template-columns:1fr 1fr}.feature{grid-template-columns:110px 1fr}.media{height:180px}.feature .media{height:96px}.menu-panel{top:72px;right:16px;max-height:80vh}.search-panel{top:68px;right:0;left:0;width:auto;border-radius:0;min-height:45vh}.mobile-nav{position:fixed;z-index:900;left:0;right:0;bottom:0;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fffaf0;border-top:1px solid #d8c7a9;display:grid;grid-template-columns:repeat(4,1fr)}.mobile-nav a{display:flex;align-items:center;justify-content:center;font-size:13px}.mobile-nav a.active{border-top:3px solid #211d18;font-weight:700}.foot-cols{grid-template-columns:1fr 1fr}}