
:root{--bg:#F4EDE3;--paper:#FFF8F0;--soft:#E8DCCB;--deep:#2F241A;--ink:#2A2118;--body:#3A3128;--muted:#6A5C4E;--brown:#8B5A2B;--orange:#C46A3A;--green:#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','PingFang SC',sans-serif;overflow-x:hidden}body.panel-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}a,button,input{transition:background-color .18s,color .18s,border-color .18s}a:hover{color:var(--brown)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink);line-height:1.3}h1{font-size:32px;letter-spacing:.02em}h2{font-size:25px}p{overflow-wrap:anywhere}.site-header{position:sticky;top:0;z-index:40;box-shadow:0 2px 15px #2f241a13}.brand-line{height:68px;background:var(--paper);display:flex;align-items:center;gap:24px;padding:0 max(24px,calc((100vw - 1160px)/2));}.brand,.footer-identity{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-weight:800;font-size:19px;line-height:1.12;white-space:nowrap}.brand small,.footer-identity small{display:block;font-size:10px;letter-spacing:.16em;margin-top:5px;font-weight:600}.brand-logo{width:auto;height:auto;max-height:30px;max-width:110px;object-fit:contain}.tagline{color:var(--muted);font-size:14px;margin:0 auto}.header-actions{display:flex;align-items:center;gap:10px}.icon-btn{width:44px;height:44px;display:grid;place-items:center;border:1px solid #bdb0a0;border-radius:10px;background:transparent;color:var(--ink)}.icon-btn svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round}.app-link{font-size:14px;font-weight:700;white-space:nowrap}.top-nav{background:#dfc8b7;border-top:1px solid #d7bbaa;border-bottom:1px solid #cba990}.top-inner{max-width:1160px;margin:auto;display:flex;align-items:center;gap:31px;min-height:47px}.top-inner a{height:47px;display:flex;align-items:center;font-size:14px;white-space:nowrap;border-bottom:3px solid transparent;padding-top:3px}.top-inner a[aria-current]{border-color:var(--brown);font-weight:800}.top-inner button{margin-left:auto;white-space:nowrap;border:0;background:none;font-weight:700;color:var(--ink);min-height:44px}.content-shell{max-width:1160px;padding:0 24px;margin:auto}main{min-height:55vh}.eyebrow{font-size:12px;letter-spacing:.15em;text-transform:uppercase;font-weight:800;color:var(--brown);margin:0 0 14px}.lead{font-size:17px;line-height:1.9;max-width:740px;color:var(--muted)}.hero,.feature-section,.app-home{display:grid;grid-template-columns:minmax(0,46fr) minmax(0,54fr);gap:42px;align-items:center}.home-section{margin:42px 0 0;border-radius:14px;padding:36px 42px;background:var(--paper);border:1px solid #d8c8b7}.hero{min-height:360px}.hero-copy p:not(.eyebrow){max-width:510px}.action-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:23px}.primary-btn,.secondary-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 17px;border-radius:10px;font-weight:700;font-size:14px}.primary-btn{background:var(--brown);color:var(--paper)}.primary-btn:hover{background:var(--deep);color:white}.secondary-btn{background:var(--paper);color:var(--deep);border:1px solid var(--brown)}.secondary-btn:hover{background:var(--soft)}.text-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:var(--brown);font-weight:800;border-bottom:1px solid currentColor}.visual{min-width:0;display:flex;align-items:center;justify-content:center;background:var(--soft);border-radius:12px;padding:14px;min-height:145px;max-width:100%}.visual img{display:block;width:100%;height:auto;max-width:100%;max-height:205px;object-fit:contain;object-position:center}.visual-fallback{min-height:130px;width:100%;display:grid;place-items:center;text-align:center;color:var(--brown);font-size:15px;font-weight:700;padding:20px;border:1px dashed #b49b82;border-radius:8px}.hero-visual img{max-height:300px}.hero-visual .visual-fallback{min-height:240px}.feature-section{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:35px}.feature-section.feature-reverse .home-copy{order:2}.feature-section.feature-reverse .visual{order:1}.feature-section.feature-dark{background:var(--green);color:var(--paper);border-color:var(--green)}.feature-dark h2,.feature-dark .eyebrow,.feature-dark .text-link{color:var(--paper)}.feature-dark .visual{background:#597554}.home-copy h2{font-size:27px}.home-copy p{max-width:570px}.status-strip,.route-strip{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.status-strip span,.route-strip span{font-size:13px;padding:4px 10px;background:var(--soft);color:var(--ink);border-radius:8px}.app-home{grid-template-columns:minmax(0,1fr) minmax(0,300px);background:#e9dfce}.app-head{display:flex;align-items:center;gap:14px}.app-icon{min-height:0;width:65px;height:65px;flex-shrink:0}.app-icon img{max-height:65px}.app-icon .visual-fallback{min-height:50px;padding:3px;font-size:9px}.app-visual img{max-height:400px}.end-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;background:transparent;border:0;padding:15px 0 35px}.end-info article{border-top:3px solid var(--brown);padding:24px;background:var(--paper);border-radius:0 0 12px 12px}.end-info h2{font-size:21px}.end-info p{font-size:14px}.inner-intro{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.75fr);gap:42px;align-items:center;padding:50px 0 36px;border-bottom:1px solid #c8b9a7}.intro-visual img{max-height:205px}.editorial-body{max-width:1050px;margin:12px auto 0}.editorial-section{display:grid;grid-template-columns:125px minmax(0,1fr);gap:28px;padding:36px 15px;border-bottom:1px solid #d6c7b8}.editorial-section.alternate{background:#fff8f075;border-radius:10px}.section-index{font-weight:800;letter-spacing:.1em;color:var(--brown);padding-top:8px}.editorial-copy h2{font-size:23px}.editorial-copy p{max-width:850px}.related{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:34px 0 60px}.related h2{font-size:20px;margin:0 18px 0 0}.plain-intro{padding:48px 0 30px}.faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.faq-item{padding:23px;background:var(--paper);border:1px solid #d7c6b2;border-radius:12px}.faq-item h2{font-size:19px}.faq-item p{margin:0}.site-footer{background:var(--deep);color:var(--paper);padding:50px 24px 90px}.footer-inner{max-width:1160px;margin:auto;display:grid;grid-template-columns:230px minmax(0,1fr);gap:45px}.footer-identity{color:var(--paper)}.footer-brand p{color:#dcccb9;font-size:14px;margin-top:24px}.footer-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.footer-links h2{font-size:16px;color:var(--paper);border-bottom:1px solid #77604b;padding-bottom:9px}.footer-links a{display:block;font-size:13px;color:#eadbcb;padding:4px 0;min-height:33px}.footer-links a:hover{color:white;text-decoration:underline}.footer-note{max-width:1160px;margin:35px auto 0;border-top:1px solid #77604b;padding-top:20px;color:#e0d1bf;font-size:12px}.footer-note p{margin-bottom:9px}.shade{position:fixed;inset:68px 0 0;background:#1c130d99;z-index:45}.shade[hidden]{display:none!important}.panel{position:fixed;top:68px;z-index:50;background:var(--paper);box-shadow:0 18px 30px #24160738;border:1px solid #d6c6b4;border-radius:0 0 14px 14px;visibility:hidden;pointer-events:none;opacity:0;transform:translateY(-7px);transition:opacity .15s,transform .15s,visibility .15s}.panel.is-open{visibility:visible;pointer-events:auto;opacity:1;transform:translateY(0)}.menu-panel{left:50%;width:min(1040px,calc(100% - 32px));transform:translate(-50%,-7px);max-height:calc(100dvh - 90px);overflow:auto}.menu-panel.is-open{transform:translate(-50%,0)}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid #d4c4b1}.panel-head strong{font-size:19px;color:var(--ink)}.close-panel{border:1px solid #c9b7a4;background:transparent;color:var(--ink);padding:8px 13px;border-radius:8px;min-height:44px}.menu-content{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(200px,.85fr);gap:25px;padding:19px}.menu-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.menu-groups section{min-width:0}.menu-groups section:last-child{grid-column:1/-1;border-top:1px solid #d4c4b1;padding-top:12px}.menu-groups h2{font-size:16px;margin-bottom:6px}.menu-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.menu-groups section:last-child .menu-list{grid-template-columns:repeat(3,minmax(0,1fr))}.menu-list a{display:block;padding:7px;min-height:44px;border-radius:7px}.menu-list a:hover{background:var(--soft)}.menu-list strong{display:block;font-size:13px}.menu-list span{font-size:11px;color:var(--muted);line-height:1.5;display:block}.menu-aside{align-self:start;background:var(--green);color:var(--paper);padding:24px;border-radius:10px}.menu-aside .eyebrow,.menu-aside h2{color:var(--paper)}.menu-aside h2{font-size:22px}.menu-aside p{font-size:14px}.search-panel{right:max(16px,calc((100vw - 1160px)/2));width:min(520px,calc(100% - 32px));padding-bottom:22px}.search-panel label,.search-hint,.quick-links{display:block;margin:14px 20px 0}.search-panel label{font-size:14px;font-weight:700}.search-panel input{width:calc(100% - 40px);margin:8px 20px 0;border:1px solid #b7a38e;background:white;color:var(--ink);min-height:44px;border-radius:9px;padding:10px}.search-hint{font-size:12px;color:var(--muted)}.quick-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.quick-links a{border:1px solid #d1bca5;padding:9px 11px;border-radius:8px;min-height:44px}.mobile-nav{display:none}@media(max-width:950px){.brand-line{padding:0 24px}.top-inner{padding:0 24px;gap:18px}.hero,.feature-section{gap:23px}.home-section{padding:27px}.footer-inner{grid-template-columns:1fr}.footer-links{gap:10px}.menu-panel{max-height:calc(100dvh - 82px)}}@media(max-width:700px){html{scroll-padding-top:80px}.brand-line{padding:0 16px}.brand{font-size:16px}.brand-logo{max-width:64px}.tagline,.app-link,.top-nav{display:none}.header-actions{margin-left:auto;gap:7px}.site-header{position:sticky}.content-shell{padding:0 16px}.home-section{margin-top:20px;padding:22px 18px}.hero,.feature-section,.app-home,.inner-intro{display:flex;flex-direction:column;align-items:stretch;gap:20px}.feature-section.feature-reverse .home-copy,.feature-section.feature-reverse .visual{order:initial}.hero{min-height:0}.hero h1,.inner-intro h1{font-size:28px}.home-copy h2{font-size:24px}.visual img{max-height:180px}.hero-visual img{max-height:240px}.app-visual img{max-height:320px}.visual{min-height:120px}.inner-intro{padding:30px 0}.editorial-section{grid-template-columns:1fr;gap:0;padding:23px 9px}.section-index{font-size:12px}.editorial-copy h2{font-size:21px}.end-info{display:flex;flex-direction:column;padding:0 0 25px}.faq-list{grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.site-footer{padding:36px 16px 105px}.mobile-nav{position:fixed;display:flex;bottom:0;left:0;right:0;z-index:43;min-height:calc(58px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--paper);border-top:1px solid #d9c9b6;box-shadow:0 -2px 13px #2f241a12}.mobile-nav a{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;font-size:11px;line-height:1.4;min-height:58px}.mobile-nav a[aria-current]{color:var(--green);font-weight:800}.mobile-nav a[aria-current]:before{content:"";position:absolute;top:0;width:23px;height:3px;background:var(--green);border-radius:4px}.nav-mark{font-size:17px}.shade{z-index:45}.menu-panel{left:16px;right:16px;width:auto;transform:translateY(-7px);max-height:calc(100dvh - 95px)}.menu-panel.is-open{transform:translateY(0)}.menu-content{display:flex;flex-direction:column;padding:13px}.menu-groups{display:flex;flex-direction:column;gap:12px}.menu-groups section:last-child .menu-list{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-list a{padding:6px}.menu-aside{padding:18px}.search-panel{right:16px;left:16px;width:auto}.related{padding-bottom:45px}.related h2{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
