:root{
  --bg:#090c0b;
  --paper:#111614;
  --ink:#eef5f1;
  --muted:#85908a;
  --line:#28302c;
  --green:#69f0ae;
  --mint:#172b22;
  --red:#ff796b;
  --coral:#ff8a75;
  --yellow:#e9bf67;
  --panel:#0e1210;
  --panel-raised:#151a17;
  --grid:rgba(121,145,133,.075);
}

html{background:var(--bg)}
body{background:var(--bg);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000 0,transparent 780px)}

.site-header,.admin-header{height:68px;background:rgba(9,12,11,.88);border-color:var(--line);backdrop-filter:blur(20px);padding-left:max(28px,calc((100vw - 1280px)/2));padding-right:max(28px,calc((100vw - 1280px)/2))}
.brand{color:var(--ink)}
.brand span{width:33px;height:33px;background:var(--green);color:#06100b;border-radius:2px;box-shadow:0 0 24px rgba(105,240,174,.15)}
.brand b{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1.6px}
.brand small{color:#68736d;border-color:#323a36}
.official-link{color:var(--ink);border:1px solid #36413b;border-radius:2px;padding:9px 12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.official-link:hover{color:#07110c;background:var(--green);border-color:var(--green)}
.header-status{color:#7f8c85;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.header-status i{background:var(--green);box-shadow:0 0 12px rgba(105,240,174,.7)}

main,.admin-main{max-width:1280px}
main{padding-top:0;padding-bottom:55px}
.monitor-hero{min-height:390px;margin:0;padding:70px 0 54px;background:transparent;border:0;border-bottom:1px solid var(--line)}
.monitor-hero:before{content:"SYSTEM / ONLINE\A PROTOCOL / RESPONSES\A BENCHMARK / CANDY";white-space:pre;top:70px;right:0;color:#68736d;font:8px/2.1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1.3px;text-align:right}
.monitor-hero:after{width:230px;height:230px;right:50px;top:104px;border:1px solid #25322c;box-shadow:inset 0 0 0 28px var(--bg),inset 0 0 0 29px #1f2924}
.monitor-hero h1{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;font-size:64px;font-weight:620;line-height:1.03;margin:0 0 24px;letter-spacing:0}
.monitor-hero h1 span{color:var(--green);font-style:normal}
.monitor-hero .eyebrow{color:var(--green);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;margin-bottom:22px}
.monitor-hero>div:first-child>p:last-child{color:#98a39d;font-size:12px;max-width:540px;line-height:1.9}
.hero-seal{width:152px;height:152px;margin:44px 88px 0 0;background:#0d1210;border:1px solid #445149;border-radius:50%;box-shadow:0 0 0 10px var(--bg),0 0 0 11px #27322c,0 0 60px rgba(105,240,174,.08)}
.hero-seal:before,.hero-seal:after{content:"";position:absolute;background:var(--green)}
.hero-seal:before{width:5px;height:5px;border-radius:50%;top:-3px;left:73px;box-shadow:0 0 14px var(--green)}
.hero-seal:after{width:1px;height:18px;bottom:-28px;left:75px;background:#3b4741}
.hero-seal strong{color:var(--green);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:44px}
.hero-seal span{color:#7e8a84}

.summary{margin:0 0 68px;border-bottom:1px solid var(--line);background:rgba(14,18,16,.72)}
.summary div{min-height:106px;padding:25px 22px;border:0}
.summary div+div{border-left:1px solid var(--line);padding-left:28px}
.summary span,.admin-summary span{color:#78837d;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:1.1px}
.summary strong{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:31px;font-weight:450;color:var(--ink)}
.summary>div:first-child strong{color:var(--green)}

.section-index,.eyebrow{color:var(--green)!important;font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important}
.toolbar{border-bottom:0;padding:0;margin-bottom:20px}
.toolbar h2,.method-heading h2,.self-test-copy h2{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;font-weight:600;color:var(--ink)}
.toolbar h2{font-size:23px}
.toolbar span{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#606c66}
.icon{border:1px solid #35413a;background:#111613;color:var(--green);border-radius:2px}
.icon:hover{background:var(--green);color:#06100b;border-color:var(--green)}
.legend{color:#77827c;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.legend i{border-radius:1px}

.groups{gap:14px}
.group-card{background:rgba(14,18,16,.9);border:1px solid var(--line);border-radius:2px;box-shadow:none}
.group-card:hover{border-color:#3b4841;box-shadow:0 18px 50px rgba(0,0,0,.18)}
.group-head{height:72px;padding:0 22px;background:#121714;border-color:var(--line)}
.group-mark{width:35px;height:35px;border-radius:2px;background:var(--green);color:#06100b;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;font-weight:700}
.group-head h3{color:var(--ink);font-size:12px}
.group-head p{color:#6d7972;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.site-row{padding:22px;border-color:var(--line)}
.site-row:hover{background:#121714}
.site-name>i{width:31px;height:31px;border-radius:50%;background:#1b2420;color:var(--green);border:1px solid #2b3831}
.site-name strong{color:#e7eee9}
.site-name span{color:#6e7b74}
.site-name em{color:var(--yellow);background:#2b2518;border:1px solid #4f4223}
.metric strong{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#dbe4df}
.metric span{color:#68746d;text-transform:uppercase;letter-spacing:.6px}
.result-cells i{border-radius:1px}
.passed{background:var(--green)}
.failed{background:var(--red)}
.error{background:#a88ccb}
.empty{background:#202824}

.self-test-section{margin-top:86px;padding:56px 0;border-color:#344039;grid-template-columns:minmax(300px,.75fr) minmax(500px,1.25fr)}
.self-test-copy h2{font-size:35px}
.self-test-copy>p:last-of-type{color:#85918a}
.privacy-line{color:#67736c;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.privacy-line i{background:var(--green);box-shadow:0 0 7px rgba(105,240,174,.5)}
.self-test-console{background:#0c100e;border:1px solid #354139;border-radius:2px;box-shadow:0 28px 70px rgba(0,0,0,.25);position:relative}
.self-test-console:before{content:"PUBLIC TEST TERMINAL";position:absolute;right:18px;top:11px;color:#4e5a54;font:7px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1px}
.self-test-console label>span{color:#718078}
.self-test-console input{background:#131916;border-color:#303a35;color:#e8f0eb}
.self-test-console input:focus{background:#151d19;border-color:var(--green);box-shadow:0 0 0 2px rgba(105,240,174,.08)}
.test-submit{background:var(--green);color:#06100b}
.test-submit:hover:not(:disabled){background:#8affc5;box-shadow:0 0 28px rgba(105,240,174,.16)}
.test-result{border-color:#303a35}
.test-orbit{border-color:#3f5047}
.test-orbit i{background:var(--green);box-shadow:0 0 9px var(--green)}
.test-result.passed .test-verdict strong{color:var(--green)}
.test-details{border-color:#303a35}
.test-details>div{border-color:#303a35}

.method-section{margin-top:86px;padding-top:50px;border-color:#344039}
.method-heading h2{font-size:34px}
.method-heading>p{color:#7c8881}
.method-grid{border:1px solid var(--line);border-radius:2px;background:transparent}
.method-grid article{background:#0e1210;border-color:var(--line)}
.method-grid article>span{color:var(--green);border-color:var(--green);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.method-grid h3{color:#e6ede9}
.method-grid p{color:#7c8881}
.question-note{background:#121714;border:1px solid #303a35;color:var(--ink);border-radius:2px}
.question-note span,.question-note p{color:#7c8881}
.question-note>b{color:var(--green);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
main>footer{border-color:#344039;color:#69756e}
main>footer strong{color:var(--ink)}
main>footer a{color:var(--green)}

/* Admin control surface */
.admin-page{background:var(--bg)}
.admin-main{padding-top:42px}
.admin-title h1{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;font-size:38px;font-weight:610;color:var(--ink)}
.admin-title>div>p:last-child{color:#78847d}
.primary{background:var(--green);color:#06100b;border-radius:2px}
.primary:hover{background:#8affc5;box-shadow:0 0 24px rgba(105,240,174,.12)}
.ghost{color:#c9d2cd;border-color:#354039;background:#111613;border-radius:2px}
.ghost:hover{background:#18201c;border-color:#536159}
.admin-summary{background:#0e1210;border:1px solid var(--line);border-radius:2px}
.admin-summary>div{border:0;padding:19px}
.admin-summary>div+div{border-left:1px solid var(--line)}
.admin-summary strong{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--ink)}
.admin-summary .security-state strong{color:var(--green)}
.security-state i{background:var(--green);box-shadow:0 0 10px rgba(105,240,174,.55)}
.admin-workspace{grid-template-columns:250px minmax(0,1fr);gap:12px}
.group-list,.admin-editor{border-color:var(--line);border-radius:2px;box-shadow:none}
.group-list{background:#0e1210}
.list-title{color:#758079}
.list-title b{background:#172b22;color:var(--green)}
.group-list>button{color:#9ca7a1;border-radius:2px}
.group-list>button:hover{background:#141a17}
.group-list>button.active{background:#1a221e;color:var(--ink);box-shadow:inset 0 0 0 1px #303c35}
.group-list>button.active:before{background:var(--green);box-shadow:0 0 8px rgba(105,240,174,.4)}
.group-list small{color:#65716a}
.admin-editor{background:#0e1210}
.editor-head{border-color:var(--line)}
.editor-head h2{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);font-weight:600}
.editor-head p{color:#758079}
.schedule{background:#131916;border-color:#2c3631}
.schedule input[type=number]{background:#0c100e;border-color:#39443e;color:var(--ink)}
.schedule .ghost{background:#18201c;color:var(--green)}
.single-source{background:#111613;border-color:#2d3732}
.single-source>div{border-color:#2d3732}
.single-source span{color:#6e7a73}
.single-source strong{color:#dce5e0}
.single-source code{color:var(--green)}
.danger{color:var(--red)!important;border-color:#593832!important;background:#1e1513!important}
.danger:hover{background:#2a1916!important}
.blank,.empty-state{color:#6e7973}

.login-screen{background:var(--bg)}
.login-screen:before{display:block;background-color:#0d1210;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:38px 38px;border-right:1px solid var(--line)}
.login-screen:after{content:"F-AI\A SECURE\A CONTROL";white-space:pre;position:fixed;left:7vw;top:50%;transform:translateY(-50%);font:600 52px/1.05 ui-monospace,SFMono-Regular,Consolas,monospace;color:#19211d;z-index:-1}
.login-box{background:#111613;border:1px solid #303a35;border-radius:2px;box-shadow:0 30px 80px rgba(0,0,0,.28)}
.login-box:before{color:#59655f}
.login-mark{background:var(--green);color:#06100b;border-radius:2px}
.login-box h1{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);font-weight:600}
.login-box>p:not(.eyebrow),.login-box label{color:#7c8881}
.login-box input,dialog input{background:#0c100e;border-color:#354039;color:var(--ink);border-radius:2px}
.login-box input:focus,dialog input:focus{border-color:var(--green);background:#101713;box-shadow:0 0 0 2px rgba(105,240,174,.08)}
.manual-secret{background:#0b0f0d;border-color:#303a35}
.manual-secret span{color:#76827b}.manual-secret code{color:var(--green)}
dialog{background:#111613;color:var(--ink);border-color:#354039;border-radius:2px}
dialog::backdrop{background:rgba(3,5,4,.76);backdrop-filter:blur(7px)}
dialog header{background:transparent;border-color:var(--line)}
dialog header button{color:var(--ink);border-color:#3a453f}
dialog form>label{color:#7d8982}
.toast{background:var(--green);color:#06100b;border-radius:2px;font-weight:600}

@media(min-width:681px) and (max-width:1024px){
  .monitor-hero h1{font-size:52px}
  .monitor-hero:after{right:24px;width:200px;height:200px}
  .hero-seal{margin-right:48px;width:128px;height:128px}
  .self-test-section{gap:38px;grid-template-columns:.8fr 1.2fr}
  .admin-workspace{grid-template-columns:215px minmax(0,1fr)}
}

@media(max-width:680px){
  body:before{background-size:32px 32px}
  .site-header,.admin-header{height:60px;background:rgba(9,12,11,.94)}
  .brand span{width:31px;height:31px}
  .monitor-hero{min-height:330px;padding:46px 0 36px}
  .monitor-hero h1{font-size:41px}
  .monitor-hero>div:first-child>p:last-child{max-width:78%;color:#8b9790}
  .monitor-hero:after{width:116px;height:116px;right:3px;bottom:27px;top:auto;box-shadow:inset 0 0 0 16px var(--bg),inset 0 0 0 17px #1f2924}
  .hero-seal{width:78px;height:78px;right:20px;bottom:47px;margin:0;box-shadow:0 0 0 7px var(--bg),0 0 0 8px #27322c}
  .hero-seal strong{font-size:27px}
  .hero-seal:before,.hero-seal:after{display:none}
  .summary{margin-bottom:52px}
  .summary div{min-height:88px;padding:19px 9px}
  .summary div+div{padding-left:12px}
  .summary strong{font-size:23px}
  .group-head{padding:14px 15px}.site-row{padding:18px 15px}
  .self-test-section{margin-top:68px;padding:40px 0;gap:30px}
  .self-test-console{padding:22px 18px}
  .self-test-copy h2,.method-heading h2{font-size:28px}
  .test-details>div:last-child{border-color:#303a35}
  .method-section{margin-top:68px;padding-top:40px}
  .method-grid article{background:#0e1210}
  .admin-title h1{font-size:32px}
  .admin-summary{grid-template-columns:1fr 1fr}
  .admin-summary>div:nth-child(2){border-right:0}
  .admin-summary>div:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .admin-editor{padding:19px}
  .login-screen:before,.login-screen:after{display:none}
}