:root{--bg:#111111;--deep:#0A0A0A;--card:#1A1A1A;--sub:#1F1B14;--title:#FFF6D6;--text:#E8D9A8;--muted:#B8A56A;--aux:#8A7A48;--yellow:#F5C518;--bright:#FFD84A;--amber:#C49212;--footer:#050505;--line:rgba(245,197,24,.26);--shadow:0 14px 30px rgba(0,0,0,.28);--max:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,"Microsoft YaHei",sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.lock-scroll{overflow:hidden}.site-header{position:fixed;z-index:50;left:0;right:0;top:0}.curtain-edge{height:22px;background:var(--deep);color:var(--bright);font-size:12px}.top-inner,.stage-header-inner,.lamp-inner,.footer-inner,.site-main{width:min(var(--max),calc(100% - 32px));margin:auto}.top-inner{height:22px;display:flex;align-items:center;justify-content:space-between}.text-button{border:0;background:transparent;color:var(--bright);height:22px;padding:0 8px;cursor:pointer}.stage-header{height:60px;background:rgba(17,17,17,.98);border-bottom:1px solid var(--line)}.stage-header-inner{height:60px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.brand-link{justify-self:start;min-height:44px;display:flex;align-items:center}.logo-box{display:flex;align-items:center;min-width:100px}.brand-logo,.panel-logo,.footer-logo{height:28px;max-width:180px;object-fit:contain;object-position:center}.brand-text{font-size:16px;color:var(--title);font-weight:700}.panel-trigger{justify-self:center;height:44px;min-width:74px;border:1px solid var(--yellow);background:var(--deep);color:var(--title);border-radius:10px;cursor:pointer}.entry-link{justify-self:end;min-height:44px;padding:0 14px;display:flex;align-items:center;border:1px solid rgba(245,197,24,.62);border-radius:10px;color:var(--title)}.lamp-nav{height:40px;background:#17130d;border-bottom:1px solid rgba(245,197,24,.18)}.lamp-inner{height:40px;display:flex;justify-content:center;align-items:center;gap:8px}.lamp-item{height:30px;padding:0 18px;display:flex;align-items:center;border-radius:10px;color:var(--muted);font-size:13px}.lamp-item:hover,.lamp-item:focus-visible,.lamp-item.is-active{background:var(--yellow);color:#111;outline:none}.site-main{padding-top:150px;padding-bottom:76px}.page-hero,.section-block{margin:0 0 24px}.page-hero{padding:22px;background:linear-gradient(135deg,#1a1a1a,#12100c);border:1px solid var(--line);border-radius:14px}.eyebrow{margin:0 0 8px;color:var(--bright);font-size:13px;letter-spacing:.04em}.page-hero h1{font-size:24px;line-height:1.3;margin:0 0 12px;color:var(--title)}h2{font-size:20px;line-height:1.35;color:var(--title);margin:0 0 10px}h3{font-size:16px;line-height:1.4;color:var(--title);margin:0 0 8px}p{margin:0 0 12px}.lead{max-width:850px;color:var(--text)}.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.btn{min-height:42px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-size:14px;border:1px solid var(--yellow)}.btn-primary{background:linear-gradient(135deg,var(--yellow),var(--bright));color:#111}.btn-secondary{background:#111;color:var(--title)}.btn:hover,.btn:focus-visible{transform:translateY(-1px);box-shadow:var(--shadow);outline:2px solid var(--bright);outline-offset:2px}.media-slot{width:100%;background:#0e0e0e;border:1px solid rgba(245,197,24,.18);border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}.media-slot img{width:100%;height:100%;object-fit:contain;object-position:center}.cover-slot{height:260px;margin-bottom:16px}.thumb-slot{height:180px;margin-bottom:12px}.wide-slot{height:200px;margin-bottom:14px}.app-slot{height:360px;max-width:420px;margin:16px auto}.icon-slot{width:48px;height:48px;margin:0 auto 10px}.icon-slot img{width:48px;height:48px;object-fit:contain}.section-title-row{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:12px}.section-title-row p{margin:0;color:var(--muted);font-size:13px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card{background:var(--card);border:1px solid rgba(245,197,24,.16);border-radius:12px;padding:16px;box-shadow:0 10px 22px rgba(0,0,0,.13)}.card p:last-child{margin-bottom:0}.card-number{display:inline-flex;min-width:34px;height:28px;align-items:center;justify-content:center;border-radius:8px;background:var(--yellow);color:#111;font-weight:700;font-size:13px;margin-bottom:10px}.muted{color:var(--muted)}.note{padding:12px 14px;border-left:3px solid var(--yellow);background:var(--sub);color:var(--text)}.journal-list,.task-list,.gallery-list,.review-list,.notice-list,.backstage-list,.training-list,.manual-list,.faq-list{display:grid;gap:12px}.journal-item,.task-item,.gallery-item,.review-item,.notice-item,.backstage-item,.training-item,.manual-item,.faq-item{padding:16px;background:var(--card);border:1px solid rgba(245,197,24,.16);border-radius:12px}.journal-item{display:grid;grid-template-columns:56px 1fr;gap:14px}.journal-index{width:44px;height:44px;border-radius:10px;background:var(--yellow);color:#111;display:flex;align-items:center;justify-content:center;font-weight:700}.course-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.course-index article{padding:18px;background:var(--sub);border-top:2px solid var(--yellow);border-radius:10px}.camera-rows{display:grid;gap:10px}.camera-row{display:grid;grid-template-columns:130px 1fr;gap:18px;padding:14px 0;border-bottom:1px solid rgba(245,197,24,.14)}.camera-row strong{color:var(--bright)}.roster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.roster-card{padding:16px;background:var(--card);border:1px solid var(--line);border-radius:12px}.roster-code{color:var(--bright);font-weight:700;margin-bottom:6px}.timeline{position:relative;padding-left:26px}.timeline:before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:2px;background:rgba(245,197,24,.24)}.timeline-item{position:relative;padding:0 0 20px 18px}.timeline-item:before{content:"";position:absolute;left:-23px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 4px #1c180e}.status{display:inline-flex;padding:2px 8px;border-radius:7px;background:var(--yellow);color:#111;font-size:12px;font-weight:700}.process-steps{display:grid;gap:10px;counter-reset:steps}.process-step{counter-increment:steps;padding:16px;background:var(--card);border-radius:12px;border:1px solid rgba(245,197,24,.15)}.process-step:before{content:counter(steps,decimal-leading-zero);color:var(--bright);font-weight:700;margin-right:10px}.clause-list{display:grid;gap:14px}.clause{padding:18px;background:linear-gradient(180deg,#1a1a1a,#15130f);border:1px solid rgba(245,197,24,.14);border-radius:12px}.center-card{max-width:760px;margin:0 auto;text-align:left}.app-copy{max-width:780px;margin:auto}.site-footer{background:var(--footer);border-top:1px solid var(--yellow);color:#DCCB8A}.footer-inner{padding:28px 0 82px}.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{display:block;font-size:12px;color:var(--muted)}.footer-logo-slot{width:92px;min-height:28px;display:flex;align-items:center}.footer-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.footer-columns section{display:grid;align-content:start;gap:6px}.footer-columns h2{font-size:13px;color:var(--bright);margin:0 0 4px}.footer-columns a{font-size:13px;color:#DCCB8A}.footer-columns a:hover,.footer-columns a:focus-visible{color:var(--bright);outline:none}.footer-note,.copyright{font-size:13px;color:#B9A96F}.footer-note{margin-top:24px;padding-top:16px;border-top:1px solid rgba(245,197,24,.14)}.overlay{position:fixed;z-index:70;inset:0;background:rgba(0,0,0,.66);opacity:0;transition:.18s;pointer-events:none}.overlay.is-visible{opacity:1;pointer-events:auto}.side-panel{position:fixed;z-index:80;top:0;right:0;width:400px;max-width:86vw;height:100%;background:#0d0d0d;border-left:1px solid rgba(245,197,24,.32);transform:translateX(102%);visibility:hidden;pointer-events:none;transition:.22s ease;display:flex;flex-direction:column}.side-panel.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.side-top{min-height:64px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(245,197,24,.18)}.side-brand{display:flex;align-items:center;gap:10px;color:var(--title)}.side-logo{width:90px;display:flex;align-items:center}.close-button{min-height:44px;padding:0 14px;border:1px solid var(--yellow);background:#111;color:var(--title);border-radius:10px;cursor:pointer}.panel-scroll{overflow:auto;padding:12px 14px 28px}.panel-group{margin-bottom:18px}.panel-group h2{font-size:13px;color:var(--bright);margin:0 0 8px}.panel-group a{display:grid;grid-template-columns:88px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid rgba(245,197,24,.08)}.panel-group b{font-size:14px;color:var(--title)}.panel-group span{font-size:12px;color:var(--muted)}.search-layer{position:fixed;z-index:79;top:82px;left:0;right:0;visibility:hidden;pointer-events:none;transform:translateY(-12px);opacity:0;transition:.18s}.search-layer.is-open{visibility:visible;pointer-events:auto;transform:translateY(0);opacity:1}.search-card{width:min(760px,calc(100% - 32px));margin:0 auto;background:#17140f;border:1px solid var(--yellow);border-radius:12px;padding:16px;box-shadow:var(--shadow)}.search-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.search-presets{display:flex;flex-wrap:wrap;gap:8px}.search-presets a{min-height:40px;padding:0 12px;display:flex;align-items:center;border:1px solid rgba(245,197,24,.4);border-radius:9px}.mobile-bottom{display:none}
@media(max-width:820px){.lamp-nav{display:none}.site-main{padding-top:100px;padding-bottom:78px}.stage-header-inner{grid-template-columns:minmax(0,1fr) auto auto}.brand-link{min-width:0}.logo-box{min-width:0;max-width:110px}.brand-logo{max-width:110px;height:24px}.panel-trigger{min-width:58px;padding:0 8px}.entry-link{padding:0 9px}.grid-3,.grid-2,.roster-grid,.course-index,.footer-columns{grid-template-columns:1fr}.camera-row{grid-template-columns:1fr;gap:4px}.cover-slot{height:220px}.thumb-slot{height:170px}.wide-slot{height:190px}.app-slot{height:320px}.page-hero{padding:18px}.mobile-bottom{position:fixed;z-index:60;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(5,1fr);background:#080808;border-top:1px solid rgba(245,197,24,.3)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;font-size:12px;min-height:48px;color:var(--muted)}.mobile-bottom a.is-active{background:var(--yellow);color:#111}.footer-inner{padding-bottom:90px}.search-layer{top:0;bottom:0;background:#0b0b0b;display:flex;align-items:flex-start;padding-top:84px}.search-card{background:#0b0b0b;border-color:rgba(245,197,24,.38);box-shadow:none}.search-card p,.search-card strong{color:var(--title)}}
@media(max-width:460px){.top-inner,.stage-header-inner,.site-main,.footer-inner{width:min(100% - 32px,var(--max))}.brand-text{font-size:15px}.entry-link{font-size:13px}.panel-trigger{font-size:13px}.journal-item{grid-template-columns:46px 1fr}.panel-group a{grid-template-columns:78px 1fr}}
.fallback-cover{min-height:220px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--title);text-align:center}.fallback-cover strong{font-size:24px}.fallback-cover span{font-size:13px;color:var(--bright)}