.demo-root{box-sizing:border-box;color:#eaf0ff;background:radial-gradient(1100px 420px at 18% -6%,#3858ff38,#0000 60%),radial-gradient(900px 460px at 92% 4%,#7c3aed2e,#0000 60%),linear-gradient(#0b1230 0%,#0a0f26 100%);min-height:100vh;padding:26px 30px 40px;font-family:PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif}.demo-root *{box-sizing:border-box}.demo-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.demo-head h1{letter-spacing:.3px;align-items:center;gap:10px;margin:0;font-size:19px;display:flex}.demo-head h1 .dot{background:#4f7cff;border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #4f7cff}.demo-head .back{color:#b9c7ff;border:1px solid #ffffff40;border-radius:999px;padding:5px 12px;font-size:12px;text-decoration:none}.demo-head .back:hover{background:#ffffff14}.demo-badge{color:#ffd9a0;background:#ffa0281f;border:1px solid #ffb45059;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.demo-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.demo-grid.cols-3{grid-template-columns:1fr 1fr 1fr}@media (width<=820px){.demo-grid,.demo-grid.cols-3{grid-template-columns:1fr}}.demo-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0b;border:1px solid #ffffff17;border-radius:14px;padding:16px}.demo-card h2{color:#cdd9ff;margin:0 0 12px;font-size:14px;font-weight:650}.demo-field{margin-bottom:11px}.demo-field label{color:#93a4d8;margin-bottom:5px;font-size:12px;display:block}.demo-field input[type=text],.demo-field input[type=number],.demo-field select,.demo-field textarea{color:#eaf0ff;background:#080e24a6;border:1px solid #ffffff24;border-radius:8px;outline:none;width:100%;padding:8px 10px;font-family:inherit;font-size:13px}.demo-field textarea{resize:vertical;min-height:64px}.demo-field select option{color:#eaf0ff;background:#101a3d}.demo-checks{flex-wrap:wrap;gap:8px;display:flex}.demo-checks label{color:#cdd9ff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:5px;padding:5px 9px;font-size:12px;display:inline-flex}.demo-checks input{accent-color:#4f7cff}.demo-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f7cff,#7c4dff);border:none;border-radius:9px;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:650;display:inline-flex;box-shadow:0 6px 18px #4f7cff59}.demo-btn:disabled{opacity:.5;cursor:wait}.demo-btn.secondary{box-shadow:none;background:#ffffff14;border:1px solid #ffffff2e}.demo-table{border-collapse:collapse;width:100%;font-size:12.5px}.demo-table th{text-align:left;color:#93a4d8;border-bottom:1px solid #ffffff1f;padding:7px 8px;font-size:11.5px;font-weight:600}.demo-table td{border-bottom:1px solid #ffffff12;padding:8px}.demo-table tr:last-child td{border-bottom:none}.grade{text-align:center;border-radius:6px;min-width:34px;padding:2px 6px;font-size:11.5px;font-weight:800;display:inline-block}.grade.A{color:#5ce6a8;background:#40d68c2e;border:1px solid #40d68c66}.grade.B{color:#ffd080;background:#ffbe5029;border:1px solid #ffbe5066}.grade.C{color:#aab6e0;background:#96a0c824;border:1px solid #a0aad24d}.tag{color:#a8c2ff;background:#4f7cff24;border:1px solid #4f7cff4d;border-radius:999px;padding:2px 8px;font-size:11px;display:inline-block}.tag.warn{color:#ffb3a0;background:#ff785a24;border-color:#ff785a59}.tag.ok{color:#7ee8b8;background:#40d68c24;border-color:#40d68c59}.result-panel{border-top:1px dashed #ffffff26;margin-top:12px;padding-top:12px}.result-panel h3{color:#7fb2ff;margin:0 0 8px;font-size:13px}.result-panel p,.result-panel li{color:#dbe6ff;margin:0 0 6px;font-size:12.5px;line-height:1.7}.kv{grid-template-columns:auto 1fr;gap:6px 12px;font-size:12.5px;display:grid}.kv b{color:#9fb6f5;font-weight:600}.kv span{color:#eaf0ff}.risk-item{border-bottom:1px solid #ffffff12;align-items:flex-start;gap:10px;padding:10px 0;display:flex}.risk-item:last-child{border-bottom:none}.risk-item .rk{color:#ffb3a0;background:#ff785a1f;border:1px solid #ff785a4d;border-radius:6px;margin-top:1px;padding:2px 7px;font-size:11px;font-weight:800}.lang-card{background:#080e2466;border:1px solid #ffffff1a;border-radius:10px;margin-bottom:10px;padding:10px 12px}.lang-card .lang{color:#7fb2ff;align-items:center;gap:8px;margin-bottom:5px;font-size:11px;font-weight:700;display:flex}.lang-card .lang small{color:#93a4d8;font-weight:400}.lang-card p{color:#dbe6ff;margin:0;font-size:12.5px;line-height:1.7}.chat-box{background:#080e2473;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;gap:10px;height:250px;margin-bottom:12px;padding:12px;display:flex;overflow:auto}.msg{border-radius:12px;max-width:86%;padding:9px 12px;font-size:12.5px;line-height:1.6}.msg.user{color:#fff;background:linear-gradient(135deg,#4f7cff,#6a4dff);align-self:flex-end}.msg.bot{color:#e6eeff;background:#ffffff14;border:1px solid #ffffff1a;align-self:flex-start}.msg .meta{color:#93a4d8;margin-top:4px;font-size:10.5px;display:block}.demo-note{color:#7b88b8;text-align:center;margin-top:16px;font-size:11.5px}.demo-bar{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.demo-empty{color:#7b88b8;text-align:center;padding:22px 0;font-size:12.5px}