:root{--bg:#F4EDE3;--paper:#FFF8F0;--light:#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:130px}body{margin:0;background:var(--bg);color:var(--body);font:16px/1.78 system-ui,-apple-system,"Microsoft YaHei",sans-serif;overflow-x:clip}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink);line-height:1.34}h1{font-size:32px}h2{font-size:25px}h3{font-size:19px}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}button:disabled{cursor:not-allowed}.shell{width:min(1160px,calc(100% - 48px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:30;box-shadow:0 1px 0 #5c3a1e25}.brandbar{background:var(--paper)}.brandrow{min-height:68px;display:flex;align-items:center;gap:22px}.brand{display:inline-flex;align-items:center;gap:10px;min-width:0;color:var(--ink)}.brand-logo{display:block;max-height:30px;width:auto;max-width:120px;object-fit:contain}.brand strong{display:block;font-size:20px;line-height:1.15;white-space:nowrap}.brand small{display:block;font-size:10px;letter-spacing:.16em;color:var(--muted);line-height:1.6}.tagline{margin:auto;color:var(--muted);letter-spacing:.08em}.header-actions{display:flex;align-items:center;gap:9px}.icon-btn,.close-btn,.all-menu{border:1px solid #5c3a1e44;background:transparent;color:var(--deep);min-height:44px;min-width:44px;border-radius:10px}.icon-btn{display:grid;place-items:center}.icon-btn svg{width:21px;height:21px}.app-top{white-space:nowrap;font-weight:700;padding:8px}.desktop-nav{background:#ead7c6}.navrow{display:flex;align-items:center;gap:clamp(9px,2vw,27px);min-height:46px}.navrow>a{padding:10px 0 8px;font-size:14px;white-space:nowrap;border-bottom:3px solid transparent}.navrow>a[aria-current=page]{color:var(--deep);font-weight:800;border-bottom-color:var(--deep)}.all-menu{margin-left:auto;min-width:96px;padding-inline:10px;background:transparent;border:0;font-size:14px;white-space:nowrap}.page-main{padding-block:34px 70px}.eyebrow{display:inline-block;font-size:12px;letter-spacing:.12em;font-weight:800;color:var(--brown);margin-bottom:12px}.hero{display:grid;grid-template-columns:46fr 54fr;align-items:center;gap:36px;background:var(--paper);padding:40px;border:1px solid #5c3a1e24;border-radius:14px}.hero h1{margin-bottom:22px}.hero p{max-width:48ch}.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:23px}.cta a,.related a{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:8px 16px;border-radius:10px;border:1px solid var(--deep);background:var(--brown);color:var(--paper);font-weight:700}.cta a:nth-child(even),.related a{background:var(--paper);color:var(--deep)}.cta a:hover,.related a:hover{background:var(--orange);color:#fff}.hero-art,.band-art,.inner-visual,.app-art{min-width:0;display:grid;place-items:center;background:var(--light);border-radius:12px;padding:14px}.media-img{display:block;width:100%;height:auto;max-width:100%;max-height:210px;object-fit:contain;object-position:center}.media-img.cover{max-height:300px}.media-img.app-shot{max-height:400px;width:auto}.media-img.app-icon{width:60px;height:auto;max-height:72px;object-fit:contain}.media-fallback{width:100%;min-height:148px;display:grid;place-items:center;aspect-ratio:16/9;color:var(--deep);font-size:14px;padding:20px;text-align:center;background:linear-gradient(115deg,#e8dccb,#f8eee2);border:1px solid #8b5a2b28;border-radius:8px}.hero-art .media-fallback{aspect-ratio:16/8;min-height:190px}.home-band{display:grid;grid-template-columns:1.1fr 1fr;gap:35px;align-items:center;margin-top:24px;padding:30px 34px;border:1px solid #5c3a1e20;border-radius:12px;background:var(--paper)}.home-band:nth-of-type(3n){grid-template-columns:1fr 1.1fr;background:#f0e5d5}.home-band:nth-of-type(2n) .band-copy{order:2}.home-band:nth-of-type(2n) .band-art{order:1}.band-copy h2{font-size:26px}.band-copy p{max-width:62ch}.band-tags{font-size:13px;letter-spacing:.06em;color:var(--muted);border-top:1px solid #8b5a2b44;padding-top:10px}.home-band.dark-band{background:var(--moss);border-color:var(--moss);color:var(--paper)}.dark-band h2,.dark-band .eyebrow,.dark-band .band-tags{color:var(--paper)}.dark-band .cta a{border-color:var(--paper)}.app-band{margin-top:28px;background:#e9ddcb;display:grid;grid-template-columns:33fr 67fr;gap:30px;padding:32px;border-radius:14px;align-items:center}.app-art{background:#fff8f0}.app-identity{display:flex;align-items:center;gap:14px;margin:12px 0}.app-identity .media-fallback{min-height:60px;width:60px;aspect-ratio:1}.reading-end{margin-top:35px}.end-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.end-columns article{padding:22px;border-top:3px solid var(--brown);background:var(--paper);border-radius:6px}.end-columns a{color:var(--deep);font-weight:800}.inner-head{background:var(--paper);padding:36px 42px;border-left:5px solid var(--brown);border-radius:0 12px 12px 0}.inner-head h1{margin-bottom:13px}.inner-head p{max-width:82ch;margin-bottom:0}.inner-visual{margin:20px 0;min-height:185px}.article-layout{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(200px,.75fr);gap:36px;margin-top:24px;align-items:start}.text-section{padding:24px 0;border-top:1px solid #8b5a2b45}.text-section:first-child{padding-top:0;border:0}.text-section p{max-width:88ch}.article-aside{position:sticky;top:142px;background:var(--light);padding:23px;border-radius:12px}.article-aside h2{font-size:20px}.article-aside a{font-weight:700;color:var(--deep)}.related{margin-top:24px;padding:24px 0;border-top:2px solid var(--deep);display:flex;align-items:center;flex-wrap:wrap;gap:12px}.related h2{width:100%;margin-bottom:0}.faq-list{max-width:920px;margin:28px auto}.faq-list article{background:var(--paper);border-left:3px solid var(--moss);margin-bottom:13px;padding:23px;border-radius:0 10px 10px 0}.faq-list h2{font-size:19px}.faq-list p{margin-bottom:0}.site-footer{background:var(--dark);color:var(--paper);padding:45px 0 20px}.site-footer h2,.site-footer .brand,.site-footer .brand small{color:var(--paper)}.footer-layout{display:grid;grid-template-columns:minmax(170px,1fr) 3fr;gap:40px}.footer-brand p{margin-top:20px;max-width:28ch;color:#e8dccb}.footer-groups{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.footer-groups h2{font-size:16px;border-bottom:1px solid #fff5;padding-bottom:10px}.footer-groups a{display:block;min-height:32px;font-size:13px;color:#f4ede3}.footer-groups a:hover{color:#f0ac76}.footer-end{margin-top:28px;padding-top:18px;border-top:1px solid #fff5;font-size:13px;color:#e8dccb}.footer-end p{margin-bottom:7px}.panel-overlay{position:fixed;inset:68px 0 0;background:#1b120bb0;z-index:38}.panel-overlay[hidden]{display:none}.floating-panel{visibility:hidden;pointer-events:none;opacity:0;position:fixed;z-index:40;top:68px;left:50%;transform:translateX(-50%) translateY(-8px);background:var(--paper);color:var(--body);border:1px solid #5c3a1e40;border-radius:0 0 12px 12px;box-shadow:0 22px 40px #20130638;max-height:calc(100dvh - 90px);overflow-y:auto;transition:opacity .15s,transform .15s}.floating-panel.is-open{visibility:visible;pointer-events:auto;opacity:1;transform:translateX(-50%) translateY(0)}.menu-panel{width:min(1040px,calc(100% - 32px));padding:22px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-head h2{margin:0;font-size:22px}.close-btn{font-size:28px;line-height:1}.menu-content{display:grid;grid-template-columns:minmax(0,2.5fr) minmax(190px,1fr);gap:25px}.menu-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 20px}.menu-group{min-width:0;border-top:1px solid #8b5a2b70}.menu-group:last-child{grid-column:1/-1}.menu-group h3{font-size:16px;margin:8px 0}.menu-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.menu-group:last-child .menu-links{grid-template-columns:repeat(3,minmax(0,1fr))}.menu-links a{display:block;border-radius:7px;padding:5px;min-width:0}.menu-links a:hover{background:var(--light)}.menu-links strong,.menu-links small{display:block}.menu-links strong{font-size:13px;color:var(--ink)}.menu-links small{font-size:11px;color:var(--muted);line-height:1.5}.menu-aside{background:var(--moss);color:var(--paper);padding:23px;border-radius:10px;align-self:start}.menu-aside h3,.menu-aside .eyebrow{color:var(--paper)}.menu-aside a{color:var(--paper);font-weight:800;text-decoration:underline}.search-panel{width:min(520px,calc(100% - 32px));left:auto;right:max(16px,calc((100vw - 1160px)/2));transform:translateY(-8px);padding:23px}.search-panel.is-open{transform:translateY(0)}.search-panel label{display:block;margin-top:12px}.search-panel input{width:100%;min-height:46px;padding:10px;border:1px solid var(--brown);border-radius:8px;background:white;color:var(--ink)}.search-note{font-size:13px;color:var(--muted);margin:9px 0}.search-links{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.search-links a{background:var(--light);padding:10px;border-radius:7px;min-height:44px}.mobile-bottom{display:none}@media(max-width:900px){.shell{width:calc(100% - 48px)}.tagline{display:none}.header-actions{margin-left:auto}.navrow{gap:12px}.navrow>a{font-size:12px}.hero{padding:26px;gap:22px}.home-band{gap:20px;padding:25px}.footer-layout{grid-template-columns:1fr}.footer-groups{grid-template-columns:repeat(5,minmax(0,1fr))}.article-layout{gap:24px}.menu-panel{max-height:calc(100dvh - 80px)}}@media(max-width:680px){html{scroll-padding-top:80px}.shell{width:calc(100% - 32px)}body{padding-bottom:calc(58px + env(safe-area-inset-bottom))}.site-header{position:sticky}.brandrow{min-height:68px;gap:8px}.brand-logo{max-width:65px;max-height:30px}.brand strong{font-size:17px}.brand small{font-size:8px}.header-actions{gap:4px}.app-top,.desktop-nav{display:none}.page-main{padding-top:20px;padding-bottom:45px}h1{font-size:28px}h2{font-size:23px}.hero,.home-band,.home-band:nth-of-type(3n),.app-band{grid-template-columns:minmax(0,1fr);gap:16px;padding:22px}.home-band:nth-of-type(2n) .band-copy,.home-band:nth-of-type(2n) .band-art{order:initial}.hero-art{order:2}.hero-art .media-img{max-height:240px}.media-img{max-height:180px}.media-img.app-shot{max-height:320px}.band-copy h2{font-size:23px}.end-columns,.article-layout{grid-template-columns:minmax(0,1fr)}.inner-head{padding:22px}.article-aside{position:static}.footer-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.footer-groups>div:last-child{grid-column:1/-1;display:flex;gap:8px 16px;flex-wrap:wrap}.footer-groups>div:last-child h2{width:100%}.footer-groups>div:last-child a{min-height:28px}.mobile-bottom{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:32;background:var(--paper);box-shadow:0 -1px 9px #2f241a24}.mobile-bottom a{min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:20px;line-height:1.2;border-top:3px solid transparent}.mobile-bottom small{font-size:11px}.mobile-bottom a[aria-current=page]{border-top-color:var(--moss);color:var(--moss);font-weight:800}.panel-overlay{z-index:38}.floating-panel{top:68px;max-height:calc(100dvh - 90px)}.menu-panel{padding:16px}.menu-content,.menu-list,.menu-links,.menu-group:last-child .menu-links{grid-template-columns:minmax(0,1fr)}.menu-group:last-child{grid-column:auto}.menu-links a{min-height:44px}.menu-aside{padding:16px}.search-panel{right:16px}.related{align-items:stretch}.related a{flex:1 1 42%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.floating-panel{transition:none}}