:root{
  --bg:#04140f;
  --bg2:#061f18;
  --card:rgba(7,27,20,.76);
  --line:rgba(174,255,203,.22);
  --text:#f1fff6;
  --muted:rgba(241,255,246,.72);
  --gold:#f7d77a;
  --leaf:#79ffad;
  --mint:#b8ffd3;
  --cyan:#8df8ff;
  --danger:#ff9d7a;
}
*{box-sizing:border-box}
html,body{min-height:100%}
body{margin:0;color:var(--text);font-family:ui-sans-serif,system-ui,"Noto Sans TC","PingFang TC",sans-serif;background:radial-gradient(circle at 50% 5%,rgba(247,215,122,.13),transparent 24%),linear-gradient(180deg,#020806 0%,var(--bg) 44%,#020706 100%);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(circle at 50% 35%,#000,transparent 72%);opacity:.4}
.forest-stage{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.moon{position:absolute;right:9vw;top:7vh;width:clamp(84px,16vw,190px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fffbea 0 18%,#ffe7a6 45%,rgba(247,215,122,.4) 68%,transparent 72%);filter:drop-shadow(0 0 42px rgba(247,215,122,.55));opacity:.8}.canopy{position:absolute;left:-10vw;right:-10vw;height:45vh;background:radial-gradient(ellipse at 8% 70%,rgba(20,84,50,.9) 0 14%,transparent 15%),radial-gradient(ellipse at 26% 40%,rgba(12,70,43,.9) 0 17%,transparent 18%),radial-gradient(ellipse at 48% 70%,rgba(15,92,53,.78) 0 20%,transparent 21%),radial-gradient(ellipse at 76% 42%,rgba(13,72,45,.9) 0 18%,transparent 19%),radial-gradient(ellipse at 95% 68%,rgba(20,88,50,.82) 0 15%,transparent 16%)}.canopy-a{top:-10vh;filter:blur(.2px)}.canopy-b{bottom:-16vh;transform:scaleY(-1);opacity:.72}.mist{position:absolute;left:-30vw;width:160vw;height:28vh;border-radius:50%;background:radial-gradient(ellipse,rgba(166,255,214,.16),transparent 64%);filter:blur(24px);animation:mist 18s linear infinite}.mist-a{bottom:8vh}.mist-b{bottom:22vh;animation-duration:24s;animation-direction:reverse;opacity:.7}@keyframes mist{to{transform:translateX(24vw)}}.fireflies i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 14px 5px rgba(247,215,122,.45);animation:firefly 7s ease-in-out infinite;opacity:.75}@keyframes firefly{0%,100%{transform:translate3d(0,0,0) scale(.55);opacity:.25}35%{transform:translate3d(22px,-28px,0) scale(1.1);opacity:1}70%{transform:translate3d(-18px,18px,0) scale(.8);opacity:.55}}
.beacon-shell{position:relative;z-index:1;min-height:100svh;width:min(960px,94vw);margin:0 auto;display:grid;place-items:center;padding:clamp(22px,5vw,64px) 0}.admin-shell{width:min(1040px,94vw)}.beacon-card{width:100%;border:1px solid var(--line);border-radius:34px;padding:clamp(22px,4vw,42px);background:linear-gradient(180deg,rgba(13,45,34,.82),rgba(3,16,12,.78));box-shadow:0 28px 90px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(18px);position:relative;overflow:hidden}.beacon-card:before{content:"";position:absolute;inset:-2px;background:radial-gradient(circle at 50% 0%,rgba(121,255,173,.18),transparent 36%),radial-gradient(circle at 92% 18%,rgba(247,215,122,.13),transparent 25%);pointer-events:none}.beacon-card>*{position:relative}.kicker{color:var(--gold);font-weight:950;letter-spacing:.26em;text-transform:uppercase;font-size:12px;text-shadow:0 0 18px rgba(247,215,122,.55)}h1{margin:12px 0 14px;font-size:clamp(40px,8.2vw,86px);line-height:.95;letter-spacing:.03em;text-shadow:0 0 34px rgba(121,255,173,.28)}.lead,p{color:var(--muted);font-size:clamp(16px,2.2vw,21px);line-height:1.75}.lead{max-width:760px}.orb{width:clamp(190px,36vw,330px);aspect-ratio:1;margin:24px auto;border-radius:50%;display:grid;place-items:center;position:relative;background:radial-gradient(circle,#eaffd8 0 4%,#b4ffc8 10%,rgba(73,255,139,.18) 34%,rgba(73,255,139,.05) 60%,transparent 66%);filter:drop-shadow(0 0 34px rgba(121,255,173,.35))}.orb-ring,.orb:before,.orb:after{content:"";position:absolute;inset:14%;border:1px solid rgba(184,255,211,.52);border-radius:50%;animation:spin 18s linear infinite}.orb:before{inset:27%;border-style:dashed;animation-duration:13s;animation-direction:reverse}.orb:after{inset:41%;border-color:rgba(247,215,122,.5);animation-duration:9s}.orb-core{font-size:clamp(56px,11vw,112px);color:#fff7bb;text-shadow:0 0 22px #f7d77a,0 0 52px rgba(121,255,173,.7);animation:breath 2.6s ease-in-out infinite}.orb.active{animation:orbPulse 1.3s ease-out}@keyframes spin{to{transform:rotate(1turn)}}@keyframes breath{50%{transform:scale(1.1);filter:brightness(1.4)}}@keyframes orbPulse{30%{transform:scale(1.08);filter:drop-shadow(0 0 70px rgba(247,215,122,.8))}}
.status-grid{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.status-grid.compact{margin-top:0}.pill{display:inline-flex;align-items:center;gap:10px;min-height:42px;max-width:100%;padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:rgba(0,0,0,.28);font-weight:850}.dot{width:11px;height:11px;border-radius:50%;background:#6b766b;box-shadow:0 0 0 4px rgba(255,255,255,.06)}.dot.ok{background:var(--leaf);box-shadow:0 0 0 4px rgba(121,255,173,.12),0 0 14px var(--leaf)}.dot.warn{background:var(--gold);box-shadow:0 0 0 4px rgba(247,215,122,.12),0 0 14px var(--gold)}.controls,.quick-actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}button{appearance:none;border:0;cursor:pointer;border-radius:999px;min-height:50px;padding:0 22px;color:#03130c;background:linear-gradient(135deg,var(--gold),#fff2b6);font-weight:950;font-size:16px;box-shadow:0 16px 38px rgba(0,0,0,.35),0 0 24px rgba(247,215,122,.25);transition:transform .15s ease,filter .15s ease}button:hover{transform:translateY(-1px);filter:brightness(1.06)}button:disabled{opacity:.6;cursor:wait}.secondary{color:var(--text);background:rgba(255,255,255,.08);border:1px solid var(--line);box-shadow:none}.quick-actions button{color:var(--mint);background:rgba(121,255,173,.08);border:1px solid rgba(121,255,173,.24);box-shadow:none}.signal-panel{border:1px solid rgba(121,255,173,.24);background:rgba(0,0,0,.23);border-radius:24px;padding:18px 20px;margin:22px 0}.signal-panel.active{animation:panelGlow 1.4s ease-out}.signal-label{font-size:12px;letter-spacing:.22em;color:var(--gold);font-weight:950}.signal-title{font-size:clamp(25px,4vw,42px);font-weight:950;margin-top:6px}.signal-message{color:var(--muted);font-size:17px;margin-top:4px}@keyframes panelGlow{35%{box-shadow:0 0 44px rgba(121,255,173,.26);border-color:rgba(247,215,122,.66)}}.note{font-size:14px;color:rgba(241,255,246,.58)}.debug{margin-top:16px;color:var(--muted)}summary{cursor:pointer;font-weight:850}.log{white-space:pre-wrap;background:rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:14px;min-height:110px;max-height:240px;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;color:#d9ffe6}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}label{display:grid;gap:8px;color:rgba(241,255,246,.82);font-weight:850}input,select{width:100%;min-height:48px;border:1px solid var(--line);border-radius:15px;background:rgba(0,0,0,.28);color:var(--text);padding:0 14px;font:inherit}select option{background:#061f18;color:#fff}.flash{position:fixed;inset:0;z-index:10;display:grid;place-items:center;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 45%,rgba(255,255,232,.95),rgba(121,255,173,.55) 18%,rgba(7,27,20,.08) 52%,transparent 70%)}.flash.show{animation:flash 1.05s ease-out}.sigil{font-size:clamp(120px,28vw,330px);color:#fff8bf;text-shadow:0 0 30px #fff,0 0 90px var(--leaf);animation:sigilPop 1.05s ease-out}.sigil-ring{position:absolute;width:min(72vw,560px);aspect-ratio:1;border-radius:50%;border:2px solid rgba(255,248,191,.72);box-shadow:0 0 35px rgba(247,215,122,.45),inset 0 0 35px rgba(121,255,173,.28);animation:spin 1.05s ease-out}@keyframes flash{0%{opacity:0}8%{opacity:1}42%{opacity:.9}100%{opacity:0}}@keyframes sigilPop{0%{transform:scale(.35) rotate(-18deg)}70%{transform:scale(1.05) rotate(8deg)}100%{transform:scale(1.3) rotate(22deg)}}body[data-signal="spark"] .flash{background:radial-gradient(circle,rgba(255,255,255,.98),rgba(141,248,255,.55) 18%,transparent 70%)}body[data-signal="alarm"] .flash{background:radial-gradient(circle,rgba(255,255,255,.96),rgba(255,157,122,.65) 20%,transparent 70%)}
@media (max-width:680px){.beacon-shell{place-items:start;padding:18px 0}.beacon-card{border-radius:26px;padding:22px 18px}.grid{grid-template-columns:1fr}.controls button,.quick-actions button{width:100%}.pill{width:100%;justify-content:flex-start}.orb{margin:16px auto}.lead,p{font-size:16px;line-height:1.65}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}