*{box-sizing:border-box}html{scroll-behavior:smooth;background:#080A09}body{margin:0;background:#0C100E;color:#CDE3D6;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}body.lock-scroll{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;object-fit:contain;object-position:center}button,input{font:inherit}.shell{width:min(960px,calc(100% - 32px));margin:0 auto}.skip-link{position:fixed;left:16px;top:-60px;z-index:2000;background:#EFE6D2;color:#08110C;padding:8px 12px;border-radius:8px}.skip-link:focus{top:8px}.domain-edge{position:fixed;top:0;left:0;right:0;height:20px;z-index:1200;background:#050706;color:#3CB371;font-size:12px}.edge-inner{height:20px;display:flex;align-items:center;justify-content:space-between}.edge-search{border:0;background:transparent;color:#3CB371;cursor:pointer;padding:0 6px;height:20px}.domain-head{position:fixed;top:20px;left:0;right:0;height:54px;z-index:1190;background:#080A09;border-bottom:1px solid rgba(42,157,92,.18)}.head-inner{height:54px;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand-link{display:flex;align-items:center;min-height:44px}.brand-logo{height:24px;width:auto;max-width:150px}.brand-fallback{font-size:16px;font-weight:800;color:#E8F6EE}.head-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}.head-app,.menu-toggle,.icon-button{min-height:44px;border:1px solid rgba(42,157,92,.45);background:#0C100E;color:#CDE3D6;border-radius:9px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px}.head-app:hover,.menu-toggle:hover,.icon-button:hover,.head-app:focus-visible,.menu-toggle:focus-visible,.icon-button:focus-visible{border-color:#3CB371;outline:2px solid rgba(60,179,113,.28);outline-offset:2px}.domain-tabs{position:fixed;top:74px;left:0;right:0;height:44px;z-index:1180;background:#080A09;border-bottom:1px solid rgba(42,157,92,.18)}.tab-inner{height:44px;display:flex;align-items:center;gap:10px}.tab-item{width:88px;height:22px;border:1px solid rgba(42,157,92,.45);border-radius:999px;color:#CDE3D6;font-size:13px;display:inline-flex;align-items:center;justify-content:center}.tab-item.is-current{background:#2A9D5C;color:#08110C;border-color:#2A9D5C}.site-main{padding-top:142px;min-height:70vh}.page-head{padding:36px 0 28px}.eyebrow{margin:0 0 7px;color:#8FB3A0;font-size:12px;letter-spacing:.08em}.page-head h1,.home-intro h1{margin:0 0 14px;color:#E8F6EE;font-size:24px;line-height:1.3;max-width:760px}.lead{font-size:15px;color:#CDE3D6;max-width:800px;margin:0}.btn{min-height:42px;padding:0 18px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;margin-top:16px}.primary{background:linear-gradient(135deg,#3CB371 0%,#2A9D5C 55%,#146B3A 100%);color:#08110C}.secondary{background:#0C100E;border:1px solid rgba(42,157,92,.45);color:#CDE3D6}.btn:hover,.btn:focus-visible{transform:translateY(-1px);outline:2px solid rgba(60,179,113,.3);outline-offset:2px}.text-link{display:inline-flex;min-height:44px;align-items:center;color:#EFE6D2;font-weight:700}.text-link:hover,.text-link:focus-visible{text-decoration:underline;outline:none}.media-slot{background:#080A09;border:1px solid rgba(42,157,92,.18);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 12px 28px rgba(8,10,9,.35)}.media-slot img{width:100%;height:100%;object-fit:contain}.slot-176{height:176px}.slot-168{height:168px}.slot-160{height:160px}.mini-index{display:flex;gap:10px;margin-bottom:22px}.mini-index a{width:88px;height:22px;border-radius:999px;border:1px solid rgba(42,157,92,.45);display:inline-flex;align-items:center;justify-content:center;font-size:13px}.home-intro{padding:30px 0 46px}.home-intro .lead{max-width:760px}.cut-feature{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:26px;padding:22px 0 52px}.section-copy h2,.narrow-card h2,.scene-pages h2,.shot-notes h2,.study-strip h2,.status-home h2,.app-wrap-home h2,.long-note h2,.home-faq h2,.brand-story h2{font-size:20px;line-height:1.4;color:#E8F6EE;margin:0 0 10px}.section-copy p,.narrow-card p,.scene-pages p,.shot-notes p,.study-strip p,.status-home p,.app-wrap-home p,.long-note p,.brand-story p{margin:0 0 12px}.narrow-pair{display:grid;grid-template-columns:.92fr 1.08fr;gap:22px;padding:0 0 52px}.narrow-card{background:#141A16;border:1px solid rgba(42,157,92,.18);border-radius:10px;padding:18px}.narrow-card.featured{padding:0 0 18px}.narrow-card.featured .eyebrow,.narrow-card.featured h2,.narrow-card.featured p{margin-left:18px;margin-right:18px}.narrow-card.featured .media-slot{border:0;border-radius:10px 10px 0 0;margin-bottom:18px}.scene-pages{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;padding:0 0 52px}.scene-pages article{background:#1A2420;border-radius:10px;padding:18px;border:1px solid rgba(42,157,92,.18)}.scene-pages .media-slot{margin:-18px -18px 18px;width:calc(100% + 36px);border-radius:10px 10px 0 0}.shot-notes{display:grid;grid-template-columns:.9fr 1fr 1fr;gap:18px;align-items:start;padding:0 0 52px}.shot-notes>div:not(.media-slot){background:#141A16;border:1px solid rgba(42,157,92,.18);border-radius:10px;padding:18px}.shot-notes h3{font-size:16px;color:#E8F6EE;margin:0 0 8px}.study-strip{display:grid;grid-template-columns:.75fr 1.25fr;gap:22px;align-items:center;padding:0 0 42px}.study-strip.reverse{grid-template-columns:.8fr 1.2fr}.study-strip.reverse .media-slot{order:2}.lesson-list{margin:0;padding-left:20px}.lesson-list li{margin:7px 0}.status-home{display:grid;grid-template-columns:.75fr 1.25fr;gap:22px;align-items:start;padding:0 0 48px}.status-row{display:grid;grid-template-columns:88px 1fr;gap:12px;border-top:1px solid rgba(42,157,92,.18);padding:10px 0}.status-row span{color:#EFE6D2;font-weight:700}.app-wrap-home,.app-wrap-page{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:30px;align-items:start;padding:0 0 52px}.app-media{width:240px}.app-slot{height:320px;width:240px}.app-icon-slot{width:48px;height:48px;margin:0 0 10px auto;background:#141A16;border:1px solid rgba(42,157,92,.18);border-radius:10px;padding:4px}.app-icon-slot img{width:40px;height:40px}.app-icon-slot.large{margin-left:0}.long-note,.brand-story{padding:30px;background:#141A16;border:1px solid rgba(42,157,92,.18);border-radius:10px;margin-bottom:42px}.home-faq{padding:0 0 42px}.home-faq details,.faq-list details{background:#141A16;border:1px solid rgba(42,157,92,.18);border-radius:10px;margin:10px 0;padding:14px 16px}.home-faq summary,.faq-list summary{cursor:pointer;color:#E8F6EE;font-weight:700}.home-faq details p,.faq-list details p{margin:10px 0 0}.compact-head{max-width:900px}.layout-dual-narrow{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;padding-bottom:56px}.column-note{background:#141A16;border:1px solid rgba(42,157,92,.18);border-radius:10px;padding:20px}.column-note .media-slot{margin-bottom:20px}.column-note h2,.directory-flow h2,.role-ledger h2,.scene-page h2,.shot-stack h2,.lesson-directory h2,.sound-list h2,.status-board h2,.editorial-list h2,.discover-topic h2,.app-copy h2,.app-features h2,.install-steps h2,.install-guide h2,.terms-sections h2,.help-map h2,.help-detail h2,.contact-categories h2,.contact-rules h2,.about-story h2{font-size:20px;color:#E8F6EE;line-height:1.4;margin:0 0 10px}.column-note p,.directory-flow p,.role-ledger p,.scene-page p,.shot-stack p,.lesson-directory p,.sound-list p,.status-board p,.editorial-list p,.discover-topic p,.app-copy p,.app-features p,.install-steps p,.install-guide p,.terms-sections p,.help-map p,.help-detail p,.contact-categories p,.contact-rules p,.about-story p{margin:0 0 14px}.domain-index{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.domain-index a{min-height:44px;padding:0 15px;border-radius:9px;border:1px solid rgba(42,157,92,.45);display:inline-flex;align-items:center}.directory-flow{display:grid;gap:16px;padding-bottom:56px}.directory-flow article{display:grid;grid-template-columns:56px 1fr;gap:18px;background:#141A16;border:1px solid rgba(42,157,92,.18);border-radius:10px;padding:20px}.marker{width:48px;height:48px;border-radius:10px;background:#2A9D5C;color:#08110C;display:flex;align-items:center;justify-content:center;font-weight:800}.curtain-cut{display:grid;grid-template-columns:.82fr 1.18fr;gap:26px;align-items:end;padding:0 0 34px}.cut-copy{background:#141A16;border:1px solid rgba(42,157,92,.18);border-radius:10px;padding:22px;margin-bottom:12px}.cut-copy h2{font-size:20px;color:#E8F6EE;margin:0 0 10px}.role-ledger{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-bottom:30px}.role-ledger article{display:grid;grid-template-columns:64px 1fr;gap:16px;background:#1A2420;border:1px solid rgba(42,157,92,.18);border-radius:10px;padding:18px}.role-code{width:58px;height:58px;border:1px solid rgba(42,157,92,.45);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#EFE6D2;font-weight:800}.reading-note{margin-bottom:56px;background:#141A16;border-left:3px solid #2A9D5C;border-radius:0 10px 10px 0;padding:22px}.reading-note h2{font-size:20px;color:#E8F6EE;margin:0 0 10px}.curtain-pages{display:grid;gap:18px;padding-bottom:56px}.scene-page{background:#141A16;border:1px solid rgba(42,157,92,.18);border-radius:10px;padding:20px;display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:center}.scene-page.primary-page{grid-template-columns:.9fr 1.1fr}.scene-page aside{padding:14px;border-radius:10px;background:#1A2420;color:#8FB3A0}.shot-stack{display:grid;gap:14px;padding-bottom:26px}.shot-stack>.media-slot{margin-bottom:8px}.shot-stack article{display:grid;grid-template-columns:54px 1fr;gap:16px;padding:18px 20px;border-radius:10px;background:#141A16;border:1px solid rgba(42,157,92,.18)}.shot-stack article>span{width:44px;height:44px;border-radius:10px;background:#2A9D5C;color:#08110C;display:flex;align-items:center;justify-content:center;font-weight:800}.lesson-directory{display:grid;gap:16px;padding-bottom:56px}.lesson-directory>.media-slot{margin-bottom:8px}.lesson-directory article{display:grid;grid-template-columns:58px 1fr;gap:18px;background:#141A16;border-bottom:1px solid rgba(42,157,92,.18);padding:18px}.lesson-number{font-size:28px;font-weight:800;color:#3CB371}.sound-list{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;padding-bottom:56px}.sound-visual{grid-row:span 2;background:#141A16;border-radius:10px;padding:16px;border:1px solid rgba(42,157,92,.18)}.sound-visual p{color:#8FB3A0;margin-top:12px}.sound-list article{background:#1A2420;border:1px solid rgba(42,157,92,.18);border-radius:10px;padding:18px}.status-board{display:grid;gap:14px;padding-bottom:30px}.status-board>.media-slot{margin-bottom:8px}.status-item{display:grid;grid-template-columns:112px 1fr;gap:18px;background:#141A16;border-radius:10px;border:1px solid rgba(42,157,92,.18);padding:18px}.status-item>span{min-height:42px;border-radius:9px;border:1px solid rgba(42,157,92,.45);display:flex;align-items:center;justify-content:center;font-weight:800;color:#EFE6D2}.feature-editorial{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:center;padding-bottom:34px}.feature-wide{height:176px}.editorial-list{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-bottom:56px}.editorial-list article{background:#141A16;border:1px solid rgba(42,157,92,.18);border-radius:10px;padding:20px}.editorial-list article>span{font-size:12px;color:#8FB3A0}.discovery-index{display:grid;gap:14px;padding-bottom:34px}.discover-topic{display:grid;grid-template-columns:96px 1fr;gap:20px;background:#141A16;border:1px solid rgba(42,157,92,.18);border-radius:10px;padding:20px}.discover-key{width:82px;height:82px;border-radius:10px;background:#2A9D5C;color:#08110C;font-size:18px;font-weight:800;display:flex;align-items:center;justify-content:center}.discover-topic a,.help-map a{display:inline-flex;min-height:44px;align-items:center;color:#EFE6D2;font-weight:700}.inline-links{display:flex;gap:12px;flex-wrap:wrap}.discover-note{padding:24px;background:#1A2420;border-radius:10px;margin-bottom:56px}.discover-note h2{font-size:20px;color:#E8F6EE;margin:0 0 10px}.app-wrap-page{padding-bottom:26px}.app-features{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-bottom:56px}.app-features article{background:#141A16;border:1px solid rgba(42,157,92,.18);border-radius:10px;padding:20px}.install-steps{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-bottom:30px}.install-steps article{background:#141A16;border-top:3px solid #2A9D5C;border-radius:10px;padding:20px}.install-steps article>span{font-size:12px;color:#8FB3A0}.install-guide{margin-bottom:56px;padding:24px;background:#1A2420;border-radius:10px}.terms-sections{display:grid;gap:16px;padding-bottom:56px}.terms-sections article{background:#141A16;border:1px solid rgba(42,157,92,.18);border-radius:10px;padding:20px}.grade-sections article:nth-child(even),.privacy-sections article:nth-child(odd){background:#1A2420}.help-map{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-bottom:32px}.help-map article{background:#141A16;border:1px solid rgba(42,157,92,.18);border-radius:10px;padding:20px}.help-detail{margin-bottom:56px;background:#1A2420;border-radius:10px;padding:24px}.faq-list{padding-bottom:56px}.contact-categories{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-bottom:30px}.contact-categories article{background:#141A16;border:1px solid rgba(42,157,92,.18);border-radius:10px;padding:20px}.contact-rules{background:#1A2420;border-radius:10px;padding:24px;margin-bottom:56px}.about-banner{padding-top:18px}.banner-slot{height:200px;width:100%}.about-story{display:grid;gap:18px;padding-bottom:56px}.about-story article{background:#141A16;border:1px solid rgba(42,157,92,.18);border-radius:10px;padding:22px}.about-visual{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px;align-items:center}.brand-cover{height:176px}.site-footer{background:#050706;color:#CDE3D6;border-top:1px solid rgba(42,157,92,.18);padding:28px 0 76px;font-size:13px}.footer-brand{margin-bottom:20px}.footer-brandline{display:flex;align-items:center;gap:10px}.footer-brandline strong{font-size:16px;color:#E8F6EE}.footer-brandline span{color:#8FB3A0}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.footer-grid section{display:flex;flex-direction:column;gap:8px}.footer-grid h2{font-size:13px;color:#EFE6D2;margin:0 0 4px}.footer-grid a{min-height:32px;display:flex;align-items:center;color:#CDE3D6}.footer-grid a:hover,.footer-grid a:focus-visible{color:#EFE6D2;text-decoration:underline;outline:none}.footer-note{border-top:1px solid rgba(42,157,92,.18);margin-top:24px;padding-top:18px;color:#8FB3A0}.footer-note p{margin:7px 0}.overlay{position:fixed;inset:0;background:rgba(5,7,6,.68);z-index:1300;visibility:hidden;pointer-events:none;opacity:0;transition:.2s}.overlay.is-open{visibility:visible;pointer-events:auto;opacity:1}.site-menu{position:fixed;z-index:1400;right:16px;top:86px;width:min(32vw,420px);max-height:76vh;background:#0C100E;border:1px solid rgba(42,157,92,.45);border-radius:10px;box-shadow:0 12px 28px rgba(8,10,9,.35);transform:translateX(calc(100% + 40px));visibility:hidden;pointer-events:none;transition:.22s;overflow:auto}.site-menu.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.menu-head{position:sticky;top:0;background:#0C100E;display:flex;justify-content:space-between;align-items:center;padding:14px;border-bottom:1px solid rgba(42,157,92,.18);z-index:2}.menu-brand{display:flex;align-items:center;gap:10px}.menu-brand div{display:flex;flex-direction:column}.menu-brand span{font-size:12px;color:#8FB3A0}.menu-groups{padding:12px}.menu-groups section{margin:0 0 14px}.menu-groups h2{font-size:13px;color:#EFE6D2;margin:0 0 6px}.menu-groups a{display:grid;grid-template-columns:110px 1fr;gap:10px;padding:9px 8px;border-radius:8px;min-height:44px}.menu-groups a:hover,.menu-groups a:focus-visible{background:#1A2420;outline:1px solid rgba(42,157,92,.45)}.menu-groups a b{color:#E8F6EE}.menu-groups a span{color:#8FB3A0;font-size:13px}.search-layer{position:fixed;z-index:1410;top:82px;left:50%;transform:translate(-50%,-16px);width:min(720px,calc(100% - 32px));background:#0C100E;border:1px solid rgba(42,157,92,.45);border-radius:10px;box-shadow:0 12px 28px rgba(8,10,9,.35);padding:18px;visibility:hidden;pointer-events:none;opacity:0;transition:.2s}.search-layer.is-open{visibility:visible;pointer-events:auto;opacity:1;transform:translate(-50%,0)}.search-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.search-head strong{font-size:20px;color:#E8F6EE}.search-head p{margin:4px 0 0;color:#8FB3A0}.search-box{display:block;margin-top:16px;color:#8FB3A0;font-size:13px}.search-box input{width:100%;height:44px;margin-top:7px;border-radius:9px;border:1px solid rgba(42,157,92,.45);background:#080A09;color:#CDE3D6;padding:0 12px;outline:none}.search-box input:focus{border-color:#3CB371;box-shadow:0 0 0 2px rgba(60,179,113,.16)}.search-presets{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.search-presets a{min-height:58px;background:#141A16;border:1px solid rgba(42,157,92,.18);border-radius:9px;padding:10px 12px;display:flex;flex-direction:column;justify-content:center}.search-presets a span{font-size:12px;color:#8FB3A0}.mobile-bottom{display:none}.icon-button{min-width:44px}@media(max-width:820px){.domain-tabs{display:none}.site-main{padding-top:98px;padding-bottom:58px}.site-menu{top:74px;right:10px;width:88%;max-height:76vh}.cut-feature,.narrow-pair,.scene-pages,.shot-notes,.study-strip,.study-strip.reverse,.status-home,.layout-dual-narrow,.curtain-cut,.role-ledger,.scene-page,.scene-page.primary-page,.feature-editorial,.editorial-list,.sound-list,.app-wrap-home,.app-wrap-page,.app-features,.install-steps,.help-map,.contact-categories,.about-visual{grid-template-columns:1fr}.study-strip.reverse .media-slot{order:0}.shot-notes{gap:14px}.sound-visual{grid-row:auto}.app-wrap-home,.app-wrap-page{gap:18px}.app-media{width:100%;display:flex;gap:14px;align-items:flex-start;justify-content:flex-end}.app-slot{width:240px;max-width:100%}.app-icon-slot{margin:0}.footer-grid{grid-template-columns:1fr 1fr}.mobile-bottom{position:fixed;left:0;right:0;bottom:0;z-index:1170;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,.18);display:grid;grid-template-columns:repeat(4,1fr)}.mobile-bottom a{height:48px;display:flex;align-items:center;justify-content:center;font-size:13px}.mobile-bottom a.is-current{background:#2A9D5C;color:#08110C}.site-footer{padding-bottom:92px}.about-banner{padding-top:18px}.menu-groups a{grid-template-columns:96px 1fr}}@media(max-width:600px){.shell{width:calc(100% - 32px)}.head-actions{gap:6px}.head-app,.menu-toggle{padding:0 10px}.home-intro{padding-top:24px}.mini-index{gap:7px}.mini-index a{width:82px}.page-head{padding:28px 0 22px}.long-note,.brand-story{padding:20px}.directory-flow article,.shot-stack article{grid-template-columns:46px 1fr;padding:16px;gap:12px}.marker,.shot-stack article>span{width:40px;height:40px}.role-ledger article{grid-template-columns:54px 1fr}.role-code{width:50px;height:50px;font-size:12px}.scene-page,.scene-page.primary-page{padding:16px}.status-item{grid-template-columns:1fr}.status-item>span{width:120px}.discover-topic{grid-template-columns:1fr}.discover-key{width:72px;height:48px}.search-layer{top:0;left:0;width:100%;height:100%;transform:none!important;border-radius:0;border:0;padding:22px 16px;background:#080A09;overflow:auto}.search-presets{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:22px 16px}.app-media{display:block}.app-icon-slot{margin-bottom:10px}.app-slot{width:100%;height:320px}.banner-slot{height:200px}.about-visual{display:block}.brand-cover{margin-bottom:18px}.menu-groups a{grid-template-columns:88px 1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}