/* ============ 云图时代策略中台 - 深空霓虹科技主题（AI/多媒体大企业调性） ============ */
:root{
  --bg:#04091a; --bg2:#071130; --panel:rgba(13,26,58,.72); --panel-b:rgba(70,130,240,.22);
  --line:rgba(80,150,255,.18); --txt:#e8f1ff; --txt2:#8ba4d0;
  --blue:#3d8bff; --cyan:#00e0ff; --gold:#ffb020; --red:#ff5470; --green:#00e39a; --purple:#9d7bff;
  --grad:linear-gradient(135deg,#1664ff 0%,#00d4ff 100%);
  --grad2:linear-gradient(135deg,#9d7bff 0%,#00e0ff 100%);
  --shadow:0 8px 32px rgba(0,40,120,.35),0 1px 0 rgba(120,180,255,.08) inset;
  --glow:0 0 24px rgba(0,180,255,.35);
}
*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%}
body{font-family:"PingFang SC","Microsoft YaHei",-apple-system,sans-serif;background:var(--bg);color:var(--txt);overflow:hidden;font-size:14px}
.hidden{display:none!important}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-thumb{background:#1e3a6e;border-radius:3px}
::-webkit-scrollbar-track{background:rgba(10,20,45,.4)}
input,select,textarea,button{font-family:inherit;outline:none}

/* 深空背景：径向光晕 + 网格 + 扫描光带 */
body::before{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(900px 600px at 12% 8%,rgba(30,90,220,.30),transparent 60%),
    radial-gradient(800px 560px at 88% 92%,rgba(0,190,255,.22),transparent 60%),
    radial-gradient(700px 500px at 78% 10%,rgba(140,80,255,.16),transparent 60%),
    linear-gradient(160deg,#04091a 0%,#071130 55%,#050d22 100%);
  animation:bgpulse 16s ease-in-out infinite}
@keyframes bgpulse{0%,100%{opacity:1}50%{opacity:.86}}
body::after{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(60,130,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(60,130,255,.055) 1px,transparent 1px);
  background-size:56px 56px;animation:gridmove 30s linear infinite}
@keyframes gridmove{to{background-position:56px 56px}}
.scan-line{position:fixed;left:0;right:0;height:2px;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(0,220,255,.55),transparent);
  box-shadow:0 0 22px rgba(0,200,255,.55);animation:scan 9s linear infinite}
@keyframes scan{0%{top:-2%}100%{top:102%}}
.app-view,.login-view{position:relative;z-index:2}
.bg-canvas{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.9}

/* ============ 登录页 ============ */
.login-view{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
#loginCanvas{position:absolute;inset:0;z-index:1}
.login-glow{position:absolute;width:620px;height:620px;border-radius:50%;filter:blur(120px);opacity:.55;animation:float 9s ease-in-out infinite}
.g1{background:radial-gradient(circle,#1664ff,#0a3fbf);top:-200px;left:-160px}
.g2{background:radial-gradient(circle,#00d4ff,#0a6ea8);bottom:-220px;right:-140px;animation-delay:-4.5s}
.login-grid{position:absolute;inset:0;z-index:0;background-image:linear-gradient(rgba(70,150,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(70,150,255,.07) 1px,transparent 1px);background-size:54px 54px;animation:gridmove 24s linear infinite}
.login-box{position:relative;z-index:3;width:450px;max-width:92vw;padding:42px 40px 26px;
  background:linear-gradient(165deg,rgba(16,32,70,.86),rgba(8,18,44,.9));
  border:1px solid rgba(90,160,255,.28);border-radius:22px;backdrop-filter:blur(22px);
  box-shadow:0 0 80px rgba(20,80,200,.35),inset 0 1px 0 rgba(140,200,255,.18);animation:rise .8s ease}
@keyframes rise{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
.login-logo-wrap{position:relative;width:158px;height:124px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center}
.login-logo{width:138px;height:116px;object-fit:contain;background:#fff;border-radius:20px;padding:8px;
  box-shadow:0 0 34px rgba(0,190,255,.5),0 0 0 1px rgba(120,200,255,.35);animation:pulse 3s ease-in-out infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 22px rgba(30,120,255,.45)}50%{box-shadow:0 0 48px rgba(0,220,255,.75)}}
.logo-ring{position:absolute;inset:-12px;border:1.5px dashed rgba(90,180,255,.45);border-radius:28px;animation:spin 16s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.login-title{font-size:20px;text-align:center;font-weight:800;letter-spacing:2px;
  background:linear-gradient(90deg,#6db4ff,#00e6ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.login-sub{text-align:center;color:var(--txt2);font-size:10.5px;letter-spacing:1.6px;margin:8px 0 26px}
.input-row{display:flex;align-items:center;background:rgba(8,18,42,.75);border:1.5px solid rgba(80,150,255,.22);border-radius:12px;margin-bottom:14px;padding:0 14px;transition:.25s}
.input-row:focus-within{border-color:var(--cyan);box-shadow:0 0 0 4px rgba(0,210,255,.12),0 0 18px rgba(0,200,255,.25)}
.input-ico{font-size:15px;margin-right:10px;opacity:.85}
.input-row input{flex:1;background:none;border:none;color:var(--txt);height:46px;font-size:14px}
.input-row input::placeholder{color:#5d76a3}
.login-err{color:var(--red);font-size:12px;min-height:18px;margin-bottom:4px;text-align:center}
.login-btn{width:100%;height:48px;border:none;border-radius:12px;background:var(--grad);color:#fff;font-size:16px;font-weight:700;letter-spacing:6px;cursor:pointer;position:relative;overflow:hidden;transition:.25s;box-shadow:0 8px 26px rgba(20,100,255,.45)}
.login-btn:hover{box-shadow:0 10px 36px rgba(0,200,255,.6);transform:translateY(-1px)}
.login-btn::after{content:'';position:absolute;top:0;left:-80%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:shine 2.6s ease infinite}
@keyframes shine{0%{left:-80%}60%,100%{left:130%}}
.login-foot{margin-top:22px;text-align:center;color:var(--txt2);font-size:10.5px;letter-spacing:.5px}

/* ============ 主框架 ============ */
.app-view{display:flex;height:100vh}
.sidebar{width:222px;background:linear-gradient(180deg,rgba(10,22,52,.92),rgba(6,14,36,.95));border-right:1px solid var(--line);display:flex;flex-direction:column;flex-shrink:0;backdrop-filter:blur(14px);box-shadow:2px 0 24px rgba(0,40,120,.4)}
.side-brand{display:flex;align-items:center;gap:10px;padding:16px 14px;border-bottom:1px solid var(--line)}
.side-brand img{width:44px;height:40px;object-fit:contain;background:#fff;border-radius:10px;padding:2px;flex-shrink:0;box-shadow:0 0 16px rgba(0,180,255,.4)}
.side-brand b{display:block;font-size:15px;letter-spacing:1px;background:linear-gradient(90deg,#7cc0ff,#00e6ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}
.side-brand span{font-size:10.5px;color:var(--txt2);letter-spacing:1px}
.nav-menu{flex:1;overflow-y:auto;padding:10px 8px}
.nav-item{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:10px;color:var(--txt2);cursor:pointer;margin-bottom:3px;font-size:13.5px;transition:.2s;border:1px solid transparent}
.nav-item:hover{color:var(--txt);background:rgba(60,140,255,.12);border-color:rgba(80,160,255,.25)}
.nav-item.active{color:#fff;background:linear-gradient(90deg,rgba(30,110,255,.55),rgba(0,200,255,.28));border-color:rgba(90,180,255,.5);box-shadow:0 0 20px rgba(0,140,255,.35);font-weight:600}
.nav-item .ico{width:20px;text-align:center;font-size:15px;filter:drop-shadow(0 0 6px rgba(0,180,255,.5))}
.side-user{display:flex;align-items:center;padding:12px 14px;border-top:1px solid var(--line);gap:8px}
.side-user-info{flex:1;min-width:0}
.side-user-info b{display:block;font-size:13px;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.side-user-info span{font-size:10.5px;color:var(--cyan)}
.side-user button{background:rgba(20,40,80,.6);border:1px solid var(--line);color:var(--txt2);width:30px;height:30px;border-radius:8px;cursor:pointer;font-size:14px}
.side-user button:hover{color:var(--red);border-color:var(--red);box-shadow:0 0 12px rgba(255,84,112,.4)}
.main{flex:1;display:flex;flex-direction:column;min-width:0}
.topbar{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line);background:rgba(8,18,44,.62);backdrop-filter:blur(14px)}
.topbar h2{font-size:16.5px;letter-spacing:1px;color:var(--txt);font-weight:700}
.topbar h2::before{content:'';display:inline-block;width:4px;height:16px;background:var(--grad);border-radius:2px;margin-right:10px;vertical-align:-2px;box-shadow:0 0 10px rgba(0,200,255,.6)}
.topbar-right{display:flex;align-items:center;gap:12px}
.clock{color:var(--txt2);font-size:12.5px;font-variant-numeric:tabular-nums}
.live-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);animation:pulse 1.6s infinite}
.live-txt{color:var(--green);font-size:12px;font-weight:600}
.page-body{flex:1;overflow-y:auto;padding:18px 22px;position:relative;z-index:1}

/* ============ 通用组件 ============ */
.grid{display:grid;gap:14px}
.kpis{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.card{background:var(--panel);border:1px solid var(--panel-b);border-radius:16px;padding:16px;backdrop-filter:blur(12px);position:relative;overflow:hidden;box-shadow:var(--shadow);transition:.25s}
.card:hover{border-color:rgba(90,180,255,.45);box-shadow:0 10px 36px rgba(0,80,200,.4),0 0 24px rgba(0,180,255,.12)}
.card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#1664ff,#00e6ff,#9d7bff);opacity:.9}
.card h3{font-size:13.5px;color:var(--txt2);font-weight:600;margin-bottom:12px;letter-spacing:.5px;display:flex;align-items:center;gap:8px}
.card h3::before{content:'';width:3px;height:14px;background:var(--grad);border-radius:2px;box-shadow:0 0 8px rgba(0,200,255,.6)}
.kpi-val{font-size:27px;font-weight:800;font-variant-numeric:tabular-nums;background:linear-gradient(90deg,#8fc8ff,#00e6ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px rgba(0,180,255,.35))}
.kpi-lab{font-size:12px;color:var(--txt2);margin-top:6px}
.kpi-trend{font-size:11.5px;margin-top:4px;color:var(--txt2)}
.up{color:var(--green)} .down{color:var(--red)}
.row2{grid-template-columns:1fr 1fr} .row3{grid-template-columns:2fr 1fr} .row4{grid-template-columns:repeat(4,1fr)}
@media(max-width:1100px){.row2,.row3,.row4{grid-template-columns:1fr}}
.chart{width:100%;height:300px}
.chart-sm{width:100%;height:250px}
table.tbl{width:100%;border-collapse:collapse;font-size:12.5px}
.tbl th{color:var(--txt2);text-align:left;padding:9px 10px;border-bottom:1.5px solid rgba(80,150,255,.25);font-weight:600;white-space:nowrap;background:rgba(30,70,150,.18)}
.tbl td{padding:9px 10px;border-bottom:1px solid rgba(70,130,240,.12);white-space:nowrap;color:var(--txt)}
.tbl tr:hover td{background:rgba(50,120,240,.14)}
.tag{display:inline-block;padding:2px 9px;border-radius:20px;font-size:11px;border:1px solid;font-weight:500}
.tag.blue{color:#7cc0ff;border-color:rgba(124,192,255,.4);background:rgba(40,120,255,.16)}
.tag.cyan{color:#4fe8ff;border-color:rgba(79,232,255,.4);background:rgba(0,200,255,.14)}
.tag.gold{color:#ffcb6b;border-color:rgba(255,203,107,.4);background:rgba(255,176,32,.14)}
.tag.green{color:#4ff0b8;border-color:rgba(79,240,184,.4);background:rgba(0,227,154,.14)}
.tag.red{color:#ff8ba0;border-color:rgba(255,139,160,.4);background:rgba(255,84,112,.14)}
.tag.purple{color:#c3abff;border-color:rgba(195,171,255,.4);background:rgba(157,123,255,.16)}
.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;border:1px solid rgba(80,150,255,.3);background:rgba(30,70,150,.28);color:#a8d4ff;cursor:pointer;font-size:12.5px;transition:.2s;font-weight:500}
.btn:hover{background:rgba(50,120,240,.35);border-color:var(--blue);color:#fff;box-shadow:0 0 16px rgba(0,150,255,.35)}
.btn.primary{background:var(--grad);border:none;color:#fff;font-weight:600;box-shadow:0 4px 18px rgba(20,100,255,.5)}
.btn.primary:hover{box-shadow:0 6px 26px rgba(0,210,255,.6);color:#fff}
.btn.danger{color:#ff8ba0;border-color:rgba(255,84,112,.4);background:rgba(255,84,112,.14)}
.btn.sm{padding:4px 10px;font-size:11.5px}
.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:14px;flex-wrap:wrap}
.toolbar input,.toolbar select{background:rgba(10,22,50,.8);border:1.5px solid rgba(80,150,255,.22);border-radius:10px;color:var(--txt);height:38px;padding:0 12px;font-size:13px}
.toolbar input:focus,.toolbar select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(0,210,255,.15)}
.toolbar input::placeholder{color:#5d76a3}
.toolbar input{width:220px}
.progress{height:7px;background:rgba(40,80,160,.35);border-radius:4px;overflow:hidden}
.progress i{display:block;height:100%;background:var(--grad);border-radius:4px;transition:width .6s;box-shadow:0 0 10px rgba(0,200,255,.5)}
.progress i.gold{background:linear-gradient(90deg,#ffb020,#ffd98a)}
.progress i.green{background:linear-gradient(90deg,#00e39a,#7cf3ce)}
.progress i.red{background:linear-gradient(90deg,#ff5470,#ff9aa9)}
.rank-num{display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;border-radius:6px;font-size:11.5px;font-weight:700;background:rgba(60,130,255,.22);color:#a8d4ff}
.rank-num.r1{background:linear-gradient(135deg,#ffd700,#ff9d00);color:#4a3200}
.rank-num.r2{background:linear-gradient(135deg,#cfe0f5,#98b0d0);color:#1a2842}
.rank-num.r3{background:linear-gradient(135deg,#f0a878,#cd7f32);color:#3d1f00}
.ticker{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:rgba(10,22,50,.7);padding:9px 0;box-shadow:var(--shadow)}
.ticker-inner{display:inline-block;white-space:nowrap;animation:marquee 36s linear infinite;font-size:12.5px;color:var(--txt2)}
.ticker-inner b{color:var(--cyan);font-weight:700}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.page-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;flex-wrap:wrap;gap:10px}
.weak-badge{font-size:11px;padding:1px 7px;border-radius:4px;background:rgba(255,84,112,.18);color:#ff8ba0;border:1px solid rgba(255,84,112,.35)}

/* Tab 切换 */
.tabs{display:flex;gap:6px;margin-bottom:14px;border-bottom:1.5px solid var(--line);flex-wrap:wrap}
.tab{padding:9px 18px;border-radius:10px 10px 0 0;cursor:pointer;color:var(--txt2);font-size:13.5px;font-weight:500;transition:.2s;border:1.5px solid transparent;border-bottom:none;position:relative;top:1.5px}
.tab:hover{color:#8fd0ff;background:rgba(40,100,220,.15)}
.tab.active{color:#fff;background:linear-gradient(90deg,rgba(30,110,255,.6),rgba(0,200,255,.35));border-color:rgba(90,180,255,.4);box-shadow:0 0 20px rgba(0,140,255,.35)}
.tab-panel{animation:fade .3s ease}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* 方舟风格 KPI 卡片 */
.kpi-ark{display:flex;flex-direction:column;gap:2px;padding:16px 18px;border-radius:16px;background:var(--panel);border:1px solid var(--panel-b);box-shadow:var(--shadow);position:relative;overflow:hidden;backdrop-filter:blur(12px)}
.kpi-ark::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--grad);box-shadow:0 0 14px rgba(0,200,255,.6)}
.kpi-ark.k2::before{background:linear-gradient(180deg,#00e39a,#7cf3ce)}
.kpi-ark.k3::before{background:linear-gradient(180deg,#ffb020,#ffd98a)}
.kpi-ark.k4::before{background:linear-gradient(180deg,#9d7bff,#c3abff)}
.kpi-ark.k5::before{background:linear-gradient(180deg,#ff5470,#ff9aa9)}
.kpi-ark .k-label{font-size:12px;color:var(--txt2)}
.kpi-ark .k-val{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--txt);filter:drop-shadow(0 0 10px rgba(80,170,255,.35))}
.kpi-ark .k-sub{font-size:11px;color:var(--txt2)}
.kpi-ark .k-badge{position:absolute;right:14px;top:14px;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:17px;background:linear-gradient(135deg,rgba(30,110,255,.3),rgba(0,200,255,.2));box-shadow:0 0 14px rgba(0,150,255,.3)}

/* 产品卡片 */
.prod-card{background:var(--panel);border:1px solid var(--panel-b);border-radius:16px;padding:16px;box-shadow:var(--shadow);transition:.25s;position:relative;overflow:hidden;backdrop-filter:blur(12px)}
.prod-card:hover{transform:translateY(-3px);box-shadow:0 14px 40px rgba(0,90,220,.45);border-color:rgba(90,180,255,.5)}
.prod-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad)}
.prod-title{font-size:15px;font-weight:700;color:var(--txt);margin-bottom:6px}
.prod-meta{font-size:11.5px;color:var(--txt2);margin-bottom:10px}
.prod-row{display:flex;justify-content:space-between;font-size:12.5px;padding:4px 0;border-bottom:1px dashed rgba(70,130,240,.16)}
.prod-row:last-child{border:none}
.prod-row b{color:var(--cyan)}
.price-tag{font-size:19px;font-weight:800;color:var(--gold)}
.doc-link{color:#7cc0ff;text-decoration:none;font-size:11.5px;border-bottom:1px dashed rgba(124,192,255,.5)}
.doc-link:hover{color:var(--gold)}
.pkg-box{background:rgba(20,50,110,.35);border:1px solid rgba(70,140,240,.2);border-radius:12px;padding:12px;margin-top:10px}
.pkg-box h4{font-size:12.5px;color:#7cc0ff;margin-bottom:8px;font-weight:700}
.quote-card{background:linear-gradient(150deg,rgba(18,38,80,.85),rgba(10,26,60,.9));border:1.5px solid rgba(80,150,255,.3);border-radius:16px;padding:18px;box-shadow:0 8px 28px rgba(0,60,180,.35)}
.quote-card.best{border-color:var(--gold);box-shadow:0 10px 34px rgba(255,176,32,.28)}
.quote-price{font-size:24px;font-weight:800;background:linear-gradient(90deg,#ffb020,#ffd98a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* 汇报模块 */
.report-box{background:linear-gradient(165deg,rgba(14,30,68,.9),rgba(8,20,46,.92));border:1px solid rgba(80,150,255,.28);border-radius:16px;padding:20px;box-shadow:0 10px 40px rgba(0,50,160,.4)}
.report-text{white-space:pre-wrap;font-size:13px;line-height:2;color:#d6e6ff;background:rgba(6,16,40,.6);border:1px solid rgba(70,130,240,.2);border-radius:12px;padding:16px;max-height:520px;overflow-y:auto;font-family:"PingFang SC",monospace}
.opt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-top:8px}
.opt-item{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(80,150,255,.2);border-radius:10px;background:rgba(20,44,96,.4);cursor:pointer;font-size:12.5px;transition:.2s}
.opt-item:hover{border-color:var(--cyan);background:rgba(30,80,170,.4)}
.opt-item.on{border-color:var(--cyan);background:linear-gradient(90deg,rgba(30,110,255,.4),rgba(0,200,255,.2));color:#fff}
.opt-item input{accent-color:#00d4ff;width:15px;height:15px}

/* ============ 弹窗 / 提示 ============ */
.modal{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center}
.modal-mask{position:absolute;inset:0;background:rgba(2,8,24,.7);backdrop-filter:blur(5px)}
.modal-card{position:relative;width:640px;max-width:94vw;max-height:86vh;overflow-y:auto;background:linear-gradient(165deg,rgba(16,32,70,.97),rgba(8,18,44,.98));border:1px solid rgba(90,160,255,.3);border-radius:18px;padding:24px;box-shadow:0 24px 70px rgba(0,30,90,.6),0 0 40px rgba(0,120,255,.15);animation:rise .3s ease}
.modal-card h3{margin-bottom:16px;font-size:16px;letter-spacing:1px;color:var(--txt)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form-grid .full{grid-column:1/-1}
.fld label{display:block;font-size:11.5px;color:var(--txt2);margin-bottom:5px;font-weight:500}
.fld input,.fld select,.fld textarea{width:100%;background:rgba(8,18,44,.85);border:1.5px solid rgba(80,150,255,.22);border-radius:9px;color:var(--txt);height:38px;padding:0 10px;font-size:13px}
.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(0,210,255,.15)}
.fld input::placeholder,.fld textarea::placeholder{color:#5d76a3}
.fld textarea{height:64px;padding:8px 10px;resize:vertical}
.modal-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}
.toast{position:fixed;top:24px;left:50%;transform:translateX(-50%);z-index:99;padding:11px 26px;border-radius:12px;background:var(--grad);color:#fff;font-size:13.5px;box-shadow:0 8px 32px rgba(20,100,255,.55);animation:rise .3s ease;font-weight:500}