:root{--bg:#0C100E;--deep:#080A09;--surface:#141A16;--surface2:#1A2420;--title:#E8F6EE;--text:#CDE3D6;--muted:#8FB3A0;--soft:#6E8F7E;--green:#2A9D5C;--green2:#3CB371;--green3:#146B3A;--sand:#EFE6D2;--border:rgba(42,157,92,.18);--border2:rgba(42,157,92,.45);--shadow:0 12px 28px rgba(8,10,9,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.7 system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;overflow-x:hidden}body.is-locked{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}.top-strip{position:fixed;z-index:90;top:0;left:0;right:0;height:20px;background:#050706;color:var(--green2);border-bottom:1px solid var(--border)}.top-strip-inner{max-width:960px;margin:auto;height:20px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;font-size:12px;line-height:20px}.text-action{border:0;background:none;color:var(--green2);padding:0 4px;cursor:pointer;height:20px}.site-head{position:fixed;z-index:89;top:20px;left:0;right:0;height:54px;background:var(--deep);border-bottom:1px solid var(--border2);display:flex;align-items:center;justify-content:space-between;padding:0 max(16px,calc((100% - 960px)/2 + 16px))}.brand-link,.head-actions{display:flex;align-items:center}.brand-logo,.footer-logo,.side-logo{height:24px;width:auto;object-fit:contain;object-position:center}.brand-fallback{font-size:16px;font-weight:800;color:var(--title)}.head-actions{gap:8px}.app-link,.menu-button,.btn,.btn-secondary,.search-presets a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;border-radius:8px;font-size:14px;white-space:nowrap}.app-link,.btn{background:linear-gradient(135deg,#3CB371 0%,#2A9D5C 55%,#146B3A 100%);color:#08110C;font-weight:800;border:1px solid transparent}.menu-button,.btn-secondary,.search-presets a{background:#0b110e;color:var(--text);border:1px solid var(--border2);cursor:pointer}.quick-nav{position:fixed;z-index:88;top:74px;left:0;right:0;height:44px;background:var(--deep);border-bottom:1px solid var(--border)}.quick-nav-inner{max-width:960px;margin:auto;height:44px;padding:0 16px;display:flex;align-items:center;gap:8px}.quick-link{width:88px;height:22px;line-height:20px;text-align:center;border:1px solid var(--border2);border-radius:999px;color:var(--text);font-size:13px}.quick-link.is-current{background:var(--green);color:#08110C;border-color:var(--green)}.site-main{max-width:960px;margin:0 auto;padding:150px 16px 56px;min-height:70vh}h1{font-size:24px;line-height:1.3;margin:10px 0 12px;color:var(--title)}h2{font-size:20px;line-height:1.4;margin:0 0 12px;color:var(--title)}h3{font-size:16px;line-height:1.5;margin:0 0 8px;color:var(--title)}p{margin:0 0 12px}.eyebrow{font-size:12px;color:var(--green2);letter-spacing:.06em}.lead{font-size:16px;color:var(--sand);max-width:760px}.muted{color:var(--muted)}.soft{color:var(--soft)}.hero-copy,.section-block,.panel,.terms-section,.faq-item,.status-row,.lesson-row,.sound-row,.shot-row,.directory-item,.discover-item{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px}.hero-copy,.section-block,.panel{padding:22px}.hero-copy{margin-bottom:26px}.hero-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.hero-tabs a{height:32px;padding:0 14px;border:1px solid var(--border2);border-radius:999px;display:inline-flex;align-items:center;color:var(--text);font-size:13px}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.image-slot{background:#070a08;border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}.image-slot img{width:100%;height:100%;object-fit:contain;object-position:center}.slot-176{height:176px}.slot-168{height:168px}.slot-160{height:160px}.slot-200{height:200px}.slot-320{height:320px;width:240px}.section-gap{margin-top:24px}.split-narrow{display:grid;grid-template-columns:1fr 1fr;gap:16px}.split-narrow .panel{min-width:0}.page-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.page-grid.reverse{grid-template-columns:.85fr 1.15fr}.stack{display:grid;gap:14px}.mini-list{margin:10px 0 0;padding-left:18px}.mini-list li{margin:5px 0}.curtain-feature{position:relative;background:var(--surface);border:1px solid var(--border2);border-radius:10px;padding:18px;overflow:hidden}.curtain-feature:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(var(--green2),var(--green3))}.curtain-content{display:grid;grid-template-columns:1fr 1.15fr;gap:18px;align-items:center}.page-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.page-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:18px}.wide-note{background:var(--surface2);border-left:3px solid var(--green2);border-radius:0 10px 10px 0;padding:18px}.app-wrap{display:grid;grid-template-columns:1fr 240px;gap:24px;align-items:start}.app-media{float:right}.app-icons{display:flex;gap:12px;align-items:center;margin-top:12px}.app-icon{width:48px;height:48px;object-fit:contain}.directory{display:grid;gap:12px}.directory-item{padding:16px 18px;display:grid;grid-template-columns:140px 1fr;gap:16px}.directory-item strong{color:var(--sand)}.shot-list,.lesson-list,.sound-list,.status-list,.discover-list{display:grid;gap:12px}.shot-row,.lesson-row,.sound-row,.status-row,.discover-item{padding:15px 18px}.shot-row{display:grid;grid-template-columns:120px 1fr;gap:16px}.lesson-row{display:grid;grid-template-columns:130px 1fr;gap:16px}.sound-row{display:grid;grid-template-columns:120px 1fr;gap:16px}.status-row{display:grid;grid-template-columns:130px 110px 1fr;gap:16px;align-items:center}.status-badge{display:inline-flex;min-height:30px;align-items:center;justify-content:center;padding:0 10px;border-radius:999px;background:var(--green);color:#07110b;font-weight:800}.terms-section{padding:20px;margin-bottom:14px}.faq-list{display:grid;gap:12px}.faq-item{padding:18px}.faq-item h2{font-size:16px}.link-list{display:flex;gap:8px;flex-wrap:wrap}.link-list a{min-height:44px;display:inline-flex;align-items:center;padding:0 14px;border:1px solid var(--border2);border-radius:8px}.site-footer{background:#050706;border-top:1px solid var(--border2);color:var(--text)}.footer-inner{max-width:960px;margin:auto;padding:28px 16px 82px}.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:18px}.footer-brand div{display:flex;flex-direction:column}.footer-brand strong{font-size:16px}.footer-brand span{font-size:12px;color:var(--muted)}.footer-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.footer-groups h2{font-size:13px;color:var(--green2);margin-bottom:8px}.footer-groups a{display:block;font-size:13px;color:var(--text);padding:3px 0}.footer-note,.copyright{font-size:13px;color:var(--muted);margin-top:18px}.screen-overlay{position:fixed;z-index:120;inset:0;background:rgba(0,0,0,.58);visibility:hidden;opacity:0;pointer-events:none;transition:.2s}.screen-overlay.is-open{visibility:visible;opacity:1;pointer-events:auto}.side-menu{position:fixed;z-index:130;right:16px;top:86px;width:min(32vw,420px);max-height:76vh;overflow:auto;background:#090d0b;border:1px solid var(--border2);border-radius:12px;box-shadow:var(--shadow);padding:18px;transform:translateX(115%);visibility:hidden;pointer-events:none;transition:.24s}.side-menu.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.side-head,.side-brand,.search-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.side-brand{justify-content:flex-start}.close-button{min-width:58px;min-height:44px;border-radius:8px;border:1px solid var(--border2);background:var(--deep);color:var(--text);cursor:pointer}.menu-group{margin-top:18px}.menu-group h2{font-size:14px;color:var(--green2);margin-bottom:6px}.menu-group a{display:grid;grid-template-columns:86px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.menu-group b{color:var(--title)}.menu-group span{color:var(--muted);font-size:13px}.search-panel{position:fixed;z-index:135;left:50%;transform:translateX(-50%);top:78px;width:min(760px,calc(100% - 32px));visibility:hidden;opacity:0;pointer-events:none;transition:.2s}.search-panel.is-open{visibility:visible;opacity:1;pointer-events:auto}.search-box{background:#070a08;border:1px solid var(--border2);box-shadow:var(--shadow);border-radius:12px;padding:20px}.search-presets{display:flex;gap:8px;flex-wrap:wrap}.mobile-bottom{display:none}.home-faq{display:grid;grid-template-columns:1fr 1fr;gap:10px}.home-faq div{padding:14px;background:var(--surface2);border:1px solid var(--border);border-radius:10px}.home-faq strong{display:block;color:var(--sand);margin-bottom:6px}.brand-cover{display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:center}.about-banner{margin-bottom:18px}.highlight{color:var(--sand)}.small-note{font-size:13px;color:var(--muted)}
a:hover,button:hover{filter:brightness(1.07)}a:focus-visible,button:focus-visible{outline:2px solid var(--sand);outline-offset:2px}
@media(max-width:760px){.quick-nav{display:none}.site-main{padding-top:104px;padding-bottom:82px}.site-head{padding:0 16px}.head-actions{gap:6px}.app-link,.menu-button{padding:0 11px;min-height:44px}.menu-button{max-width:112px}.split-narrow,.page-grid,.page-grid.reverse,.curtain-content,.page-cards,.app-wrap,.brand-cover{grid-template-columns:1fr}.slot-320{width:240px;margin:0 auto}.directory-item,.shot-row,.lesson-row,.sound-row,.status-row{grid-template-columns:1fr}.footer-groups{grid-template-columns:1fr 1fr}.side-menu{top:78px;right:4%;width:88%;max-height:76vh}.search-panel{inset:0;transform:none;width:auto;background:#070a08;padding:82px 16px 64px;overflow:auto}.search-box{border:0;box-shadow:none;padding:0}.mobile-bottom{position:fixed;z-index:100;left:0;right:0;bottom:0;min-height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#060806;border-top:1px solid var(--border2);display:grid;grid-template-columns:repeat(4,1fr)}.mobile-bottom a{height:48px;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--text)}.mobile-bottom a.is-current{background:var(--green);color:#07110b;font-weight:800}.home-faq{grid-template-columns:1fr}.footer-inner{padding-bottom:86px}.top-strip-inner{padding:0 16px}.image-slot{min-width:0}}
@media(max-width:420px){.head-actions .app-link{padding:0 9px}.menu-button{padding:0 9px}.footer-groups{grid-template-columns:1fr}.hero-copy,.section-block,.panel{padding:18px}}