*{box-sizing:border-box}html{scroll-behavior:smooth;background:#0C100E}body{margin:0;background:#0C100E;color:#CDE3D6;font:15px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:fixed;left:16px;top:-60px;z-index:100;background:#EFE6D2;color:#08110C;padding:8px 12px;border-radius:8px}.skip-link:focus{top:8px}.shell{width:min(960px,calc(100% - 32px));margin:0 auto}.top-strip{position:fixed;inset:0 0 auto;z-index:60;height:20px;background:#080A09;color:#3CB371;border-bottom:1px solid rgba(42,157,92,.18);font-size:12px}.top-strip-inner{height:20px;display:flex;align-items:center;justify-content:space-between}.brand-mini{white-space:nowrap}.text-action,.menu-trigger,.panel-close,.search-head button{border:0;background:transparent;color:#CDE3D6;cursor:pointer;min-width:44px;min-height:44px}.top-strip .text-action{min-height:20px;color:#3CB371;padding:0 0 0 12px}.site-header{position:fixed;left:0;right:0;top:20px;z-index:59;height:54px;background:#080A09;border-bottom:1px solid rgba(42,157,92,.45)}.header-inner{height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand-link,.panel-brand,.footer-brand{display:flex;align-items:center;gap:10px}.brand-logo{height:24px;width:auto;max-width:180px;object-fit:contain;object-position:center}.brand-text{font-weight:800;font-size:16px;color:#E8F6EE}.header-actions{display:flex;align-items:center;gap:6px}.header-app,.menu-trigger{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:9px;border:1px solid rgba(42,157,92,.45);color:#CDE3D6;background:#0C100E}.header-app:hover,.menu-trigger:hover,.header-app:focus-visible,.menu-trigger:focus-visible{border-color:#3CB371;outline:none}.quick-tabs{position:fixed;left:0;right:0;top:74px;z-index:58;height:44px;background:#080A09;border-bottom:1px solid rgba(42,157,92,.18)}.quick-tabs-inner{height:44px;display:flex;align-items:center;gap:10px}.quick-tab{width:88px;height:22px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(42,157,92,.45);border-radius:999px;color:#CDE3D6;font-size:13px;line-height:1}.quick-tab.is-active{background:#2A9D5C;color:#08110C;border-color:#2A9D5C}.site-main{padding-top:142px;min-height:65vh}.page-wrap{padding:28px 0 68px}.hero-index{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.hero-index a{font-size:13px;border:1px solid rgba(42,157,92,.45);padding:4px 10px;border-radius:999px;color:#CDE3D6}.hero-index a:hover,.hero-index a:focus-visible{background:#1A2420;outline:none}.eyebrow{font-size:12px;letter-spacing:.08em;color:#8FB3A0;margin:0 0 6px;text-transform:uppercase}.page-head{margin-bottom:26px}.page-head h1,.hero-copy h1{font-size:24px;line-height:1.3;color:#E8F6EE;margin:0 0 12px}.lead{font-size:16px;color:#EFE6D2;margin:0 0 10px}.intro{max-width:760px;color:#CDE3D6;margin:0}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.btn-primary,.btn-secondary{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;border-radius:9px;font-size:14px;font-weight:700}.btn-primary{background:linear-gradient(135deg,#3CB371 0%,#2A9D5C 55%,#146B3A 100%);color:#08110C}.btn-secondary{background:#080A09;color:#CDE3D6;border:1px solid rgba(42,157,92,.45)}.btn-primary:hover,.btn-primary:focus-visible{filter:brightness(1.08);outline:none}.btn-secondary:hover,.btn-secondary:focus-visible{border-color:#3CB371;outline:none}.content-section{margin:30px 0}.content-section h2{font-size:20px;color:#E8F6EE;margin:0 0 10px}.content-section h3{font-size:16px;color:#EFE6D2;margin:0 0 6px}.content-section p{margin:0 0 10px}.muted{color:#8FB3A0}.media-slot{width:100%;height:168px;border-radius:10px;background:#080A09;border:1px solid rgba(42,157,92,.18);display:flex;align-items:center;justify-content:center;overflow:hidden}.media-slot img{width:100%;height:100%;object-fit:contain;object-position:center}.media-176{height:176px}.media-160{height:160px}.media-banner{height:200px}.media-app{width:240px;height:320px;float:right;margin:0 0 20px 24px}.media-icon{width:48px;height:48px;border-radius:10px;background:#080A09;border:1px solid rgba(42,157,92,.18);display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.media-icon img{width:48px;height:48px;object-fit:contain}.card{background:#141A16;border:1px solid rgba(42,157,92,.18);box-shadow:0 12px 28px rgba(8,10,9,.35);border-radius:10px;padding:18px}.card-soft{background:#1A2420;border:1px solid rgba(42,157,92,.18);border-radius:10px;padding:16px}.stage-cut{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(220px,.85fr);gap:18px;align-items:stretch}.stage-cut .stage-copy{background:#141A16;border-left:3px solid #2A9D5C;border-radius:10px;padding:18px}.two-narrow{display:grid;grid-template-columns:1fr 1fr;gap:14px}.two-narrow>article{background:#141A16;border:1px solid rgba(42,157,92,.18);border-radius:10px;padding:16px}.spread-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:14px}.spread-grid article{background:#141A16;border:1px solid rgba(42,157,92,.18);border-radius:10px;padding:16px}.lesson-list,.sound-list,.status-list,.frame-list,.terms-list,.faq-list{display:grid;gap:10px}.lesson-item,.sound-item,.status-item,.frame-item,.term-item,.faq-item{background:#141A16;border:1px solid rgba(42,157,92,.18);border-radius:10px;padding:15px}.lesson-item strong,.sound-item strong,.status-item strong,.frame-item strong,.term-item strong{display:block;color:#EFE6D2;margin-bottom:3px}.status-tag{display:inline-block;background:#2A9D5C;color:#08110C;border-radius:999px;font-size:12px;line-height:1;padding:6px 9px;margin-bottom:8px}.link-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.link-index a{background:#141A16;border:1px solid rgba(42,157,92,.18);border-radius:10px;padding:16px;min-height:100px}.link-index a:hover,.link-index a:focus-visible{border-color:rgba(42,157,92,.45);outline:none}.link-index b{display:block;color:#E8F6EE;margin-bottom:5px}.wrap-media::after{content:"";display:block;clear:both}.notice{border-left:3px solid #2A9D5C;background:#141A16;padding:14px 16px;border-radius:8px}.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.article-grid article{background:#141A16;border:1px solid rgba(42,157,92,.18);border-radius:10px;padding:17px}.steps{counter-reset:step;display:grid;gap:12px}.step{counter-increment:step;background:#141A16;border:1px solid rgba(42,157,92,.18);border-radius:10px;padding:16px 16px 16px 52px;position:relative}.step:before{content:counter(step);position:absolute;left:15px;top:15px;width:26px;height:26px;border-radius:50%;background:#2A9D5C;color:#08110C;display:grid;place-items:center;font-weight:800}.quote-line{color:#EFE6D2;border-left:3px solid #2A9D5C;padding-left:14px}.brand-block{background:#1A2420;border:1px solid rgba(42,157,92,.18);border-radius:10px;padding:20px}.rule-list{display:grid;gap:12px}.rule-list section{background:#141A16;border:1px solid rgba(42,157,92,.18);border-radius:10px;padding:18px}.contact-block{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.contact-block article{background:#141A16;border:1px solid rgba(42,157,92,.18);border-radius:10px;padding:18px}.site-footer{background:#050706;color:#CDE3D6;border-top:1px solid rgba(42,157,92,.18);padding:28px 0 72px;font-size:13px}.footer-brand-row{margin-bottom:20px}.footer-brand span{display:grid}.footer-brand strong{color:#E8F6EE;font-size:16px}.footer-brand small{color:#8FB3A0}.footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.footer-grid section{display:grid;align-content:start;gap:7px}.footer-grid h2{font-size:13px;color:#EFE6D2;margin:0 0 5px}.footer-grid a{color:#CDE3D6}.footer-grid a:hover,.footer-grid a:focus-visible{color:#3CB371;outline:none}.footer-note{margin-top:24px;padding-top:18px;border-top:1px solid rgba(42,157,92,.18);color:#8FB3A0}.footer-note p{margin:0 0 6px}.page-overlay{position:fixed;inset:0;z-index:79;background:rgba(5,7,6,.72);opacity:0;visibility:hidden;pointer-events:none;transition:.22s}.page-overlay.is-visible{opacity:1;visibility:visible;pointer-events:auto}.side-panel{position:fixed;z-index:81;right:16px;top:12vh;width:min(32vw,420px);height:min(76vh,680px);background:#0C100E;border:1px solid rgba(42,157,92,.45);border-radius:12px;box-shadow:0 12px 28px rgba(8,10,9,.35);transform:translateX(calc(100% + 40px));visibility:hidden;pointer-events:none;transition:.24s;overflow:auto}.side-panel.is-visible{transform:translateX(0);visibility:visible;pointer-events:auto}.panel-head{position:sticky;top:0;background:#0C100E;border-bottom:1px solid rgba(42,157,92,.18);padding:12px 14px;display:flex;align-items:center;justify-content:space-between;z-index:2}.panel-brand{font-weight:800;color:#E8F6EE}.panel-groups{padding:10px 14px 18px}.panel-groups section{margin:0 0 18px}.panel-groups h2{font-size:13px;color:#8FB3A0;margin:0 0 8px}.panel-groups a{display:grid;grid-template-columns:90px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid rgba(42,157,92,.18)}.panel-groups b{color:#E8F6EE}.panel-groups span{color:#8FB3A0;font-size:12px}.search-layer{position:fixed;z-index:82;left:0;right:0;top:74px;visibility:hidden;pointer-events:none}.search-layer.is-visible{visibility:visible;pointer-events:auto}.search-card{width:min(720px,calc(100% - 32px));margin:0 auto;background:#080A09;border:1px solid rgba(42,157,92,.45);border-radius:0 0 12px 12px;box-shadow:0 12px 28px rgba(8,10,9,.35);padding:18px}.search-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.search-head small{color:#8FB3A0}.search-head h2{font-size:20px;color:#E8F6EE;margin:2px 0 12px}.search-presets{display:flex;gap:8px;flex-wrap:wrap}.search-presets a{border:1px solid rgba(42,157,92,.45);border-radius:999px;padding:7px 12px}.search-card p{color:#8FB3A0;margin:14px 0 0}.mobile-bottom{display:none}.is-locked{overflow:hidden}.clearfix:after{content:"";display:block;clear:both}@media(max-width:760px){.shell{width:calc(100% - 32px)}.quick-tabs{display:none}.site-main{padding-top:98px;padding-bottom:54px}.page-wrap{padding-top:22px}.stage-cut,.two-narrow,.spread-grid,.article-grid,.contact-block,.link-index{grid-template-columns:1fr}.media-app{float:none;width:min(240px,100%);margin:0 auto 18px}.side-panel{right:6%;top:10vh;width:88%;height:76vh}.search-layer{inset:0;top:0;background:#080A09;padding:20px 0;overflow:auto}.search-card{border-radius:0;border:0;width:calc(100% - 32px);box-shadow:none;margin-top:54px}.mobile-bottom{position:fixed;z-index:70;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#080A09;border-top:1px solid rgba(42,157,92,.45)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;font-size:13px}.mobile-bottom a.is-active{background:#2A9D5C;color:#08110C}.site-footer{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-groups a{grid-template-columns:82px 1fr}.header-app,.menu-trigger{padding:0 10px}.brand-logo{max-width:130px}}@media(max-width:420px){.footer-grid{grid-template-columns:1fr 1fr}.header-actions{gap:4px}.brand-text{font-size:15px}.top-strip-inner{gap:8px}}