:root{
 --bg:#0C100E;--bg-deep:#080A09;--panel:#141A16;--panel-2:#1A2420;--title:#E8F6EE;--text:#CDE3D6;--muted:#8FB3A0;--soft:#6E8F7E;--green:#2A9D5C;--green-bright:#3CB371;--green-deep:#146B3A;--sand:#EFE6D2;--line:rgba(42,157,92,.18);--line-strong:rgba(42,157,92,.45);--shadow:0 12px 28px rgba(8,10,9,.35);--radius:10px;--max:960px;
}
*{box-sizing:border-box}html{background:var(--bg-deep);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);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}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.lock-scroll{overflow:hidden}.skip-link{position:fixed;left:16px;top:-80px;z-index:200;background:var(--sand);color:#08110C;padding:8px 14px;border-radius:8px}.skip-link:focus{top:8px}.top-mini{position:fixed;top:0;left:0;right:0;height:20px;background:#050706;color:var(--green-bright);z-index:110;border-bottom:1px solid var(--line)}.top-mini-inner,.site-header-inner,.footer-inner,.site-main,.quick-nav{width:min(calc(100% - 32px),var(--max));margin:0 auto}.top-mini-inner{height:20px;display:flex;align-items:center;justify-content:space-between;font-size:12px;line-height:20px}.text-control,.menu-button,.icon-button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.text-control{color:var(--green-bright);height:20px;padding:0 2px}.site-header{position:fixed;top:20px;left:0;right:0;height:54px;background:#080B09;z-index:109;border-bottom:1px solid var(--line)}.site-header-inner{height:54px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand-home{min-width:96px;display:flex;align-items:center;height:44px;color:var(--title);font-size:16px;font-weight:700}.brand-home img,.footer-brand img,.panel-brand img{height:24px;width:auto;object-fit:contain;object-position:center}.header-actions{display:flex;align-items:center;gap:8px}.app-link,.menu-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px}.app-link{padding:0 14px;border:1px solid var(--line-strong);color:var(--text);background:#0B110E}.menu-button{min-width:74px;gap:7px;padding:0 12px;color:var(--text);border:1px solid var(--line)}.menu-button span:first-child{font-size:16px}.quick-nav{position:fixed;top:74px;left:50%;transform:translateX(-50%);height:44px;background:#080B09;z-index:108;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.quick-nav:before,.quick-nav:after{content:"";position:fixed;top:0;bottom:0;background:#080B09;border-bottom:1px solid var(--line);width:50vw}.quick-nav:before{right:100%}.quick-nav:after{left:100%}.quick-pill{width:88px;height:22px;border:1px solid var(--line-strong);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--text);font-size:13px;line-height:1}.quick-pill.is-current{background:var(--green);color:#08110C;border-color:var(--green)}.site-main{padding-top:142px;padding-bottom:64px;min-height:72vh}h1,h2,h3{margin:0;color:var(--title);line-height:1.3}h1{font-size:24px}h2{font-size:20px}h3{font-size:16px}p{margin:0 0 14px}.eyebrow{font-size:12px;color:var(--green-bright);letter-spacing:.08em;margin-bottom:8px}.lead{font-size:16px;color:var(--sand);max-width:760px}.subtle{color:var(--muted)}.soft{color:var(--soft)}.page-head{padding:30px 0 24px;border-bottom:1px solid var(--line)}.page-head p{max-width:800px;margin-top:12px}.section{padding:34px 0;border-bottom:1px solid var(--line)}.section:last-child{border-bottom:0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.section-head p{max-width:560px;margin:0;color:var(--muted)}.btn-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.btn{min-height:42px;padding:0 16px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#3CB371 0%,#2A9D5C 55%,#146B3A 100%);color:#08110C}.btn-secondary{background:#0A0F0C;border:1px solid var(--line-strong);color:var(--text)}a:hover,.text-control:hover,.menu-button:hover,.icon-button:hover{filter:brightness(1.12)}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--sand);outline-offset:2px}.media-slot{height:168px;background:#070A08;border:1px solid var(--line);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;overflow:hidden}.media-slot img{width:100%;height:100%;object-fit:contain;object-position:center}.media-160{height:160px}.media-176{height:176px}.media-200{height:200px}.media-app{width:240px;height:320px;background:#070A08;border:1px solid var(--line);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;overflow:hidden}.media-app img{width:100%;height:100%;object-fit:contain;object-position:center}.media-icon{width:58px;height:58px;background:#070A08;border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;justify-content:center}.media-icon img{width:48px;height:48px;object-fit:contain}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.card h3{margin-bottom:8px}.spaced-card{margin-top:14px}.card p:last-child{margin-bottom:0}.card-list{display:grid;gap:12px}.index-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.index-tabs a{min-width:88px;height:34px;border:1px solid var(--line-strong);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--text)}.hero-note{padding:28px 0 34px}.hero-note h1{max-width:760px;margin-bottom:12px}.hero-note .lead{font-size:18px;margin-bottom:12px}.cut-stage{background:linear-gradient(90deg,#0A0E0B,#141A16 52%,#0B110E);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.cut-stage .media-slot{height:176px}.cut-caption{display:flex;justify-content:space-between;align-items:start;gap:18px;margin-top:14px}.cut-caption p{max-width:680px;color:var(--muted)}.narrow-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.narrow-item{background:var(--panel);border-top:2px solid var(--green-deep);padding:18px;border-radius:0 0 var(--radius) var(--radius)}.narrow-item h3{margin-bottom:8px}.narrow-item .media-slot{margin-bottom:14px}.scene-pages{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.scene-page{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.scene-page .media-slot{margin-bottom:14px}.shot-lines{display:grid;gap:10px}.shot-line{display:grid;grid-template-columns:100px 1fr;gap:16px;padding:16px 0;border-top:1px solid var(--line)}.shot-line strong{color:var(--sand)}.lesson-list,.sound-list,.status-list{display:grid;gap:10px;margin-top:16px}.lesson-row,.sound-row,.status-row{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:14px 16px;background:var(--panel);border-left:3px solid var(--green);border-radius:8px}.lesson-row strong,.sound-row strong,.status-row strong{color:var(--title)}.status-chip{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 10px;border-radius:999px;background:var(--green);color:#08110C;font-weight:700;font-size:13px;width:max-content}.wrap-app{display:grid;grid-template-columns:1fr 240px;gap:26px;align-items:start}.wrap-app .media-stack{display:grid;justify-items:end;gap:12px}.wrap-app .copy p{margin-bottom:14px}.faq-mini{display:grid;gap:12px}.faq-mini details,.faq-list details{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:15px 16px}.faq-mini summary,.faq-list summary{cursor:pointer;color:var(--title);font-weight:700}.faq-mini details p,.faq-list details p{margin:10px 0 0;color:var(--muted)}.brand-copy{display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:start}.brand-copy .media-slot{height:180px}.domain-index{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 24px}.domain-index a{padding:7px 11px;border:1px solid var(--line);border-radius:999px;color:var(--muted)}.catalog-list{display:grid;gap:14px}.catalog-item{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:grid;grid-template-columns:180px 1fr;gap:20px}.catalog-item strong{color:var(--title)}.role-stage{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:20px;align-items:start}.role-stage .media-slot{height:176px}.role-cards{display:grid;gap:12px}.role-card{padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.role-card .meta{color:var(--green-bright);font-size:13px}.screen-pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.screen-page{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.screen-page:first-child{grid-column:1/-1}.screen-page .media-slot{margin-bottom:14px}.shot-guide{display:grid;gap:0}.shot-guide article{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.shot-guide article span{color:var(--green-bright);font-weight:700}.class-catalog{display:grid;grid-template-columns:230px 1fr;gap:22px}.class-catalog aside{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;height:max-content}.class-catalog aside a{display:block;padding:9px 0;border-bottom:1px solid var(--line);color:var(--muted)}.class-catalog aside a:last-child{border-bottom:0}.class-catalog .class-main{display:grid;gap:14px}.class-catalog .class-main article{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.sound-entries article{padding:18px 0;border-bottom:1px solid var(--line)}.sound-entries article h2{margin-bottom:8px}.timeline-status{display:grid;gap:14px}.timeline-status article{display:grid;grid-template-columns:110px 1fr;gap:18px;background:var(--panel);padding:18px;border-radius:var(--radius);border:1px solid var(--line)}.article-catalog{display:grid;grid-template-columns:1fr 1fr;gap:16px}.article-catalog article{padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.article-catalog article:first-child{grid-column:1/-1}.explore-index{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.explore-index a{min-height:140px;padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;justify-content:space-between}.explore-index strong{font-size:18px;color:var(--title)}.explore-index span{color:var(--muted)}.policy-sections{display:grid;gap:16px}.policy-sections section{padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.policy-sections h2{margin-bottom:10px}.help-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.help-grid article{padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.contact-routes{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.contact-routes article{background:var(--panel);border-left:3px solid var(--green);padding:18px;border-radius:8px}.about-banner{margin-top:18px}.about-banner .media-slot{height:200px}.statement-block{padding:22px 0;border-bottom:1px solid var(--line)}.statement-block:last-child{border-bottom:0}.site-footer{background:#050706;color:var(--text);border-top:1px solid var(--line);padding:34px 0 78px;font-size:13px}.footer-brand-link{display:inline-flex;align-items:center;gap:10px;min-height:44px}.footer-brand-link strong{font-size:16px}.footer-brand-link span{color:var(--muted)}.footer-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:22px}.footer-groups section{display:grid;align-content:start}.footer-groups h2{font-size:13px;color:var(--green-bright);margin-bottom:6px}.footer-groups a{min-height:32px;display:flex;align-items:center;color:var(--text)}.footer-note{margin-top:24px;color:var(--muted);max-width:820px}.copyright{color:var(--soft);margin:8px 0 0}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:130;opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.overlay.is-visible{opacity:1;visibility:visible}.side-panel{position:fixed;right:18px;top:84px;width:min(32vw,420px);max-height:76vh;overflow:auto;background:#0A0E0B;border:1px solid var(--line-strong);border-radius:14px;box-shadow:var(--shadow);z-index:140;transform:translateX(calc(100% + 40px));visibility:hidden;pointer-events:none;transition:.24s}.side-panel.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.side-panel-head{position:sticky;top:0;background:#0A0E0B;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);z-index:2}.panel-brand{display:flex;align-items:center;gap:10px}.panel-brand span{display:grid;line-height:1.2}.panel-brand small{color:var(--muted);margin-top:4px}.icon-button{width:44px;height:44px;border:1px solid var(--line);border-radius:10px;color:var(--text);font-size:24px}.panel-groups{padding:0 16px 18px}.panel-groups section{padding:14px 0;border-bottom:1px solid var(--line)}.panel-groups section:last-child{border-bottom:0}.panel-groups h2{font-size:13px;color:var(--green-bright);margin-bottom:8px}.panel-groups a{display:grid;padding:8px 0}.panel-groups a strong{font-size:14px;color:var(--title)}.panel-groups a span{font-size:12px;color:var(--muted)}.search-panel{position:fixed;left:50%;top:80px;transform:translateX(-50%) translateY(-16px);width:min(calc(100% - 32px),760px);background:#080B09;border:1px solid var(--line-strong);border-radius:14px;box-shadow:var(--shadow);z-index:145;opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.search-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}.search-inner{padding:18px}.search-head{display:flex;align-items:start;justify-content:space-between;gap:16px}.search-head strong{font-size:18px;color:var(--title)}.search-head p{font-size:13px;color:var(--muted);margin-top:4px}.search-label{display:block;margin:8px 0 6px;color:var(--muted);font-size:13px}.search-panel input{width:100%;height:44px;border:1px solid var(--line-strong);border-radius:9px;background:#0C120E;color:var(--text);padding:0 12px;font:inherit}.search-presets{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.search-presets a{padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:8px;display:grid}.search-presets a span{font-size:12px;color:var(--muted)}.search-empty{color:var(--muted);margin:14px 0 0}.mobile-bottom{display:none}
@media (max-width:760px){
 body{padding-bottom:calc(48px + env(safe-area-inset-bottom))}.top-mini-inner,.site-header-inner,.footer-inner,.site-main{width:calc(100% - 32px)}.quick-nav{display:none}.site-main{padding-top:98px;padding-bottom:46px}.site-header-inner{gap:8px}.brand-home{min-width:80px}.app-link{padding:0 10px}.menu-button{min-width:58px;padding:0 9px}.menu-button span:last-child{display:none}.section{padding:28px 0}.page-head{padding:24px 0 20px}.section-head{align-items:start;flex-direction:column}.narrow-two,.scene-pages,.screen-pages,.article-catalog,.help-grid,.contact-routes{grid-template-columns:1fr}.screen-page:first-child,.article-catalog article:first-child{grid-column:auto}.shot-line,.lesson-row,.sound-row,.status-row,.timeline-status article,.shot-guide article{grid-template-columns:1fr;gap:7px}.catalog-item{grid-template-columns:1fr}.role-stage{grid-template-columns:1fr}.class-catalog{grid-template-columns:1fr}.class-catalog aside{display:flex;flex-wrap:wrap;gap:8px}.class-catalog aside a{border:1px solid var(--line);padding:6px 10px;border-radius:999px}.explore-index{grid-template-columns:1fr 1fr}.wrap-app{display:block}.wrap-app .media-stack{float:right;margin:0 0 12px 16px;justify-items:end}.media-app{width:180px;height:270px}.brand-copy{grid-template-columns:1fr}.footer-groups{grid-template-columns:1fr 1fr}.site-footer{padding-bottom:calc(82px + env(safe-area-inset-bottom))}.side-panel{top:64px;right:8px;width:88%;max-height:76vh}.search-panel{inset:0;width:100%;height:100%;transform:none;border:0;border-radius:0;background:#050706;overflow:auto}.search-panel.is-open{transform:none}.search-inner{padding:76px 16px 70px}.search-presets{grid-template-columns:1fr}.mobile-bottom{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:0;right:0;bottom:0;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#050706;border-top:1px solid var(--line);z-index:120}.mobile-bottom a{min-height:48px;display:flex;align-items:center;justify-content:center;font-size:13px}.mobile-bottom a.is-current{background:var(--green);color:#08110C;font-weight:700}
}
@media (max-width:520px){.explore-index{grid-template-columns:1fr}.wrap-app .media-stack{float:none;margin:0 0 18px 0;justify-items:start}.media-app{width:240px;height:320px;max-width:100%}.cut-caption{display:block}.footer-groups{grid-template-columns:1fr 1fr}}