:root{--bg:#F4EDE3;--paper:#FFF8F0;--wash:#E8DCCB;--dark:#2F241A;--ink:#2A2118;--body:#3A3128;--muted:#6A5C4E;--brown:#8B5A2B;--orange:#C46A3A;--deep:#5C3A1E;--moss:#3D5C3A}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:125px}body{margin:0;background:var(--bg);color:var(--body);font:16px/1.78 system-ui,-apple-system,"Microsoft YaHei",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}a:hover{color:var(--orange)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:3px}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto;object-fit:contain;object-position:center}p{margin:0 0 1em}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.site-header{position:sticky;top:0;z-index:30;background:var(--paper);box-shadow:0 2px 12px #2f241a14}.brandbar{height:68px;display:flex;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:9px;white-space:nowrap;color:var(--ink);line-height:1.2}.brand img,.footer-brand img{display:block;max-height:30px;width:auto}.brand b{font-size:19px}.brand small{display:block;font-size:9px;letter-spacing:.2em;margin-top:3px}.tagline{flex:1;text-align:center;color:var(--muted);font-size:14px}.head-actions{display:flex;align-items:center;gap:8px}.icon-button{border:1px solid #b9a58e;border-radius:10px;width:44px;height:44px;background:transparent;color:var(--deep);display:grid;place-items:center}.magnify{display:block;width:17px;height:17px;border:2px solid currentColor;border-radius:50%;position:relative}.magnify:after{content:'';position:absolute;width:8px;height:2px;background:currentColor;transform:rotate(45deg);right:-6px;bottom:-3px}.menu-glyph{font-size:20px}.app-link{padding:8px 12px;font-size:14px}.topnav{background:#E8DCCB}.topnav-inner{display:flex;align-items:center;gap:clamp(8px,2vw,25px);min-height:46px}.topnav a{font-size:14px;padding:10px 0 8px;border-bottom:3px solid transparent;white-space:nowrap}.topnav a.active{border-color:var(--moss);font-weight:750}.topnav button{margin-left:auto;border:0;background:transparent;color:var(--deep);padding:10px 0;white-space:nowrap}.page{padding:42px 0 65px}.page-head{max-width:830px;margin-bottom:35px}.eyebrow{font-size:12px;letter-spacing:.2em;color:var(--brown);font-weight:750}.page h1{color:var(--ink);font-size:32px;line-height:1.35;margin:8px 0 18px}.lead{font-size:17px;color:var(--muted)}.article{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,340px);gap:40px;align-items:start}.article-content{min-width:0}.chapter{border-top:1px solid #c9b8a4;padding:24px 0 18px}.chapter h2{font-size:23px;line-height:1.4;color:var(--ink);margin:0 0 14px}.chapter p{line-height:1.85}.article-aside{position:sticky;top:148px}.aside-caption{font-size:12px;letter-spacing:.15em;color:var(--moss);font-weight:700}.aside-box{background:var(--paper);padding:20px;border:1px solid #d4c1a8;border-radius:12px;margin:14px 0}.aside-box h2{font-size:19px;color:var(--ink)}.aside-box a,.related a,.route-link{display:inline-flex;border-bottom:1px solid var(--brown);margin:7px 13px 7px 0;color:var(--deep);font-weight:650}.media{min-width:0;background:var(--wash);border-radius:12px;padding:14px;display:flex;align-items:center;justify-content:center;min-height:150px}.media img{display:block;width:100%;max-width:100%;height:auto;max-height:205px;object-fit:contain}.media-fallback{color:var(--deep);text-align:center;font-weight:700;letter-spacing:.08em;aspect-ratio:8/5}.media-fallback span{display:block;padding:22px}.media-cover img{max-height:300px}.media-cover{aspect-ratio:9/5}.media-app{max-width:280px;margin-inline:auto;aspect-ratio:3/5}.media-app img{max-height:400px}.media-icon{width:66px;height:66px;min-height:0;padding:6px}.media-icon img{max-height:60px}.related{margin:28px 0;padding:24px;background:var(--wash);border-radius:12px}.related h2{font-size:19px;margin:0 0 8px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 19px;border-radius:9px;background:var(--brown);color:var(--paper)!important;font-weight:700;border:1px solid var(--brown)}.btn.secondary{background:var(--paper);color:var(--deep)!important;border-color:var(--deep)}.btn:hover{filter:brightness(.88)}.hero{display:grid;grid-template-columns:46fr 54fr;gap:28px;align-items:center;padding:35px 0 54px}.hero h1{font-size:clamp(28px,3.2vw,38px)}.hero .lead{max-width:490px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:23px}.home-section{padding:39px 0;border-top:1px solid #ccbaa4}.home-section h2{font-size:clamp(23px,2.7vw,30px);color:var(--ink);line-height:1.3;margin:0 0 13px}.home-section p{max-width:750px}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,42%);gap:33px;align-items:center}.split.reverse{grid-template-columns:minmax(0,42%) minmax(0,1fr)}.split.reverse .media{order:-1}.split .media{min-width:0}.kicker{color:var(--moss);font-size:12px;letter-spacing:.2em;font-weight:750}.chips{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0}.chips a,.chips span{border:1px solid #ad977b;padding:7px 13px;border-radius:8px;font-size:14px}.home-mix{background:var(--moss);color:var(--paper);padding:40px;border-radius:13px}.home-mix h2,.home-mix .kicker{color:var(--paper)}.home-mix a{color:#ffdfb8}.home-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px}.home-pair>article{padding:23px;background:var(--paper);border-radius:12px;min-width:0}.home-pair .media{margin:12px 0}.home-pair a{color:var(--deep);font-weight:700}.route-rows{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.route-rows a{background:var(--paper);border-left:3px solid var(--moss);padding:15px;min-height:80px}.home-foot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.home-foot article{padding:20px;border-top:3px solid var(--brown);background:var(--paper)}.home-foot h2{font-size:21px}.app-home{grid-template-columns:1fr 34%;}.faq-item{padding:18px 0;border-top:1px solid #ccbaa4}.faq-item h2{font-size:19px}.faq-item p{max-width:850px}.footer{background:var(--dark);color:var(--paper);padding:55px 0 80px}.footer-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:55px}.footer-brand h2{font-size:23px;margin:7px 0 0}.footer-brand small{letter-spacing:.2em}.footer-brand p{font-size:14px;color:#ead7c1;margin-top:16px}.footer-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.footer-links h3{font-size:16px;margin:0 0 12px;color:#ffdfb8}.footer-links a{display:block;font-size:13px;padding:4px 0;color:#f8eadd}.footer-links a:hover{color:#ffc18b}.footer-bottom{margin-top:30px;border-top:1px solid #74604e;padding-top:18px;font-size:12px;color:#ebd9c3}.footer-bottom p{max-width:850px}.shade{position:fixed;inset:0;background:#21160e88;z-index:39}.shade[hidden]{display:none}.floating-panel{position:fixed;top:68px;z-index:40;background:var(--paper);border:1px solid #bca68b;box-shadow:0 14px 55px #21160e33;border-radius:0 0 13px 13px;visibility:hidden;pointer-events:none;opacity:0;transform:translateY(-8px);transition:opacity .15s,transform .15s;max-height:calc(100dvh - 82px);overflow-y:auto}.floating-panel.open{visibility:visible;pointer-events:auto;opacity:1;transform:none}.menu-panel{width:min(1040px,calc(100% - 32px));left:50%;transform:translate(-50%,-8px)}.menu-panel.open{transform:translate(-50%,0)}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:14px 21px;border-bottom:1px solid #d8c5ae}.panel-head h2{font-size:19px;margin:0}.close-panel{border:1px solid #a88c70;background:transparent;border-radius:8px;width:44px;height:44px;font-size:26px;line-height:1}.menu-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:24px;padding:22px}.menu-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 23px}.menu-group h3{font-size:15px;color:var(--moss);margin:0 0 7px}.menu-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.menu-items a{display:block;padding:6px;border-bottom:1px solid #dfd0be;min-height:48px}.menu-items b{display:block;font-size:13px;line-height:1.3}.menu-items span{display:block;font-size:11px;color:var(--muted);line-height:1.4;margin-top:3px}.menu-group:last-child{grid-column:span 2}.menu-group:last-child .menu-items{grid-template-columns:repeat(3,minmax(0,1fr))}.reading-route{background:var(--wash);padding:20px;align-self:start;border-radius:11px}.reading-route h3{line-height:1.3}.reading-route span{font-size:12px;color:var(--moss)}.reading-route a{font-weight:700;color:var(--deep)}.search-panel{width:min(520px,calc(100% - 32px));right:max(16px,calc((100vw - 1160px)/2));padding:0 20px 22px}.search-panel .panel-head{margin:0 -20px 16px}.search-panel label{display:block;font-weight:700}.search-panel input{width:100%;border:1px solid #a88c70;background:white;padding:12px;border-radius:8px;min-height:44px}.search-hint{font-size:13px;color:var(--muted);margin-top:8px}.search-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}.search-links a{border:1px solid #c5b096;padding:10px;border-radius:8px;min-height:44px}.mobile-nav{display:none}@media(max-width:900px){.footer-layout{grid-template-columns:1fr;gap:25px}.footer-links{grid-template-columns:repeat(3,1fr)}.article{grid-template-columns:minmax(0,1fr) 260px;gap:22px}.topnav-inner{gap:14px}.topnav a{font-size:12px}.menu-layout{grid-template-columns:1fr}.reading-route{display:none}}@media(max-width:700px){html{scroll-padding-top:80px}.wrap{width:calc(100% - 32px)}.brandbar{height:68px}.brand b{font-size:16px}.tagline,.app-link,.topnav{display:none}.head-actions{margin-left:auto}.page{padding:25px 0 35px}.page h1{font-size:28px}.article{display:block}.article-aside{position:static;margin-top:25px}.hero,.split,.split.reverse,.app-home{grid-template-columns:1fr;gap:18px}.hero{padding:24px 0 30px}.split.reverse .media{order:0}.media img{max-height:180px}.media-cover{aspect-ratio:unset;min-height:180px}.media-cover img{max-height:240px}.media-app img{max-height:320px}.media-app{max-width:220px}.home-section{padding:28px 0}.home-pair,.home-foot{grid-template-columns:1fr}.home-mix{padding:23px}.route-rows{grid-template-columns:1fr 1fr}.footer{padding-bottom:calc(95px + env(safe-area-inset-bottom))}.footer-links{grid-template-columns:repeat(2,1fr)}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);bottom:0;left:0;right:0;height:calc(58px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);z-index:35;background:var(--paper);border-top:1px solid #ccb99f}.mobile-nav a{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:44px;position:relative;font-size:19px;line-height:1.2}.mobile-nav small{font-size:10px;margin-top:4px}.mobile-nav a.selected{color:var(--moss);font-weight:750}.mobile-nav a.selected:before{content:'';position:absolute;top:0;width:30px;height:3px;background:var(--moss)}.floating-panel{top:68px;max-height:calc(100dvh - 140px)}.menu-layout{display:block;padding:12px 16px}.menu-groups{display:block}.menu-group{margin-bottom:17px}.menu-items,.menu-group:last-child .menu-items{grid-template-columns:1fr 1fr}.menu-items a{padding:9px 4px}.search-panel{right:16px}.shade{z-index:39}}@media(max-width:380px){.brand small{font-size:8px}.brandbar{gap:6px}.head-actions{gap:4px}.icon-button{width:44px;height:44px}.menu-items,.menu-group:last-child .menu-items{grid-template-columns:1fr}.route-rows{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}