:root{--ba-blue: rgb(0, 107, 255);--ba-blue-soft: rgba(0, 107, 255, .12);--ba-blue-deep: rgb(0, 80, 200);--ba-sky: rgb(105, 183, 255);--ba-bg: rgb(233, 240, 249);--ba-text: rgb(28, 33, 41);--ba-text-muted: rgba(28, 33, 41, .55);--ba-text-faint: rgba(28, 33, 41, .4);--ba-glass: rgba(255, 255, 255, .72);--ba-glass-strong: rgba(255, 255, 255, .86);--ba-glass-border: rgba(255, 255, 255, .7);--ba-glass-blur: blur(16px);--ba-radius: 14px;--ba-radius-sm: 10px;--ba-shadow: 0 8px 28px rgba(24, 49, 92, .1);--ba-shadow-sm: 0 2px 10px rgba(24, 49, 92, .07);--ba-script-font: "Segoe Script", "Brush Script MT", "Snell Roundhand", "Comic Sans MS", Georgia, "Times New Roman", serif;--ba-success: rgb(0, 158, 96);--ba-success-bg: rgba(0, 158, 96, .12);--ba-warn: rgb(196, 120, 20);--ba-warn-bg: rgba(196, 120, 20, .13);--ba-fail: rgb(204, 26, 37);--ba-fail-bg: rgba(204, 26, 37, .12);--ba-item-n: rgb(189, 197, 208);--ba-item-r: rgb(144, 186, 236);--ba-item-sr: rgb(214, 173, 129);--ba-item-ssr: rgb(168, 138, 236);color:var(--ba-text);background:var(--ba-bg);font-family:Inter,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5;--el-color-primary: rgb(0, 107, 255)}*{box-sizing:border-box}body{min-width:320px;margin:0;background:transparent}.app-bg{position:fixed;inset:0;z-index:-2;background-color:var(--ba-bg);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity .6s ease}.app-bg.ready{opacity:1}.app-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(1100px 560px at 82% -8%,rgba(0,107,255,.06),transparent 64%),linear-gradient(180deg,#e7f1fd1f,#e9f0f92e 55%,#e9f0f942)}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(135deg,rgba(0,107,255,.025) 0 25%,transparent 25% 50%,rgba(0,107,255,.025) 50% 75%,transparent 75%),linear-gradient(45deg,rgba(105,183,255,.03) 0 25%,transparent 25% 50%,rgba(105,183,255,.03) 50% 75%,transparent 75%);background-size:72px 72px,72px 72px;background-position:0 0,36px 36px;-webkit-mask-image:linear-gradient(160deg,rgb(0,0,0) 0%,transparent 42%);mask-image:linear-gradient(160deg,rgb(0,0,0) 0%,transparent 42%)}button,input,textarea,select{font:inherit}#app{min-height:100vh}.el-card{--el-card-border-radius: var(--ba-radius);--el-card-bg-color: transparent;position:relative;overflow:hidden;border:1px solid var(--ba-glass-border);background:var(--ba-glass);backdrop-filter:var(--ba-glass-blur);-webkit-backdrop-filter:var(--ba-glass-blur);box-shadow:var(--ba-shadow)}.el-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--ba-blue),var(--ba-sky))}.el-card.accent-ok:before{background:linear-gradient(180deg,var(--ba-success),rgb(120,210,170))}.el-card.accent-warn:before{background:linear-gradient(180deg,var(--ba-warn),rgb(240,190,110))}.el-card.accent-danger:before{background:linear-gradient(180deg,var(--ba-fail),rgb(240,130,130))}.el-card__header{border-bottom:1px solid rgba(24,49,92,.08)}.el-button{min-height:36px;font-weight:600}.el-menu{background:transparent;border-right:0}.el-menu-item.is-active{background:var(--ba-blue-soft);border-radius:var(--ba-radius-sm)}.shell{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:22px 14px;background:var(--ba-glass-strong);backdrop-filter:var(--ba-glass-blur);-webkit-backdrop-filter:var(--ba-glass-blur);border-right:1px solid var(--ba-glass-border)}.brand{display:flex;align-items:center;gap:11px;padding:2px 8px 20px;font-weight:800;font-size:17px;color:#14315c}.brand-mark{position:relative;display:grid;width:38px;height:38px;place-items:center;color:#fff;background:linear-gradient(135deg,var(--ba-blue),rgb(90,170,255));border-radius:11px;font-weight:800;box-shadow:0 4px 14px #006bff66}.brand-mark:after{content:"";position:absolute;top:-7px;right:-7px;width:16px;height:16px;border:2.5px solid rgba(0,170,255,.85);border-radius:999px;box-shadow:0 0 8px #00aaffb3}.content{min-width:0;padding:24px 30px 88px;overflow-x:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.topbar h1{margin:0 0 8px;color:#122235;font-size:25px;line-height:1.2;font-weight:800}.topbar-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.session-tags{max-width:100%}.hero{position:relative;overflow:hidden;min-height:168px;margin-bottom:16px;padding:22px 26px;border-radius:var(--ba-radius);border:1px solid var(--ba-glass-border);background:radial-gradient(520px 260px at 88% -30%,rgba(255,255,255,.6),transparent 70%),linear-gradient(120deg,#006bffeb,#4096ffdb 52%,#78beffcc);box-shadow:var(--ba-shadow);color:#fff}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(135deg,rgba(255,255,255,.14) 0 25%,transparent 25% 50%,rgba(255,255,255,.14) 50% 75%,transparent 75%);background-size:64px 64px;-webkit-mask-image:linear-gradient(90deg,rgb(0,0,0),transparent 70%);mask-image:linear-gradient(90deg,rgb(0,0,0),transparent 70%);opacity:.7}.hero-body{position:relative;z-index:1;max-width:62%}.hero-script{margin:0;font-family:var(--ba-script-font);font-size:30px;font-style:italic;font-weight:700;line-height:1.1;letter-spacing:0;text-shadow:0 2px 12px rgba(0,50,130,.35)}.hero-sub{margin:8px 0 0;font-size:14px;font-weight:600;opacity:.92}.hero-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.hero-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:#ffffff38;border:1px solid rgba(255,255,255,.4);font-size:13px;font-weight:700;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero-portrait{position:absolute;right:24px;top:0;bottom:0;width:190px;max-width:40%;z-index:1;pointer-events:none;filter:drop-shadow(0 8px 20px rgba(0,40,110,.35));-webkit-mask-image:linear-gradient(180deg,rgb(0,0,0) 78%,transparent 99%);mask-image:linear-gradient(180deg,rgb(0,0,0) 78%,transparent 99%)}.hero-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 8%}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;max-width:100%}.span-4{grid-column:span 4}.span-6{grid-column:span 6}.span-8{grid-column:span 8}.span-12{grid-column:span 12}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.panel-title h2,.panel-title h3{margin:0;display:flex;align-items:center;gap:8px;color:var(--ba-text);font-size:18px;line-height:1.35;font-weight:700}.summary-card .panel-title{min-height:32px;align-items:flex-start}.metric-list{display:grid}.panel-title h2 .el-icon{color:var(--ba-blue)}.metric{display:grid;grid-template-columns:minmax(72px,.72fr) minmax(0,1.28fr);align-items:center;gap:12px;min-height:40px;border-bottom:1px solid rgba(24,49,92,.07)}.metric:last-child{border-bottom:0}.metric-label{display:flex;align-items:center;gap:6px;color:var(--ba-text-muted);min-width:0;white-space:nowrap}.metric-value{min-width:0;color:var(--ba-text);font-weight:700;text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.status-chip{display:inline-flex;align-items:center;gap:5px;padding:2px 11px;border-radius:999px;font-size:13px;font-weight:700;line-height:1.7}.status-chip .dot{width:7px;height:7px;border-radius:999px;background:currentColor}.status-chip.ok{color:var(--ba-success);background:var(--ba-success-bg)}.status-chip.warn{color:var(--ba-warn);background:var(--ba-warn-bg)}.status-chip.fail{color:var(--ba-fail);background:var(--ba-fail-bg)}.status-chip.muted{color:var(--ba-text-muted);background:#18315c14}.avatar{position:relative;flex:0 0 auto;display:grid;place-items:center;width:46px;height:46px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,var(--ba-blue-soft),rgba(105,183,255,.25));color:var(--ba-blue-deep);font-weight:800;font-size:18px;border:1px solid var(--ba-glass-border)}.avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.avatar.lg{width:56px;height:56px}.avatar-stack{display:inline-flex;flex:0 0 auto}.avatar-stack .avatar.lg{margin-left:-14px;box-shadow:0 0 0 2px var(--ba-glass-strong)}.avatar-stack .avatar.lg:first-child{margin-left:0}.daily-config{margin:4px 0 14px;padding:12px 14px;background:var(--ba-glass-strong);border:1px solid var(--ba-glass-border);border-left:3px solid var(--ba-blue);border-radius:var(--ba-radius-sm)}.daily-config-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;color:var(--ba-text);font-weight:700;font-size:14px}.daily-config-full{width:100%}.daily-config-hint{margin-top:6px;color:var(--ba-text-faint);font-size:12px}.stage-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px}.stage-row:last-of-type{margin-bottom:0}.stage-row .el-button{margin-left:0}.stage-field-difficulty{width:116px}.stage-field-area{width:132px}.stage-field-grade{width:96px}.stage-field-num{width:104px}.stage-sep{color:var(--ba-text-muted);font-weight:700}.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px;min-width:0}.query-toolbar{flex-wrap:nowrap;max-width:100%;overflow:hidden}.query-tabs-scroll{min-width:0;flex:1 1 auto;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;touch-action:pan-x}.query-tabs-scroll .query-tabs{width:max-content}.query-tabs-scroll .el-segmented{max-width:none}.query-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;max-width:100%}.query-card{display:flex;align-items:center;gap:12px;min-width:0;min-height:64px;padding:10px 12px;background:var(--ba-glass-strong);border:1px solid var(--ba-glass-border);border-radius:var(--ba-radius-sm);box-shadow:var(--ba-shadow-sm)}.query-body{min-width:0;flex:1 1 auto}.query-name{font-weight:700;overflow-wrap:anywhere}.query-meta{margin-top:3px;display:flex;flex-wrap:wrap;gap:5px 10px;color:var(--ba-text-muted);font-size:13px}.query-meta .tag{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:999px;background:var(--ba-blue-soft);color:var(--ba-blue-deep);font-weight:600}.query-rarity{border-left:4px solid var(--ba-item-n)}.query-rarity.r{border-left-color:var(--ba-item-r)}.query-rarity.sr{border-left-color:var(--ba-item-sr)}.query-rarity.ssr{border-left-color:var(--ba-item-ssr)}.list-hint{margin-top:10px;color:var(--ba-text-faint);font-size:13px;text-align:center}.login-wrap{display:grid;min-height:100vh;place-items:center;padding:24px}.login-stage{display:grid;grid-template-columns:320px minmax(0,1fr);gap:0;width:min(760px,100%);border-radius:var(--ba-radius);overflow:hidden;box-shadow:0 20px 60px #18315c2e;border:1px solid var(--ba-glass-border)}.login-hero{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;min-height:300px;padding:22px;color:#fff;background:radial-gradient(420px 220px at 70% 6%,rgba(255,255,255,.45),transparent 70%),linear-gradient(150deg,#006bfff2,#56a5ffd9)}.login-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(135deg,rgba(255,255,255,.14) 0 25%,transparent 25% 50%,rgba(255,255,255,.14) 50% 75%,transparent 75%);background-size:60px 60px;opacity:.55}.login-hero-portrait{position:absolute;right:0;top:0;bottom:0;width:210px;max-width:84%;z-index:0;pointer-events:none;background:radial-gradient(120px 120px at 60% 30%,rgba(255,255,255,.35),transparent 70%);-webkit-mask-image:linear-gradient(180deg,rgb(0,0,0) 70%,transparent 98%);mask-image:linear-gradient(180deg,rgb(0,0,0) 70%,transparent 98%)}.login-hero-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 4%}.login-hero-text{position:relative;z-index:1;text-shadow:0 1px 8px rgba(0,40,110,.45)}.login-hero-script{margin:0;font-family:var(--ba-script-font);font-size:26px;font-style:italic;font-weight:700;line-height:1.1;letter-spacing:0;text-shadow:0 2px 12px rgba(0,50,130,.4)}.login-hero-sub{margin:6px 0 0;font-size:13px;font-weight:600;opacity:.92}.login-panel{width:100%;border-radius:0}.login-panel.el-card:before{display:none}.login-brand{display:flex;align-items:center;gap:10px;margin:0;font-size:21px;font-weight:800;color:#14315c}.block-btn{width:100%}.challenge-status{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:6px}.countdown{color:var(--ba-text-muted);font-size:13px;font-weight:600}.countdown.expired{color:var(--ba-fail)}.challenge-steps code{padding:1px 7px;background:var(--ba-blue-soft);border-radius:6px;color:var(--ba-blue-deep);font-weight:700;overflow-wrap:anywhere}.headpat-target{display:flex;align-items:center;gap:12px;padding:4px 0 14px;margin-bottom:4px;border-bottom:1px solid rgba(24,49,92,.07)}.headpat-target-list{max-height:268px;overflow-y:auto}.headpat-target-list .headpat-target:last-child{margin-bottom:8px}.headpat-target-info{min-width:0}.headpat-target-name{font-weight:800;font-size:17px;overflow-wrap:anywhere}.headpat-target-sub{color:var(--ba-text-muted);font-size:13px}.challenge-steps{margin:4px 0 16px;padding-left:0;list-style:none;counter-reset:step}.challenge-steps li{position:relative;padding:4px 0 4px 30px;color:var(--ba-text-muted);line-height:1.6}.challenge-steps li:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:4px;display:grid;place-items:center;width:22px;height:22px;background:var(--ba-blue-soft);color:var(--ba-blue-deep);border-radius:999px;font-size:12px;font-weight:800}.challenge-code{display:flex;align-items:center;justify-content:center;gap:6px;min-height:64px;margin:12px 0;color:var(--ba-blue-deep);background:linear-gradient(135deg,#006bff1a,#69b7ff29);border:1px solid rgba(0,107,255,.28);border-radius:var(--ba-radius);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:30px;font-weight:800;letter-spacing:6px}.danger-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.danger-list .el-button{width:100%;margin:0}.danger-list .el-button+.el-button{margin-left:0}.empty{color:var(--ba-text-muted);padding:28px 0;text-align:center}.mt-12{margin-top:12px}.mobile-tabs{display:none}@media(max-width:900px){:root{--ba-script-font: Georgia, "Times New Roman", "STKaiti", "KaiTi", "Songti SC", serif}.shell{display:flex;flex-direction:column;height:100dvh;min-height:100dvh;overflow:hidden}.sidebar{display:none}.mobile-tabs{position:static;z-index:20;display:grid;flex:0 0 auto;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:6px env(safe-area-inset-right) calc(6px + env(safe-area-inset-bottom)) env(safe-area-inset-left);background:var(--ba-glass-strong);backdrop-filter:var(--ba-glass-blur);-webkit-backdrop-filter:var(--ba-glass-blur);border-top:1px solid var(--ba-glass-border);box-shadow:0 -8px 24px #18315c1a}.mobile-tab{display:grid;gap:2px;min-width:0;min-height:50px;place-items:center;color:var(--ba-text-muted);border:0;background:transparent;font-size:12px}.mobile-tab.active{color:var(--ba-blue);font-weight:700}.content{min-height:0;flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:18px 14px 24px}.topbar{align-items:flex-start;flex-direction:column;gap:12px}.topbar-actions{justify-content:flex-start}.topbar-actions .el-button{margin-left:0}.grid{grid-template-columns:1fr;overflow-x:hidden}.span-4,.span-6,.span-8,.span-12{grid-column:1}.danger-list{grid-template-columns:1fr 1fr;gap:8px}.query-list{grid-template-columns:1fr}.query-toolbar{gap:10px}.query-toolbar .el-button{flex:0 0 auto;margin-left:0}.query-tabs-scroll{padding-bottom:2px}.query-tabs-scroll .query-tabs{min-width:max-content}.summary-card .panel-title,.panel-title{min-height:34px;margin-bottom:12px}.panel-title h2,.panel-title h3{font-size:17px}.metric{grid-template-columns:82px minmax(0,1fr);min-height:38px;gap:10px}.metric-value{font-size:14px;line-height:1.35}.metric-value .status-chip{font-size:12px}.hero{min-height:132px;padding:18px}.hero-body{max-width:70%}.hero-script{font-size:23px;font-weight:800}.hero-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,208px);gap:7px}.hero-chip{justify-content:center;min-width:0;width:100%;padding:4px 8px;font-size:12px;white-space:nowrap}.hero-chip:first-child{grid-column:1 / -1}.hero-portrait{width:128px;right:8px}.login-stage{grid-template-columns:1fr;width:min(440px,100%)}.login-hero{min-height:150px}.login-hero-portrait{width:170px;right:0}body{background-attachment:scroll}body:before{background-attachment:scroll}}