*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:130px}body{margin:0;background:#F4EDE3;color:#3A3128;font:16px/1.78 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}a,button,input{transition:border-color .18s,background-color .18s,color .18s}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #C46A3A;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:#2A2118;line-height:1.3}h1{font-size:32px}h2{font-size:25px}p{margin-bottom:1.1em}.skip{position:absolute;top:-90px;left:16px;background:#fff;padding:12px;z-index:99}.skip:focus{top:8px}.site-head{position:sticky;top:0;z-index:30;box-shadow:0 1px 5px #2f241a1c}.brandbar{height:68px;max-width:1160px;margin:auto;display:flex;align-items:center;gap:30px;padding:0 22px;background:#FFF8F0}.site-head{background:#FFF8F0}.brand{display:flex;align-items:center;gap:9px;flex-shrink:0;font-size:19px;font-weight:800;color:#2F241A;line-height:1.15}.brand img,.footer-brand img{display:block;max-height:30px;max-width:110px;width:auto;height:auto;object-fit:contain}.brand small{font-size:10px;letter-spacing:1.5px;display:block;color:#8B5A2B;margin-top:3px}.brand-motto{flex:1;color:#6A5C4E;font-size:14px;text-align:center}.head-actions{display:flex;align-items:center;gap:8px}.icon-button{height:44px;width:44px;border:1px solid #d5c2aa;border-radius:10px;background:#FFF8F0;color:#5C3A1E;display:grid;place-items:center}.icon-button:hover,.close-button:hover{background:#E8DCCB}.search-icon{width:16px;height:16px;border:2px solid currentColor;border-radius:50%;position:relative;display:block}.search-icon:after{content:"";position:absolute;width:8px;height:2px;background:currentColor;transform:rotate(45deg);right:-6px;bottom:-3px}.menu-icon{display:block;width:19px;height:14px;border-top:2px solid;border-bottom:2px solid;position:relative}.menu-icon:after{content:"";position:absolute;left:0;right:0;top:5px;border-top:2px solid}.app-head-link{min-height:44px;display:flex;align-items:center;padding:0 8px;font-weight:700}.app-head-link:hover,.text-link:hover,.related a:hover{color:#C46A3A}.top-nav{background:#E8DCCB;border-top:1px solid #d8c5b0}.top-nav-inner{height:45px;max-width:1160px;padding:0 22px;display:flex;align-items:stretch;gap:24px;margin:auto}.top-nav a{display:grid;place-items:center;border-bottom:3px solid transparent;white-space:nowrap;font-size:14px}.top-nav a.active{border-bottom-color:#3D5C3A;color:#3D5C3A;font-weight:800}.top-nav a:hover{color:#3D5C3A}.all-cats{background:transparent;border:0;margin-left:auto;white-space:nowrap;color:#5C3A1E;font-weight:700}main{max-width:1160px;margin:auto;padding:22px 22px 56px;min-height:55vh}.hero,.home-section,.feature-band,.app-showcase{display:grid;grid-template-columns:minmax(0,46fr) minmax(0,54fr);gap:26px;align-items:center}.hero{padding:35px;background:#FFF8F0;border:1px solid #ddcdbb;border-radius:14px}.hero h1{margin:12px 0 20px}.hero-copy{min-width:0}.eyebrow{color:#8B5A2B;font-size:12px;letter-spacing:1.6px;font-weight:800}.hero p{max-width:520px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:10px;font-weight:750}.primary{background:#8B5A2B;color:#FFF8F0}.primary:hover{background:#5C3A1E}.secondary{border:1px solid #8B5A2B;color:#5C3A1E;background:#FFF8F0}.secondary:hover{background:#E8DCCB}.hero-media,.section-media,.media,.app-media,.inner-image,.app-icon{min-width:0;display:flex;align-items:center;justify-content:center;background:#E8DCCB;border-radius:12px;padding:10px;overflow:visible}.hero-media{min-height:180px}.hero-media img{max-height:300px}.section-media img,.inner-image img,.feature-band img{max-height:195px}.media img,.section-media img,.hero-media img,.app-media img,.inner-image img,.app-icon img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;object-position:center}.media-fallback{min-height:145px;text-align:center;color:#5C3A1E;font-weight:700}.hero-media.media-fallback{min-height:230px}.home-section{margin-top:22px;min-width:0;padding:28px 34px;border:1px solid #e0d0bb;border-radius:13px;background:#FFF8F0}.home-section h2{margin:10px 0}.home-section p{max-width:530px}.micro{color:#6A5C4E;font-size:13px;letter-spacing:.3px}.text-link{display:inline-flex;min-height:44px;align-items:center;color:#8B5A2B;font-weight:800}.layout-split,.layout-timeline,.layout-paths,.layout-alternating{grid-template-columns:minmax(0,55fr) minmax(0,45fr)}.layout-wide,.layout-lineup,.layout-editorial{grid-template-columns:minmax(0,57fr) minmax(0,43fr);background:#efe4d4}.layout-duo,.layout-mapline{grid-template-columns:minmax(0,48fr) minmax(0,52fr)}.layout-deep{background:#3D5C3A;color:#FFF8F0}.layout-deep h2,.layout-deep .eyebrow,.layout-deep .micro,.layout-deep .text-link{color:#FFF8F0}.layout-deep .section-media{background:#e8dccb}.layout-calendar{border-left:6px solid #C46A3A}.layout-editorial{border-top:4px solid #8B5A2B}.layout-mapline{background:#e7e2d1}.layout-split .section-media,.layout-timeline .section-media,.layout-alternating .section-media{grid-column:1;grid-row:1}.layout-split .section-copy,.layout-timeline .section-copy,.layout-alternating .section-copy{grid-column:2;grid-row:1}.app-showcase{grid-template-columns:minmax(0,36fr) minmax(0,64fr);margin-top:25px;background:#2F241A;color:#FFF8F0;padding:28px 38px;border-radius:13px}.app-showcase h2{color:#FFF8F0}.app-visual{display:flex;justify-content:center;min-width:0}.app-media{background:#514234;width:100%;max-width:285px;min-height:235px}.app-media img{max-height:400px;width:auto}.app-brand{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:1px}.app-icon{height:58px;width:58px;flex-shrink:0;padding:5px}.app-icon img{max-height:48px}.home-outro{margin-top:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.home-outro>div{background:#FFF8F0;border-top:3px solid #8B5A2B;border-radius:10px;padding:22px}.home-outro h2{font-size:21px}.related{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.related a{display:inline-flex;align-items:center;min-height:44px;border:1px solid #cab398;border-radius:9px;padding:8px 13px;color:#5C3A1E;font-weight:750}.inner{background:#FFF8F0;border:1px solid #e0cfbd;border-radius:13px;padding:36px 46px;margin:5px auto 30px}.page-intro{border-bottom:1px solid #d8c5ae;padding-bottom:20px;margin-bottom:25px}.page-intro h1{margin:12px 0}.page-intro p{max-width:840px;color:#554739;font-size:17px}.inner-image{width:min(100%,620px);margin:0 auto 24px}.feature-band{background:#E8DCCB;padding:24px;border-radius:12px;margin-bottom:25px;grid-template-columns:minmax(0,57fr) minmax(0,43fr)}.feature-band .media{max-width:100%}.sections{display:grid;gap:0}.chapter{display:grid;grid-template-columns:170px minmax(0,1fr);gap:25px;border-bottom:1px solid #dfceb8;padding:25px 0}.chapter-label{font-size:12px;letter-spacing:1px;color:#8B5A2B;font-weight:800;padding-top:5px}.chapter h2{font-size:23px}.chapter p{max-width:780px}.chapter-1{background:#f5ebdf;padding-left:16px;padding-right:16px}.chapter-2{border-left:4px solid #3D5C3A;padding-left:16px}.faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.faq-item{padding:21px;background:#F4EDE3;border-radius:10px;border:1px solid #e1cfbc}.faq-item h2{font-size:19px}.site-footer{background:#2F241A;color:#FFF8F0;padding:45px 22px 90px}.footer-inner{max-width:1160px;margin:auto;display:grid;grid-template-columns:250px minmax(0,1fr);gap:35px}.footer-brand strong,.footer-brand span{display:block}.footer-brand strong{font-size:21px;margin-top:12px}.footer-brand span{font-size:11px;letter-spacing:2px;color:#e8d5bd}.footer-brand p{margin-top:16px}.footer-groups{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.footer-groups h2{color:#FFF8F0;font-size:16px;margin-bottom:12px}.footer-groups a{display:block;font-size:13px;line-height:1.55;padding:5px 0;color:#ead9c4}.footer-groups a:hover{color:#fff;text-decoration:underline}.footer-bottom{max-width:1160px;margin:28px auto 0;border-top:1px solid #665242;padding-top:20px;color:#ead9c4;font-size:12px}.footer-bottom p{margin:4px 0}.overlay{position:fixed;inset:0;z-index:35;background:#21170f99}.overlay[hidden]{display:none}.panel{position:fixed;top:68px;z-index:40;background:#FFF8F0;border:1px solid #d8c5ae;border-radius:0 0 12px 12px;box-shadow:0 15px 35px #21170f33;padding:22px;visibility:hidden;pointer-events:none;opacity:0;transition:opacity .15s}.panel.open{visibility:visible;pointer-events:auto;opacity:1}.menu-panel{width:min(1040px,calc(100% - 32px));max-height:calc(100dvh - 90px);overflow-y:auto;left:50%;transform:translateX(-50%)}.search-panel{width:min(520px,calc(100% - 32px));right:max(16px,calc((100vw - 1160px)/2));max-height:calc(100dvh - 90px);overflow-y:auto}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e1cebb;padding-bottom:12px;margin-bottom:18px;font-size:20px}.close-button{height:44px;width:44px;border:1px solid #d8c5ae;background:#FFF8F0;border-radius:9px;font-size:26px}.menu-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:22px}.menu-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.menu-groups section{border-bottom:1px solid #e0cfbc;padding-bottom:12px}.menu-groups h2{font-size:16px;color:#3D5C3A}.menu-links{display:grid;gap:3px}.menu-links a{display:flex;justify-content:space-between;gap:12px;min-height:44px;align-items:center;border-bottom:1px dotted #eadac7;padding:5px 0}.menu-links a:hover{color:#8B5A2B}.menu-links span{font-size:14px;font-weight:700}.menu-links small{color:#6A5C4E;font-size:11px;text-align:right}.reading-route{background:#E8DCCB;border-radius:10px;padding:17px;align-self:start}.reading-route h2{font-size:20px;margin:12px 0}.reading-route a{color:#5C3A1E;font-weight:800;display:inline-flex;min-height:44px;align-items:center}.search-label{display:block;font-weight:750;margin-bottom:8px}.search-panel input{display:block;width:100%;min-height:46px;border-radius:8px;border:1px solid #b69b80;background:white;padding:9px 13px;color:#2A2118}.search-help{color:#6A5C4E;font-size:13px;margin:12px 0}.search-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.search-shortcuts a{display:flex;align-items:center;min-height:44px;padding:8px 10px;border:1px solid #d5c1a8;border-radius:8px}.search-shortcuts a:hover{background:#E8DCCB}.panel-open{overflow:hidden}.mobile-nav{display:none}@media(max-width:900px){.brandbar,.top-nav-inner{padding:0 24px}.top-nav-inner{gap:13px}.top-nav a{font-size:12px}.hero,.home-section{gap:18px;padding:24px}.footer-inner{grid-template-columns:1fr}.footer-groups{gap:20px}.menu-layout{grid-template-columns:1fr}.reading-route{display:none}}@media(max-width:650px){html{scroll-padding-top:78px}.brandbar{height:68px;padding:0 16px;gap:7px}.brand{font-size:16px}.brand small{font-size:9px}.brand-motto,.app-head-link,.top-nav{display:none}.head-actions{margin-left:auto;gap:4px}.site-head{position:sticky;top:0}main{padding:16px 16px 100px}.hero,.home-section,.app-showcase,.feature-band{grid-template-columns:minmax(0,1fr)}.hero{padding:22px 18px;gap:15px}.hero h1,.page-intro h1{font-size:28px}.hero-media img{max-height:240px}.home-section{padding:21px 18px;margin-top:15px}.home-section .section-copy,.home-section .section-media{grid-column:1;grid-row:auto}.section-media img,.inner-image img,.feature-band img{max-height:180px}.app-showcase{padding:22px;gap:20px}.app-visual{order:2}.app-copy{order:1}.app-media img{max-height:320px}.home-outro{grid-template-columns:1fr}.inner{padding:24px 18px}.chapter{grid-template-columns:1fr;gap:2px}.chapter h2{font-size:21px}.faq-list{grid-template-columns:1fr}.footer-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer{padding:35px 16px 105px}.panel{top:68px}.menu-panel{width:100%;max-height:calc(100dvh - 130px);border-radius:0;padding:16px}.menu-groups{grid-template-columns:1fr}.search-panel{left:16px;right:16px;width:auto;padding:16px}.mobile-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;z-index:32;bottom:0;left:0;right:0;height:calc(58px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#FFF8F0;border-top:1px solid #d8c5ae;box-shadow:0 -2px 10px #2a211820}.mobile-nav a{font-size:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.3;min-width:0;position:relative}.mobile-nav .nav-symbol{font-size:20px;line-height:1.2}.mobile-nav a.active{color:#3D5C3A;font-weight:800}.mobile-nav a.active:before{content:"";position:absolute;top:0;width:23px;height:3px;background:#3D5C3A;border-radius:0 0 3px 3px}.overlay{z-index:35}.panel{z-index:40}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}