:root{
  --bg:#0C100E;--bg-deep:#080A09;--panel:#141A16;--panel-2:#1A2420;
  --text:#CDE3D6;--title:#E8F6EE;--muted:#8FB3A0;--soft:#6E8F7E;
  --green:#2A9D5C;--green-bright:#3CB371;--green-deep:#146B3A;--sand:#EFE6D2;
  --border:rgba(42,157,92,.18);--border-strong: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,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}img{max-width:100%;display:block}a,button{outline:none}.skip-link{position:fixed;left:16px;top:-60px;z-index:2000;background:var(--sand);color:#08110C;padding:8px 12px;border-radius:8px}.skip-link:focus{top:8px}
.site-topline{position:fixed;z-index:900;top:0;left:0;right:0;height:20px;background:#050706;color:var(--green-bright);font-size:12px}.topline-inner,.header-inner,.quick-tabs-inner,.site-main,.footer-inner{width:min(960px,calc(100% - 32px));margin:0 auto}.topline-inner{height:20px;display:flex;align-items:center;justify-content:space-between}.top-search-trigger{border:0;background:transparent;color:var(--green-bright);padding:0 4px;min-height:20px;cursor:pointer}
.site-header{position:fixed;z-index:890;top:20px;left:0;right:0;height:54px;background:#080A09;border-bottom:1px solid var(--border)}.header-inner{height:54px;display:flex;align-items:center;justify-content:space-between}.brand-link{min-height:44px;display:flex;align-items:center}.brand-logo,.footer-logo{height:24px;width:auto;object-fit:contain}.brand-fallback{font-size:16px;font-weight:800;color:var(--title)}.header-actions{display:flex;gap:8px;align-items:center}.header-app,.menu-trigger{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:10px;font-size:14px;white-space:nowrap}.header-app{background:linear-gradient(135deg,#3CB371 0%,#2A9D5C 55%,#146B3A 100%);color:#08110C;font-weight:800}.menu-trigger{background:#0B0F0D;color:var(--text);border:1px solid var(--border-strong);cursor:pointer}
.quick-tabs{position:fixed;z-index:880;top:74px;left:0;right:0;height:44px;background:#080A09;border-bottom:1px solid var(--border)}.quick-tabs-inner{height:44px;display:flex;gap:10px;align-items:center}.quick-tabs a{width:88px;height:22px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-strong);color:var(--text);font-size:13px;border-radius:999px}.quick-tabs a.is-current{background:var(--green);color:#08110C;border-color:var(--green)}
.site-main{padding-top:142px;padding-bottom:72px}.page-shell{padding:26px 0 10px}.eyebrow{font-size:12px;letter-spacing:.12em;color:var(--green-bright);text-transform:uppercase}.lead{font-size:16px;color:var(--text);max-width:760px}.muted{color:var(--muted)}h1,h2,h3{color:var(--title);margin:0 0 12px;line-height:1.3}h1{font-size:24px}h2{font-size:20px}h3{font-size:16px}p{margin:0 0 14px}.section-block{margin-top:34px}.section-block+.section-block{padding-top:28px;border-top:1px solid var(--border)}.hero-copy{max-width:810px}.index-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.index-tabs a{font-size:13px;border:1px solid var(--border-strong);border-radius:999px;padding:6px 13px;color:var(--text)}.index-tabs a:first-child{background:var(--green);color:#08110C;border-color:var(--green)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.btn-primary,.btn-secondary{min-height:42px;padding:0 18px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:14px}.btn-primary{background:linear-gradient(135deg,#3CB371 0%,#2A9D5C 55%,#146B3A 100%);color:#08110C;font-weight:800}.btn-secondary{background:#0B0F0D;color:var(--text);border:1px solid var(--border-strong)}
.media-slot{width:100%;background:#080A09;border:1px solid var(--border);border-radius:10px;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-168{height:168px}.media-160{height:160px}.media-200{height:200px}.media-320{height:320px;width:240px;max-width:100%}.media-120{height:120px}.media-slot:empty:before{content:"";width:42px;height:4px;border-radius:999px;background:var(--border-strong)}
.cut-panel{margin-top:32px;background:linear-gradient(180deg,#101612,#0C100E);border:1px solid var(--border);border-radius:10px;padding:18px}.cut-panel .media-slot{margin-bottom:16px}.narrow-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.narrow-item{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px}.narrow-item .media-slot{margin-bottom:14px}.page-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.page-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px}.page-card .media-slot{margin-bottom:14px}.line-list{display:grid;gap:10px}.line-row{display:grid;grid-template-columns:132px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--border)}.line-row:last-child{border-bottom:0}.line-row strong{color:var(--sand)}.lesson-list,.status-list,.index-list,.article-list{display:grid;gap:10px}.lesson,.status-item,.index-item,.article-item{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:15px 16px}.lesson strong,.status-item strong,.index-item strong,.article-item strong{display:block;color:var(--title);margin-bottom:4px}.status-tag{display:inline-flex;padding:4px 9px;border-radius:999px;background:rgba(42,157,92,.15);border:1px solid var(--border-strong);color:var(--text);font-size:12px}.status-item{display:grid;grid-template-columns:92px 1fr;gap:16px;align-items:start}.wrap-feature{display:grid;grid-template-columns:1fr 240px;gap:24px;align-items:start}.wrap-feature .visual-stack{display:grid;gap:12px}.icon-row{display:flex;gap:12px;align-items:center}.icon-box{width:48px;height:48px;border-radius:10px;background:#080A09;border:1px solid var(--border);display:flex;align-items:center;justify-content:center}.icon-box img{width:48px;height:48px;object-fit:contain}.compact-links{display:flex;gap:8px;flex-wrap:wrap}.compact-links a{border:1px solid var(--border);padding:7px 10px;border-radius:8px;color:var(--muted)}
.term-index{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 22px}.term-index a{min-height:38px;display:inline-flex;align-items:center;padding:0 12px;background:#0B0F0D;border:1px solid var(--border-strong);border-radius:999px;color:var(--text)}.directory{display:grid;grid-template-columns:220px 1fr;gap:20px}.directory-nav{align-self:start;position:sticky;top:136px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px}.directory-nav a{display:block;padding:9px 10px;border-radius:8px;color:var(--muted)}.directory-nav a:hover{background:var(--panel-2);color:var(--title)}.directory-body section{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:18px;margin-bottom:14px}.theater-cut{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.theater-cut .rail{display:grid;gap:12px}.theater-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px}.page-spread{display:grid;grid-template-columns:1fr 1fr;gap:18px}.page-spread article{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:18px}.shot-entry{display:grid;grid-template-columns:84px 1fr;gap:18px;padding:16px 0;border-bottom:1px solid var(--border)}.shot-entry:last-child{border-bottom:0}.shot-key{color:#08110C;background:var(--green);border-radius:8px;min-height:44px;display:flex;align-items:center;justify-content:center;font-weight:800}.class-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.sound-entry{padding:18px;border-left:3px solid var(--green);background:var(--panel);margin-bottom:12px;border-radius:0 10px 10px 0}.article-catalog{display:grid;grid-template-columns:1fr 1fr;gap:14px}.discovery-groups section{margin-bottom:18px}.discovery-row{display:flex;gap:10px;flex-wrap:wrap}.discovery-row a{min-height:44px;display:inline-flex;align-items:center;padding:0 14px;border-radius:10px;border:1px solid var(--border-strong);background:#0B0F0D}.legal-section{padding:18px 0;border-bottom:1px solid var(--border)}.legal-section:last-child{border-bottom:0}.faq-list details{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px 16px;margin-bottom:10px}.faq-list summary{cursor:pointer;color:var(--title);font-weight:800}.faq-list p{margin-top:10px;color:var(--text)}.contact-kind{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.contact-kind article{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:18px}
.site-footer{background:#050706;border-top:1px solid var(--border);color:var(--text);font-size:13px}.footer-inner{padding:28px 0 76px}.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}.footer-brand strong{display:block;color:var(--title);font-size:16px}.footer-brand span{color:var(--muted)}.footer-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.footer-groups h2{font-size:13px;color:var(--sand);margin-bottom:8px}.footer-groups a{display:block;padding:4px 0;color:var(--muted)}.footer-note{max-width:820px;margin-top:20px;color:var(--muted)}.footer-copy{color:var(--soft)}
.screen-mask{position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:1090;opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.screen-mask.is-active{opacity:1;visibility:visible;pointer-events:auto}.side-panel{position:fixed;z-index:1100;top:84px;right:16px;width:min(32vw,420px);max-height:76vh;background:#080A09;border:1px solid var(--border-strong);border-radius:12px;box-shadow:var(--shadow);transform:translateX(calc(100% + 32px));visibility:hidden;pointer-events:none;transition:.22s}.menu-open .side-panel{transform:translateX(0);visibility:visible;pointer-events:auto}.side-head{height:58px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.side-brand{display:flex;align-items:center;gap:10px;color:var(--title);font-weight:800}.side-brand img{height:24px;object-fit:contain}.panel-close,.search-head button{min-height:44px;border:1px solid var(--border-strong);background:#0B0F0D;color:var(--text);border-radius:8px;padding:0 12px;cursor:pointer}.side-scroll{overflow:auto;max-height:calc(76vh - 58px);padding:12px}.side-group{padding:10px 0;border-bottom:1px solid var(--border)}.side-group:last-child{border-bottom:0}.side-group h2{font-size:13px;color:var(--sand);margin:0 0 6px}.side-group a{display:block;padding:9px 10px;border-radius:8px}.side-group a:hover{background:var(--panel)}.side-group strong{display:block;color:var(--title);font-size:14px}.side-group span{display:block;color:var(--muted);font-size:12px}.lock-scroll{overflow:hidden}
.search-panel{position:fixed;z-index:1110;top:82px;left:50%;width:min(900px,calc(100% - 32px));transform:translateX(-50%) translateY(-12px);opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.search-open .search-panel{transform:translateX(-50%) translateY(0);opacity:1;visibility:visible;pointer-events:auto}.search-card{background:#080A09;border:1px solid var(--border-strong);box-shadow:var(--shadow);border-radius:12px;padding:18px}.search-head{display:flex;align-items:center;justify-content:space-between}.search-head h2{font-size:20px}.search-presets{display:flex;gap:10px;flex-wrap:wrap}.search-presets a{min-height:44px;display:inline-flex;align-items:center;padding:0 14px;background:var(--panel);border:1px solid var(--border);border-radius:10px}.mobile-bottom{display:none}
a:hover{color:var(--title)}a:focus-visible,button:focus-visible{outline:2px solid var(--sand);outline-offset:2px}.btn-primary:hover,.header-app:hover{filter:brightness(1.08);color:#08110C}.btn-secondary:hover{background:var(--panel)}
@media (max-width:760px){
  .quick-tabs{display:none}.site-main{padding-top:100px;padding-bottom:86px}.topline-inner,.header-inner,.site-main,.footer-inner{width:calc(100% - 32px)}.site-header{top:20px}.header-inner{gap:8px}.brand-logo{max-width:130px}.header-actions{gap:6px}.header-app,.menu-trigger{padding:0 11px}.narrow-pair,.page-cards,.page-spread,.class-grid,.article-catalog,.contact-kind,.footer-groups,.theater-cut{grid-template-columns:1fr}.wrap-feature{grid-template-columns:1fr}.wrap-feature .visual-stack{order:-1}.media-320{width:min(240px,100%);margin-left:auto;margin-right:auto}.line-row{grid-template-columns:1fr;gap:4px}.status-item{grid-template-columns:1fr;gap:8px}.directory{grid-template-columns:1fr}.directory-nav{position:static;display:flex;gap:6px;overflow:auto}.directory-nav a{white-space:nowrap;border:1px solid var(--border)}.side-panel{top:76px;right:8px;width:88%;max-height:76vh}.search-panel{top:0;left:0;width:100%;height:100dvh;transform:none}.search-open .search-panel{transform:none}.search-card{height:100%;border-radius:0;border:0;padding-top:28px}.mobile-bottom{position:fixed;z-index:1000;left:0;right:0;bottom:0;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);background:#080A09;border-top:1px solid var(--border)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;min-height:48px;color:var(--muted);font-size:13px}.mobile-bottom a.is-current{background:var(--green);color:#08110C;font-weight:800}.footer-inner{padding-bottom:84px}.shot-entry{grid-template-columns:70px 1fr;gap:12px}
}
@media (max-width:420px){.header-app{padding:0 9px}.menu-trigger{padding:0 9px}.brand-logo{max-width:112px}.actions{display:grid}.actions a{width:100%}.shot-entry{grid-template-columns:1fr}.shot-key{justify-content:flex-start;padding:0 12px}.index-tabs{gap:6px}.index-tabs a{padding:5px 10px}}