*{box-sizing:border-box;margin:0;padding:0}
body{
  background:#0f1117;color:#d0d4e8;
  font-family:'Consolas','Microsoft YaHei',monospace;
  min-height:100vh;padding:18px 16px 40px;
  -webkit-text-size-adjust:100%;
}
a{color:#7c8cf8;text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:1080px;margin:0 auto}

.header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid #1b1f2e}
.header h1{font-size:25px;color:#8f9dff;letter-spacing:3px;display:flex;align-items:center;gap:11px;font-weight:bold;text-shadow:0 0 22px rgba(124,140,248,.35)}
.header h1 svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.header .nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.nav #ojNav{display:flex;align-items:center;flex-wrap:wrap;gap:9px}
.nav a,.nav button{
  font-size:13.5px;color:#97a4c6;background:#171b28;border:1px solid #2a3244;border-radius:9px;
  padding:9px 16px;line-height:1.15;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:6px;
  transition:color .15s,background .15s,border-color .15s,transform .15s,box-shadow .15s;
}
.nav a:hover,.nav button:hover{color:#e8edff;background:#1f2436;border-color:#4a5790;transform:translateY(-1px);text-decoration:none}
.nav a.on{color:#fff;background:linear-gradient(135deg,#7c8cf8,#5a6cf0);border-color:#93a1ff;font-weight:bold;box-shadow:0 4px 16px rgba(124,140,248,.38)}
.user-chip{font-size:12.5px;color:#4ade80;background:#0f1a12;border:1px solid #1e3a20;border-radius:9px;padding:8px 14px;line-height:1.25}
.user-chip.guest{color:#fbbf24;background:#1a1408;border-color:#3a2e10}

.card{background:#181b26;border:1px solid #252838;border-radius:14px;padding:20px;margin-bottom:14px;box-shadow:0 2px 14px rgba(0,0,0,.22)}
.card h2{font-size:14px;color:#7c8cf8;margin-bottom:12px;letter-spacing:1px;display:flex;align-items:center;gap:8px}
.card h2 small{font-size:11px;color:#555;font-weight:normal;letter-spacing:0}

.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.row+.row{margin-top:10px}
input[type=text],input[type=password],input[type=number],select,textarea{
  background:#0f1220;border:1px solid #2a2e40;border-radius:6px;color:#d0d4e8;
  padding:8px 10px;font-size:12px;font-family:inherit;outline:none;width:100%;
}
input:focus,select:focus,textarea:focus{border-color:#7c8cf8}
input::placeholder,textarea::placeholder{color:#353650}
select{cursor:pointer}
label{font-size:10px;color:#555;letter-spacing:1px;display:block;margin-bottom:4px}
.field{flex:1;min-width:120px}
.btn{
  padding:9px 20px;border-radius:9px;border:none;font-size:12.5px;font-family:inherit;
  cursor:pointer;font-weight:bold;transition:all .15s;white-space:nowrap;
}
.btn-p{background:#7c8cf8;color:#fff}
.btn-p:hover:not(:disabled){background:#5a6cf0}
.btn-p:disabled{background:#2a2d40;color:#555;cursor:not-allowed}
.btn-g{background:transparent;color:#8090b0;border:1px solid #2a2e40}
.btn-g:hover{border-color:#555;color:#d0d4e8}
.btn-s{background:#2d3a2e;color:#4ade80;border:1px solid #1e3a20}
.btn-r{background:#3d1f1f;color:#f87171;border:1px solid #3a1a1a}

.plist{display:flex;flex-direction:column;gap:8px}
.prow{
  display:flex;align-items:center;gap:12px;padding:12px 14px;background:#0f1220;
  border:1px solid #1e2235;border-radius:10px;transition:all .15s;cursor:pointer;
}
.prow:hover{border-color:#7c8cf8;transform:translateX(2px)}
.prow .pid{font-size:11px;color:#555;width:64px;flex-shrink:0}
.prow .ptitle{flex:1;min-width:0;font-size:13px;color:#e0e4ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prow .ptags{font-size:10px;color:#555;flex-shrink:0;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prow .prate{font-size:10px;color:#666;width:76px;text-align:right;flex-shrink:0}
.prow .pstate{font-size:11px;width:26px;text-align:center;flex-shrink:0}
.prow .pstate.ok{color:#4ade80}
.prow .pstate.no{color:#f87171}

.bdg{display:inline-block;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:bold;white-space:nowrap}
.bdg-easy{background:#12301f;color:#4ade80}
.bdg-mid{background:#3a2e10;color:#fbbf24}
.bdg-hard{background:#3d1f1f;color:#f87171}
.v-ac{background:#12301f;color:#4ade80}
.v-wa{background:#3d1f1f;color:#f87171}
.v-tle{background:#3a2e10;color:#fbbf24}
.v-mle{background:#2a2340;color:#a78bfa}
.v-re{background:#3d1f1f;color:#ff9b9b}
.v-ce{background:#2a2a3d;color:#9bb0ff}
.v-pd{background:#1e2235;color:#8090b0}
.v-se{background:#3d1f2a;color:#f472b6}

.tbl-wrap{overflow-x:auto;border:1px solid #1e2235;border-radius:10px}
table{width:100%;border-collapse:collapse;font-size:12px}
th{background:#141824;color:#666;font-size:10px;letter-spacing:1px;text-align:left;padding:9px 10px;white-space:nowrap;font-weight:normal}
td{padding:9px 10px;border-top:1px solid #1a1e2e;white-space:nowrap}
tr:hover td{background:#141824}
td.code-link{color:#7c8cf8;cursor:pointer}

.stmt{font-size:13px;line-height:1.85;color:#c8cee8}
.stmt h3{font-size:13px;color:#7c8cf8;margin:16px 0 6px;letter-spacing:1px}
.stmt pre{
  background:#0b0e18;border:1px solid #1e2235;border-radius:8px;padding:10px 12px;
  overflow-x:auto;font-size:12px;line-height:1.6;color:#a8b4d8;margin:6px 0;
}
.stmt p{margin:6px 0}
.meta{display:flex;gap:14px;flex-wrap:wrap;font-size:11px;color:#666;margin-top:6px}
.meta b{color:#8090b0;font-weight:normal}

textarea.code{
  min-height:320px;font-family:'Consolas','Courier New',monospace;font-size:12.5px;
  line-height:1.55;tab-size:4;white-space:pre;overflow-wrap:normal;overflow-x:auto;
}
pre.codebox{
  background:#0b0e18;border:1px solid #1e2235;border-radius:8px;padding:12px;
  overflow-x:auto;font-size:12px;line-height:1.55;color:#b8c4e8;max-height:520px;
}

.empty{text-align:center;color:#444;padding:26px;font-size:12px}
.pager{display:flex;gap:8px;align-items:center;justify-content:center;margin-top:14px;font-size:11px;color:#666}
.pager button{padding:6px 14px;border-radius:7px;border:1px solid #2a2e40;background:transparent;color:#8090b0;cursor:pointer;font-family:inherit;font-size:12px}
.pager button:disabled{opacity:.35;cursor:not-allowed}
.msg{font-size:12px;margin-top:10px;min-height:16px}
.msg.ok{color:#4ade80}
.msg.err{color:#f87171}
.msg.info{color:#60a5fa}
.tip{font-size:11px;color:#555;line-height:1.7}
.toast{
  position:fixed;left:50%;top:22px;transform:translateX(-50%) translateY(-80px);
  background:#1a1d28;border:1px solid #2a3a4a;border-radius:8px;padding:10px 18px;font-size:12px;
  color:#d0d4e8;z-index:9999;transition:transform .25s;box-shadow:0 8px 30px rgba(0,0,0,.5);
}
.toast.show{transform:translateX(-50%) translateY(0)}
.toast.ok{border-color:#1e3a20;color:#4ade80}
.toast.err{border-color:#3a1a1a;color:#f87171}
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.tab{padding:8px 18px;border-radius:9px;border:1px solid #252838;background:transparent;color:#666;cursor:pointer;font-size:12.5px;font-family:inherit;transition:all .15s}
.tab.active{background:#7c8cf8;color:#fff;border-color:#7c8cf8}
.tab:hover:not(.active){border-color:#555;color:#8090b0}
.hidden{display:none!important}
@media(max-width:640px){
  .prow .ptags,.prow .prate{display:none}
  .header h1{font-size:19px;letter-spacing:1px}
  .header{padding-bottom:12px;margin-bottom:14px}
  .nav a,.nav button{font-size:12px;padding:7px 11px;border-radius:8px}
  .nav #ojNav{gap:6px}
  .user-chip{font-size:11.5px;padding:6px 11px}
}

.vf{display:inline-block;vertical-align:-2px;margin-left:4px;flex-shrink:0}

.avw{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;padding:2px;border-radius:50%;vertical-align:middle;flex-shrink:0}
.avw::before{content:"";position:absolute;inset:0;border-radius:50%;z-index:0}
.avw>*{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;overflow:hidden;background:#232a40}
.avw>img{object-fit:cover}
.f-basic::before{background:linear-gradient(135deg,#9aa6c8,#6d7bff)}
.f-cloud::before{background:linear-gradient(135deg,#eef4ff,#b9c8f0,#dfe9ff)}
.f-emerald::before{background:linear-gradient(135deg,#7ef7c1,#1fae74,#0d7a52)}
.f-rose::before{background:linear-gradient(135deg,#ffd0e2,#f2789f,#c94f7c)}
.f-neon::before{background:linear-gradient(135deg,#22d3ee,#8b5cf6,#f472b6);box-shadow:0 0 8px rgba(34,211,238,.6),0 0 16px rgba(168,85,247,.4)}
.f-ice::before{background:linear-gradient(135deg,#e6f9ff,#7dd3fc,#3b82f6);box-shadow:0 0 8px rgba(125,211,252,.55)}
.f-flame::before{background:linear-gradient(135deg,#ffe08a,#fb923c,#ef4444);box-shadow:0 0 9px rgba(251,146,60,.65);animation:f-fire .9s ease-in-out infinite alternate}
.f-violet::before{background:linear-gradient(135deg,#d8b4fe,#8b5cf6,#4c1d95);box-shadow:0 0 9px rgba(139,92,246,.65)}
.f-rainbow::before{background:conic-gradient(from 0deg,#ff5f6d,#ffc371,#47e5bc,#4facfe,#b16cea,#ff5f6d);animation:f-hue 5s linear infinite}
.f-gold::before{background:linear-gradient(135deg,#fff8c9,#f5c542,#a97b16,#ffe9a3);box-shadow:0 0 10px rgba(245,197,66,.6);animation:f-shine 2.6s ease-in-out infinite}
.f-crown::before{background:linear-gradient(135deg,#fff3b0,#e8b923,#8a6a12,#ffeaa0);box-shadow:0 0 12px rgba(232,185,35,.65)}
.f-crown::after{content:"\1F451";position:absolute;top:-9px;left:50%;transform:translateX(-50%);font-size:11px;line-height:1;z-index:2;filter:drop-shadow(0 1px 1px rgba(0,0,0,.55))}
@keyframes f-hue{to{filter:hue-rotate(360deg)}}
@keyframes f-shine{50%{filter:brightness(1.35)}}
@keyframes f-fire{to{filter:brightness(1.3) saturate(1.25)}}
.fgrid{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.fcell{width:96px;padding:10px 8px 8px;border:1px solid #262b3f;border-radius:12px;background:#141a2b;text-align:center;cursor:pointer;transition:border-color .15s,transform .15s}
.fcell:hover{border-color:#4b5b8f;transform:translateY(-1px)}
.fcell.on{border-color:#7c8cf8;box-shadow:0 0 0 1px #7c8cf8 inset}
.fcell.lock{opacity:.55;cursor:not-allowed}
.fcell .fn{font-size:12px;color:#dfe4ff;margin-top:8px;font-weight:bold}
.fcell .ft{font-size:10px;color:#6c7899;margin-top:2px}
.fcell .fs{font-size:10px;margin-top:4px}

.avw.fimg{padding:0;position:relative}
.avw.fimg>.avin{position:relative;z-index:1;border-radius:50%;overflow:hidden;background:#232a40;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.avw.fimg>.avfr{position:absolute;left:0;top:0;width:100%;height:100%;z-index:3;pointer-events:none;background:none;border-radius:0}
.fcell .avw{margin:0 auto}

.vipb{display:inline-block;margin-left:5px;padding:1px 6px;border-radius:5px;font-weight:900;letter-spacing:.5px;
  color:#fff;background:linear-gradient(135deg,#ff5f6d,#e11d48);box-shadow:0 0 10px rgba(239,68,68,.55);
  vertical-align:2px;line-height:1.5;font-family:Consolas,'Microsoft YaHei',monospace}
.nick-c{font-weight:bold}

.morewrap{position:relative;display:inline-flex;align-items:center}
.morebtn{font-size:13.5px;color:#97a4c6;background:#171b28;border:1px solid #2a3244;border-radius:9px;
  padding:9px 16px;line-height:1.15;cursor:pointer;font-family:inherit;transition:all .15s}
.morebtn:hover{color:#e8edff;background:#1f2436;border-color:#4a5790}
.morebtn.on{color:#fff;background:linear-gradient(135deg,#7c8cf8,#5a6cf0);border-color:#93a1ff;font-weight:bold}
.morewrap.open .morebtn{color:#e8edff;border-color:#4a5790}
.moredrop{display:none;position:absolute;right:0;top:100%;margin-top:8px;min-width:132px;padding:6px;
  background:#171b28;border:1px solid #2a3244;border-radius:11px;box-shadow:0 12px 34px rgba(0,0,0,.5);
  z-index:60;flex-direction:column;gap:4px}
.morewrap.open .moredrop{display:flex}
.moredrop a{display:block;padding:8px 12px;border-radius:8px;font-size:13px;color:#97a4c6;white-space:nowrap}
.moredrop a:hover{background:#222839;color:#e8edff;text-decoration:none}
.moredrop a.on{background:linear-gradient(135deg,#7c8cf8,#5a6cf0);color:#fff;font-weight:bold}
@media(max-width:640px){.morebtn{font-size:12px;padding:7px 11px;border-radius:8px}}

.lvb{display:inline-block;margin-left:5px;padding:1px 6px;border-radius:5px;font-weight:bold;line-height:1.5;
  color:#0f1117;background:linear-gradient(135deg,#9fe8ff,#57b6ff);vertical-align:2px;
  font-family:Consolas,'Microsoft YaHei',monospace}
.xpwrap{display:flex;align-items:center;gap:9px;margin-top:8px}
.xpbar{flex:1;height:10px;background:#12151f;border:1px solid #242a3a;border-radius:999px;overflow:hidden;min-width:80px}
.xpbar i{display:block;height:100%;border-radius:999px;
  background:linear-gradient(90deg,#38bdf8,#7c8cf8 55%,#a855f7);box-shadow:0 0 10px rgba(124,140,248,.45);
  transition:width .5s}
.xptxt{font-size:11px;color:#8c93ad;white-space:nowrap}

.acchart{display:flex;flex-direction:column;align-items:center;gap:8px;padding:4px 0 2px}
.aclegend{display:flex;gap:22px;justify-content:center;align-items:center;flex-wrap:wrap}
.aclg{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:#aeb6cc}
.aclg b{color:#e6ebf5}
.aclg em{font-style:normal;color:#7d86a0;font-size:11.5px}
.aclg i.sw{display:inline-block;width:24px;height:13px;border-radius:3px}
.aclg i.sw.ac{background:#2fbf71}
.aclg i.sw.un{background:#e5492b}
.acpie{display:block;width:230px;height:230px;max-width:100%}
.actip{font-size:11.5px;color:#7d86a0;text-align:center;line-height:1.7}
.stat-more{cursor:pointer;color:#7c8cf8;font-size:12px;font-weight:400;user-select:none}
.stat-more:hover{color:#9aa6ff}
.acdetail{margin-top:14px;border-top:1px solid #232a3a;padding-top:12px}
.acrow{display:flex;align-items:center;gap:10px;font-size:12.5px;padding:4px 0}
.acrow .nm{width:88px;flex-shrink:0;color:#aeb6cc}
.acrow .cnt{width:58px;flex-shrink:0;text-align:right;color:#e6ebf5;font-family:Consolas,'Microsoft YaHei',monospace}
.acrow .pct{width:60px;flex-shrink:0;text-align:right;color:#7d86a0;font-family:Consolas,'Microsoft YaHei',monospace}
.acrow .bar{flex:1;min-width:60px;height:8px;border-radius:5px;background:#151a26;overflow:hidden}
.acrow .bar i{display:block;height:100%;border-radius:5px;transition:width .4s}
@media (max-width:640px){
  .acpie{width:184px;height:184px}
  .acrow .nm{width:74px}
}
.acflex{display:flex;gap:34px;align-items:center;justify-content:center;flex-wrap:wrap;padding:6px 0 2px}
.acfig{display:flex;flex-direction:column;align-items:center;gap:8px}
.acsum{display:flex;flex-direction:column;gap:11px;min-width:196px}
.acsum .s{display:flex;align-items:baseline;justify-content:space-between;gap:16px;font-size:12.5px;
  color:#8a93ad;border-bottom:1px dashed #232a3a;padding-bottom:8px}
.acsum .s:last-child{border-bottom:0;padding-bottom:0}
.acsum .s b{color:#e6ebf5;font-size:15px;font-family:Consolas,'Microsoft YaHei',monospace}
@media (max-width:640px){
  .acflex{gap:16px}
  .acsum{min-width:0;width:100%}
}

.card.hascover{position:relative;overflow:hidden;border-color:rgba(122,150,255,.28)}
.card.hascover>*:not(.pcover){position:relative;z-index:2}
.pcover{position:absolute;inset:0;z-index:0;border-radius:inherit;
  background-size:cover;background-position:center 38%;background-repeat:no-repeat}
.pcover::after{content:"";position:absolute;inset:0;border-radius:inherit;
  background:linear-gradient(155deg,rgba(9,12,19,.46) 0%,rgba(9,12,19,.66) 46%,rgba(10,13,20,.93) 100%),
             radial-gradient(120% 90% at 18% 0%,rgba(9,12,19,.14),rgba(9,12,19,.58) 72%)}
.puser{font-size:11px;color:#555}
.card.hascover .puser{color:#c6cfe6;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.card.hascover .stmt{color:#eef2ff;text-shadow:0 1px 10px rgba(0,0,0,.55)}
.card.hascover .stat-card{background:rgba(9,12,20,.52);border-color:rgba(255,255,255,.10);
  backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.card.hascover .stat-card .lbl{color:#c3cbe4}
.card.hascover .tip{color:#c9d1e8}
.cgrid{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.ccell{width:172px;padding:8px 8px 6px;border:1px solid #262b3f;border-radius:12px;background:#141a2b;
  text-align:center;cursor:pointer;transition:border-color .15s,transform .15s;overflow:hidden}
.ccell:hover{border-color:#3b4260;transform:translateY(-2px)}
.ccell.on{border-color:#4ade80;box-shadow:0 0 0 1px rgba(74,222,128,.35) inset}
.ccell.lock{opacity:.62}
.ccell .cimg{height:66px;border-radius:8px;background-size:cover;background-position:center;background-color:#0f1320}
.ccell .cimg.cnone{display:flex;align-items:center;justify-content:center;font-size:11.5px;color:#6b7387;
  background:repeating-linear-gradient(45deg,#12161f,#12161f 6px,#171c28 6px,#171c28 12px)}
.ccell .cn{font-size:12px;color:#dbe2f5;margin-top:6px}
.ccell .cs{font-size:10.5px;margin-top:2px;min-height:14px}
@media (max-width:640px){
  .card.hascover{padding:16px}
  .ccell{width:calc(50% - 6px)}
  .ccell .cimg{height:56px}
}
.pager{flex-wrap:wrap}
.pager>span,.pager button,.pjump,.pjump>span{white-space:nowrap}
.pjump{display:inline-flex;align-items:center;gap:6px;margin-left:6px;flex:0 0 auto}
.pager .pjump-in{width:64px;min-width:64px;flex:0 0 auto;padding:6px 8px;text-align:center;
  border-radius:7px;border:1px solid #2a2e40;background:#0f1220;color:#dbe2f5;
  font-family:inherit;font-size:12px}
.pjump-in::-webkit-outer-spin-button,.pjump-in::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.pjump-in{-moz-appearance:textfield;appearance:textfield}
.pager .pjump-in:focus{outline:none;border-color:#4c5680;box-shadow:0 0 0 2px rgba(124,140,248,.18)}
.pjump button{flex:0 0 auto}
@media (max-width:640px){.pjump{margin-left:0}}

.aichat{display:flex;flex-direction:column;gap:12px}
.aicard{background:linear-gradient(180deg,#181c28,#151824);border:1px solid #2a3040;border-radius:14px;padding:16px}
.aihero{position:relative;overflow:hidden;border-radius:18px;padding:22px;margin-bottom:14px;
  background:radial-gradient(90% 130% at 20% -20%,rgba(124,140,248,.40),rgba(87,182,255,.16) 45%,rgba(24,27,40,.97) 76%),
             linear-gradient(180deg,#1a1f30,#151824);
  border:1px solid #34406b;box-shadow:0 14px 40px rgba(90,120,255,.14)}
.aihero::before{content:"";position:absolute;right:-80px;top:-90px;width:320px;height:320px;border-radius:50%;
  background:radial-gradient(circle,rgba(140,180,255,.26),transparent 68%);pointer-events:none}
.aihero>*{position:relative;z-index:1}
.aihero h2{margin:0 0 6px;font-size:20px;color:#dfe8ff;letter-spacing:1px}
.aihero p{margin:0;font-size:12.5px;color:#9aa8c8;line-height:1.7}
.aihero .aibadge{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#bcd2ff;
  background:rgba(124,140,248,.16);border:1px solid rgba(124,140,248,.42);border-radius:999px;padding:3px 10px;margin-bottom:10px}
.ailog{display:flex;flex-direction:column;gap:12px;max-height:62vh;overflow-y:auto;padding:2px}
.ailog::-webkit-scrollbar{width:8px}
.ailog::-webkit-scrollbar-thumb{background:#2d3548;border-radius:8px}
.aimsg{display:flex;gap:10px;align-items:flex-start}
.aimsg .avt{flex-shrink:0;width:28px;height:28px;border-radius:9px;display:flex;align-items:center;justify-content:center;
  font-size:14px;background:#232a3c;border:1px solid #333c52}
.aimsg.me .avt{background:rgba(124,140,248,.20);border-color:rgba(124,140,248,.5)}
.aimsg.ai .avt{background:rgba(87,182,255,.16);border-color:rgba(87,182,255,.44)}
.aimsg .bub{flex:1;min-width:0;border-radius:12px;padding:10px 13px;font-size:13px;line-height:1.75;
  background:#1b2030;border:1px solid #2a3142;color:#d5dcea;white-space:pre-wrap;word-break:break-word}
.aimsg.me .bub{background:rgba(124,140,248,.12);border-color:rgba(124,140,248,.34);color:#e2e6ff}
.aimsg.ai .bub{background:#171d2b;border-color:#2b344a}
.aimsg .bub code{background:#0f1420;border:1px solid #262d3d;border-radius:6px;padding:1px 5px;font-size:12px;color:#ffd9a0}
.aimsg .bub pre.codeblk{background:#0e131f;border:1px solid #26303f;border-radius:9px;padding:10px 12px;overflow-x:auto;
  margin:8px 0;font-size:12px;line-height:1.6;color:#cfe3ff;white-space:pre}
.aithink{color:#8f9bb5;font-size:12.5px;display:flex;align-items:center;gap:8px}
.aidot{width:6px;height:6px;border-radius:50%;background:#7c8cf8;animation:aibl 1.1s infinite}
.aidot:nth-child(2){animation-delay:.18s}
.aidot:nth-child(3){animation-delay:.36s}
@keyframes aibl{0%,80%,100%{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}
.aibar{display:flex;gap:10px;align-items:flex-end;margin-top:12px}
.aibar textarea{flex:1;min-height:74px;max-height:200px;resize:vertical;background:#12161f;border:1px solid #2b3345;
  border-radius:12px;padding:11px 13px;color:#dbe2f0;font-size:13px;line-height:1.7;font-family:inherit;outline:none}
.aibar textarea:focus{border-color:#586ae0;box-shadow:0 0 0 3px rgba(88,106,224,.14)}
.aichips{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.aichip{font-size:11.5px;color:#a8b4cc;background:#1b2130;border:1px solid #2b3345;border-radius:999px;
  padding:4px 11px;cursor:pointer;transition:.15s}
.aichip:hover{color:#cdd8ff;border-color:#586ae0;background:rgba(88,106,224,.14)}
.aictx{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:#9fe0b4;
  background:rgba(52,199,123,.12);border:1px solid rgba(52,199,123,.36);border-radius:999px;padding:3px 10px;margin-bottom:8px}
.aifoot{font-size:11px;color:#616d85;margin-top:8px;text-align:center}
@media(max-width:640px){.aibar{flex-direction:column;align-items:stretch}.aibar textarea{min-height:64px}}

.loginbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 14px;padding:11px 16px;
  border-radius:12px;font-size:13px;color:#ffe2b0;background:linear-gradient(90deg,rgba(255,176,32,.16),rgba(255,120,60,.10));
  border:1px solid rgba(255,176,32,.42);box-shadow:0 6px 20px rgba(255,150,40,.10)}
.loginbar span{flex:1;min-width:180px;line-height:1.6}
.loginbar-btn{flex:0 0 auto;padding:5px 14px;border-radius:9px;text-decoration:none;font-size:12.5px;
  color:#2a1a00;background:linear-gradient(180deg,#ffd479,#ffb02c);border:1px solid #ffc85c;font-weight:700}
.loginbar-btn:hover{filter:brightness(1.06)}
.loginbar-x{flex:0 0 auto;background:transparent;border:0;color:#c9a05a;font-size:14px;cursor:pointer;padding:2px 4px}
.loginbar-x:hover{color:#ffd479}
