*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0C100E;color:#CDE3D6;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(960px,calc(100% - 32px));margin:0 auto}.site-header{position:fixed;left:0;right:0;top:0;z-index:80}.domain-strip{height:20px;background:#080A09;color:#3CB371;font-size:12px}.domain-strip-inner,.domain-head-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.text-button,.menu-button,.close-button{border:0;background:transparent;color:#CDE3D6;cursor:pointer;min-height:44px;padding:0 12px}.domain-strip .text-button{color:#3CB371;min-height:20px;padding:0 2px}.domain-head{height:54px;background:#080A09;border-bottom:1px solid rgba(42,157,92,.18)}.brand-link{display:inline-flex;align-items:center;min-height:44px}.brand-logo{height:24px;max-width:180px;object-fit:contain}.brand-fallback{font-size:16px;font-weight:700;color:#E8F6EE}.head-actions{display:flex;align-items:center;gap:6px}.head-app,.menu-button{min-height:44px;display:inline-flex;align-items:center;padding:0 14px;border:1px solid rgba(42,157,92,.45);border-radius:8px;color:#E8F6EE}.head-app{background:linear-gradient(135deg,#3CB371 0%,#2A9D5C 55%,#146B3A 100%);color:#08110C;border:0;font-weight:700}.domain-tabs{height:44px;background:#080A09;border-bottom:1px solid rgba(42,157,92,.18)}.domain-tabs-inner{height:100%;display:flex;align-items:center;gap:10px}.domain-tab{position:relative;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}.domain-tab::before{content:"";position:absolute;left:0;right:0;top:-11px;bottom:-11px}.domain-tab.active{background:#2A9D5C;color:#08110C}.site-main{padding-top:136px;padding-bottom:56px}.page{padding:24px 0 12px}.eyebrow{color:#8FB3A0;font-size:13px;letter-spacing:.08em}.page h1{font-size:24px;line-height:1.3;color:#E8F6EE;margin:8px 0 14px}.page h2{font-size:20px;color:#E8F6EE;margin:0 0 10px}.page h3{font-size:16px;color:#E8F6EE;margin:0 0 8px}.page p{margin:0 0 12px}.lead{font-size:16px;color:#EFE6D2;max-width:760px}.muted{color:#8FB3A0}.soft{color:#6E8F7E}.section{margin-top:26px;padding:20px;background:#141A16;border:1px solid rgba(42,157,92,.18);border-radius:10px;box-shadow:0 12px 28px rgba(8,10,9,.35)}.section.alt{background:#1A2420}.media-slot{width:100%;height:168px;background:#080A09;border:1px solid rgba(42,157,92,.18);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-slot.small{height:160px}.media-slot.tall{height:320px;width:240px;max-width:100%}.banner-slot{height:200px}.index-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.index-tags a{height:32px;display:inline-flex;align-items:center;padding:0 13px;border-radius:999px;border:1px solid rgba(42,157,92,.45);color:#CDE3D6}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.btn-primary,.btn-secondary{min-height:42px;padding:0 18px;border-radius:8px;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:700}.btn-secondary{background:#080A09;border:1px solid rgba(42,157,92,.45);color:#CDE3D6}.split-narrow{display:grid;grid-template-columns:1fr 1fr;gap:14px}.narrow-card{padding:16px;background:#1A2420;border:1px solid rgba(42,157,92,.18);border-radius:10px}.stage-cut{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;align-items:center}.stage-cut.reverse{grid-template-columns:.68fr 1.32fr}.page-sheets{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sheet{padding:18px;border-left:3px solid #2A9D5C;background:#141A16;border-radius:0 10px 10px 0}.line-list{display:grid;gap:10px}.line-item{padding:14px 16px;background:#141A16;border:1px solid rgba(42,157,92,.18);border-radius:10px}.lesson-list,.sound-list,.status-list{display:grid;gap:10px;margin-top:14px}.lesson-list div,.sound-list div,.status-list div{padding:14px 16px;background:#1A2420;border-radius:10px;border:1px solid rgba(42,157,92,.18)}.wrap-media{display:flex;gap:20px;align-items:flex-start}.wrap-copy{flex:1}.wrap-media .media-stack{width:240px;flex:0 0 240px}.app-icon{width:48px;height:48px;object-fit:contain;display:block;margin:0 0 10px auto}.faq-mini{display:grid;gap:12px}.faq-mini details,.faq-list details{background:#141A16;border:1px solid rgba(42,157,92,.18);border-radius:10px;padding:14px 16px}.faq-mini summary,.faq-list summary{cursor:pointer;color:#E8F6EE;font-weight:700}.brand-block{padding:22px;border:1px solid rgba(42,157,92,.45);background:#080A09;border-radius:10px}.index-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.index-link{padding:16px;background:#141A16;border:1px solid rgba(42,157,92,.18);border-radius:10px}.index-link span{display:block;color:#8FB3A0;margin-top:4px}.term-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.term-list div{padding:14px;background:#1A2420;border-radius:10px}.role-cards{display:grid;gap:12px}.role-card{padding:16px;border:1px solid rgba(42,157,92,.18);background:#141A16;border-radius:10px}.role-code{display:inline-flex;padding:2px 8px;border-radius:999px;background:#2A9D5C;color:#08110C;font-size:12px;font-weight:700}.shot-list{counter-reset:shot;display:grid;gap:12px}.shot-item{display:grid;grid-template-columns:90px 1fr;gap:14px;padding:16px;background:#141A16;border:1px solid rgba(42,157,92,.18);border-radius:10px}.shot-item:before{counter-increment:shot;content:"镜次 " counter(shot, decimal-leading-zero);color:#3CB371;font-weight:700}.classroom{display:grid;grid-template-columns:220px 1fr;gap:18px}.classroom-nav{display:grid;gap:10px;align-self:start}.classroom-nav a{padding:12px 14px;background:#080A09;border:1px solid rgba(42,157,92,.18);border-radius:8px}.article-list{display:grid;gap:14px}.article-item{padding:18px;background:#141A16;border-left:3px solid #2A9D5C}.discover-groups{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.discover-card{padding:18px;background:#141A16;border:1px solid rgba(42,157,92,.18);border-radius:10px}.clause{padding:18px 0;border-bottom:1px solid rgba(42,157,92,.18)}.clause:last-child{border-bottom:0}.help-steps{display:grid;gap:12px}.help-step{padding:16px 16px 16px 20px;background:#141A16;border-left:3px solid #2A9D5C}.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-card{padding:18px;background:#141A16;border:1px solid rgba(42,157,92,.18);border-radius:10px}.site-footer{background:#050706;border-top:1px solid rgba(42,157,92,.18);color:#CDE3D6;padding:30px 0 calc(30px + env(safe-area-inset-bottom));font-size:13px}.footer-brand{display:flex;align-items:center;gap:10px;margin-bottom:18px}.footer-brand span{color:#8FB3A0}.footer-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.footer-groups h2{font-size:13px;color:#8FB3A0;margin:0 0 8px}.footer-groups a{display:block;margin:6px 0}.footer-note{color:#8FB3A0;max-width:820px;margin-top:20px}.copyright{color:#6E8F7E}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:90;opacity:0;pointer-events:none;transition:.2s}.overlay.show{opacity:1;pointer-events:auto}.drawer{position:fixed;right:16px;top:88px;width:min(32vw,430px);max-height:76vh;overflow:auto;background:#080A09;border:1px solid rgba(42,157,92,.45);border-radius:12px;box-shadow:0 12px 28px rgba(8,10,9,.35);z-index:100;transform:translateX(calc(100% + 24px));visibility:hidden;pointer-events:none;transition:.24s}.drawer.open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-head{position:sticky;top:0;background:#080A09;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid rgba(42,157,92,.18);z-index:2}.drawer-brand{display:flex;align-items:center;gap:10px}.drawer-groups{padding:14px}.drawer-groups section+section{margin-top:18px}.drawer-groups h2{font-size:13px;color:#8FB3A0;margin:0 0 8px}.drawer-groups a{display:block;padding:10px 12px;border-radius:8px}.drawer-groups a:hover{background:#141A16}.drawer-groups a b{display:block;color:#E8F6EE;font-size:14px}.drawer-groups a span{display:block;color:#8FB3A0;font-size:12px;margin-top:2px}.search-panel{position:fixed;left:0;right:0;top:74px;z-index:105;visibility:hidden;pointer-events:none;opacity:0;transition:.2s}.search-panel.open{visibility:visible;pointer-events:auto;opacity:1}.search-card{background:#080A09;border:1px solid rgba(42,157,92,.45);border-radius:0 0 12px 12px;padding:18px;box-shadow:0 12px 28px rgba(8,10,9,.35)}.search-head{display:flex;justify-content:space-between;align-items:center}.search-links{display:flex;gap:10px;flex-wrap:wrap}.search-links a{min-height:40px;padding:0 14px;border:1px solid rgba(42,157,92,.45);border-radius:8px;display:inline-flex;align-items:center}.mobile-bar{display:none}.btn-primary:hover,.head-app:hover{filter:brightness(1.08)}a:focus-visible,button:focus-visible{outline:2px solid #EFE6D2;outline-offset:3px}.domain-tab:hover,.btn-secondary:hover,.search-links a:hover{border-color:#3CB371;color:#EFE6D2}
@media(max-width:760px){.shell{width:calc(100% - 32px)}.domain-tabs{display:none}.site-main{padding-top:92px;padding-bottom:78px}.head-app,.menu-button{padding:0 10px}.domain-head-inner{gap:8px}.brand-logo{max-width:120px}.split-narrow,.page-sheets,.index-grid,.term-list,.discover-groups,.contact-cards{grid-template-columns:1fr}.stage-cut,.stage-cut.reverse,.classroom{grid-template-columns:1fr}.wrap-media{display:block}.wrap-media .media-stack{width:100%;margin-top:16px}.wrap-media .media-slot.tall{margin-left:auto;margin-right:auto}.footer-groups{grid-template-columns:1fr 1fr}.drawer{right:6%;top:78px;width:88%;max-height:76vh}.search-panel{inset:0;top:0;background:#080A09}.search-card{width:100%;height:100%;border:0;border-radius:0;padding-top:calc(28px + env(safe-area-inset-top))}.search-links{display:grid;grid-template-columns:1fr 1fr}.search-links a{justify-content:center}.mobile-bar{position:fixed;left:0;right:0;bottom:0;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);z-index:70;display:grid;grid-template-columns:repeat(4,1fr)}.mobile-bar a{display:flex;align-items:center;justify-content:center;font-size:13px;min-height:48px}.mobile-bar a.active{background:#2A9D5C;color:#08110C}.shot-item{grid-template-columns:1fr}.site-footer{padding-bottom:calc(84px + env(safe-area-inset-bottom))}}