/* 六月是只猫外链网盘 jk.lyszm.com */
@font-face {
  font-family: 'Albert Sans';
  font-style: normal; font-weight: 100 900; font-display: swap;
  src: url('../fonts/albert-sans-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Albert Sans';
  font-style: normal; font-weight: 100 900; font-display: swap;
  src: url('../fonts/albert-sans-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root,
[data-theme="light"],
[data-theme="dark"] {
  --tw-bg1: #08080e;
  --tw-bg2: #0b0c13;
  --tw-bg3: #0f1018;
  --tw-glass: rgba(255, 255, 255, .035);
  --tw-glass2: rgba(255, 255, 255, .055);
  --tw-bd: rgba(255, 255, 255, .08);
  --tw-bd2: rgba(255, 255, 255, .14);
  --tw-y: #F5C400;
  --tw-y2: #ffd84d;
  --tw-yd: #cfa400;
  --tw-holo: linear-gradient(115deg, #ff2e88 0%, #a855f7 32%, #22d3ee 64%, #f5c400 100%);
  --tw-holo-loop: linear-gradient(115deg, #ff2e88 0%, #a855f7 18%, #22d3ee 36%, #f5c400 50%, #22d3ee 64%, #a855f7 82%, #ff2e88 100%);
  --tw-holo2: linear-gradient(115deg, #22d3ee, #a855f7, #ff2e88);
  --tw-tw: #f3f3f7;
  --tw-tm: #9a9aab;
  --tw-td: #5c5c6e;
  --tw-ink: #08080e;
  --tw-mono: ui-monospace, Consolas, 'Courier New', monospace;
  --tw-disp: var(--bk-font-body, 'Albert Sans', -apple-system, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif);
  --tw-ease: cubic-bezier(.2, .8, .3, 1);
  --tw-spring: cubic-bezier(.34, 1.4, .5, 1);

  --primary: #F5C400;
  --primary-2: #a855f7;
  --primary-3: #ff2e88;
  --grad: var(--tw-holo);
  --grad-soft: rgba(168, 85, 247, .10);
  --bg: #06060a;
  --bg-2: #0b0c13;
  --card: #0e0f17;
  --card-2: #14151f;
  --text: #f3f3f7;
  --muted: #9a9aab;
  --line: rgba(255, 255, 255, .09);
  --ok: #2ee6a6;
  --warn: #f5c400;
  --danger: #ff5e7a;
  --shadow-sm: 0 2px 14px rgba(0, 0, 0, .35);
  --shadow-md: 0 10px 30px rgba(0, 0, 0, .45);
  --shadow-lg: 0 28px 60px rgba(0, 0, 0, .55);
  --r-sm: 10px; --r-md: 14px; --r-lg: 18px;
}


html { scroll-behavior: smooth; }
html { background: #06060a; }


body {
  font-family: var(--bk-font-body, 'Albert Sans', -apple-system, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif);
  background: var(--bg);
  color: var(--tw-tw);
  overflow-x: hidden;
}
h1, h2, h3, h4, .disp, .section-title, .brand-name, .stat-card b, .plan-name, .plan-price .now,

.rank-title, .detail-title, .greet-line, .points-num b, .ex-points b, .lt-go b, .prog-speed-big, .prog-pct-big {
  font-family: var(--tw-disp);
}
::selection { background: var(--tw-y); color: #000; }
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--bg); }
::-webkit-scrollbar-thumb { background: linear-gradient(var(--primary-2), #22d3ee); border-radius: 8px; }

.wrap { max-width: 1280px; }

html.has-cur, html.has-cur * { cursor: none !important; }


.bg-deco {
  z-index: -2;
  background:
    radial-gradient(ellipse 60% 50% at 80% -5%, rgba(168, 85, 247, .10), transparent 60%),
    radial-gradient(ellipse 55% 45% at 0% 30%, rgba(34, 211, 238, .08), transparent 60%),
    radial-gradient(ellipse 70% 60% at 50% 110%, rgba(245, 196, 0, .06), transparent 60%);
}
.bg-deco::before {
  content: '';
  position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, .022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .022) 1px, transparent 1px);
  background-size: 64px 64px;
  -webkit-mask-image: radial-gradient(ellipse 100% 100% at 50% 0%, #000 10%, transparent 80%);
  mask-image: radial-gradient(ellipse 100% 100% at 50% 0%, #000 10%, transparent 80%);
}
.bg-deco i { animation: none !important; opacity: .5; }
.bg-deco i:nth-child(1) { width: 520px !important; height: 520px !important; background: radial-gradient(circle, rgba(168, 85, 247, .4), transparent 70%) !important; top: -10% !important; left: -8% !important; }
.bg-deco i:nth-child(2) { width: 440px !important; height: 440px !important; background: radial-gradient(circle, rgba(34, 211, 238, .3), transparent 70%) !important; top: auto !important; right: -8% !important; bottom: -12% !important; left: auto !important; opacity: .4; }
.bg-deco i:nth-child(3) { width: 360px !important; height: 360px !important; background: radial-gradient(circle, rgba(245, 196, 0, .2), transparent 70%) !important; top: 42% !important; bottom: auto !important; left: 44% !important; right: auto !important; opacity: .35; }


#twStar { position: fixed; inset: 0; z-index: -1; pointer-events: none; opacity: .9; }

.tw-sprog {
  position: fixed; top: 0; left: 0; height: 2px; width: 0; z-index: 1100;
  background: var(--tw-holo); box-shadow: 0 0 12px rgba(168, 85, 247, .6);
}
.tw-cur, .tw-curd {
  position: fixed; top: 0; left: 0; border-radius: 50%; pointer-events: none;
  z-index: 9998; transform: translate(-50%, -50%); mix-blend-mode: screen;
}
.tw-cur { width: 8px; height: 8px; background: var(--tw-y); transition: width .2s, height .2s, background .2s, opacity .12s; }
.tw-curd { width: 42px; height: 42px; border: 1px solid rgba(245, 196, 0, .5); transition: width .25s, height .25s, border-color .25s, opacity .12s; }
.tw-cur.act { width: 0; height: 0; }
.tw-curd.act { width: 64px; height: 64px; border-color: rgba(168, 85, 247, .8); background: rgba(168, 85, 247, .05); }
/* v3.8.11：鼠标进入音乐播放器 iframe 时隐藏本页光标（iframe 内有独立移植的光标接管） */
html.cur-in-iframe .tw-cur, html.cur-in-iframe .tw-curd { opacity: 0 !important; }
@media (hover: none) { .tw-cur, .tw-curd { display: none; } }

.tw-ann {
  position: relative; z-index: 1001; overflow: hidden;
  background: linear-gradient(90deg, rgba(245, 196, 0, .1), rgba(168, 85, 247, .08), rgba(34, 211, 238, .08));
  border-bottom: 1px solid var(--tw-bd); padding: 9px 0;
}
.tw-ann-track {
  display: flex; gap: 60px; white-space: nowrap; width: max-content;
  animation: twMarq 28s linear infinite;
  font-family: var(--tw-mono); font-size: 11px; font-weight: 700; letter-spacing: 2px;
  text-transform: uppercase; color: var(--tw-tm);
}
.tw-ann-track span { display: inline-flex; align-items: center; gap: 10px; }
.tw-ann-track b { color: var(--tw-y); font-weight: 700; }
.tw-ann-track a { color: #22d3ee; text-decoration: none; }

@keyframes twMarq { to { transform: translateX(-50%); } }


.site-nav {
  background: transparent !important;
  border-bottom: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding-top: 10px;
  transition: transform .4s;
}
.site-nav.tw-hide { transform: translateY(-110%); }

.nav-inner {
  max-width: 1280px; margin: 0 auto; height: 62px; padding: 0 18px;
  width: calc(100% - 3%);
  background: rgba(8, 8, 14, .6);
  -webkit-backdrop-filter: blur(22px) saturate(160%);
  backdrop-filter: blur(22px) saturate(160%);
  border: 1px solid var(--tw-bd); border-radius: 50px;
  box-shadow: 0 8px 40px rgba(0, 0, 0, .4);
  transition: background .4s, border-color .4s, box-shadow .4s;
}

.site-nav.tw-scrolled .nav-inner { background: rgba(8, 8, 14, .82); box-shadow: 0 12px 44px rgba(0, 0, 0, .55); }

.brand { gap: 10px; }
.brand-logo { border-radius: 0px; box-shadow: 0 0 0 1px var(--tw-bd2); }
.brand-name { letter-spacing: .5px; }

.nav-links { gap: 2px; }
.nav-links a {
  color: var(--tw-tm); font-size: 12.5px; font-weight: 500;
  padding: 8px 14px; border-radius: 50px; transition: all .25s; position: relative;
}
.nav-links a:hover { color: var(--tw-tw); background: var(--tw-glass2); }
.nav-links a.on { color: var(--tw-y); background: transparent; box-shadow: none; }
.nav-links a.on::after {
  content: ''; position: absolute; left: 50%; bottom: 1px; transform: translateX(-50%);
  width: 5px; height: 5px; border-radius: 50%; background: var(--tw-y); box-shadow: 0 0 8px var(--tw-y);
}
.nav-links .admin-link { color: var(--warn); }
.nav-links a.nav-hot {
  background: var(--tw-holo); -webkit-background-clip: text; background-clip: text; color: transparent;
}
.nav-links a.nav-hot.on, .nav-links a.nav-hot:hover { background: var(--tw-holo); -webkit-background-clip: text; background-clip: text; }
.icon-btn {
  background: var(--tw-glass); border: 1px solid var(--tw-bd2); color: var(--tw-tm); border-radius: 50px;
}
.icon-btn:hover { color: var(--tw-y); border-color: var(--tw-y); box-shadow: 0 0 24px rgba(245, 196, 0, .18); }

#themeToggle { display: none !important; }


.user-chip {
  background: var(--tw-glass); border: 1px solid var(--tw-bd2); border-radius: 50px;
  transition: .25s;
}
.user-chip:hover { border-color: var(--tw-y); box-shadow: 0 0 24px rgba(245, 196, 0, .14); }
.user-dropdown {
  background: rgba(11, 12, 19, .92);
  -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px);
  border: 1px solid var(--tw-bd2); box-shadow: 0 24px 60px rgba(0, 0, 0, .6);
}
.user-dropdown a:hover { background: var(--tw-glass2); }
.user-dropdown a.danger { border-top: 1px dashed var(--tw-bd2); }
.user-dropdown a.danger:hover { color: var(--danger); background: rgba(255, 94, 122, .08); }

.ud-head { border-bottom: 1px solid var(--tw-bd); }
.ud-badge { background: linear-gradient(135deg, #ff2e88, #ff5e7a); }


.btn {
  border-radius: 12px; font-weight: 700; font-size: 13px; letter-spacing: .3px;
  transition: transform .25s var(--tw-spring), box-shadow .3s, border-color .3s, color .3s, background .3s;
  will-change: transform;
}
.btn.primary {
  background: var(--tw-y); color: var(--tw-ink); box-shadow: 0 0 0 rgba(245, 196, 0, 0);
}
.btn.primary:hover {
  box-shadow: 0 14px 40px rgba(245, 196, 0, .35), 0 0 0 1px rgba(245, 196, 0, .5);
  transform: translateY(-3px);
}
.btn.ghost {
  background: var(--tw-glass2); color: var(--tw-tw);
  border: 1px solid var(--tw-bd2);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
}
.btn.ghost:hover {
  border-color: var(--primary-2); color: #fff;
  box-shadow: 0 0 30px rgba(168, 85, 247, .25);
  transform: translateY(-3px);
}
.btn.danger { background: #ff2e88; color: #fff; }
.btn.danger:hover { box-shadow: 0 14px 40px rgba(255, 46, 136, .35); transform: translateY(-3px); }
.btn.sm { border-radius: 9px; }
.btn.lg { border-radius: 14px; }

.copy-btn { background: var(--tw-y); color: var(--tw-ink); border-radius: 8px; }
.copy-btn:hover { box-shadow: 0 4px 14px rgba(245, 196, 0, .4); }

.card, .stat-card, .file-card, .plan-card, .feat-card, .fb-show-card, .fb-card,
.uc-user, .uc-panel, .detail-sec, .rank-card, .lt-stage, .lt-side-card, .auth-card,

.pwd-gate, .tip-card, .utask, .fb-login-card, .ai-card, .msg-chat-sys, .pay-info {
  position: relative;
  background: var(--tw-glass) !important;
  border: 1px solid var(--tw-bd) !important;
  box-shadow: var(--shadow-sm);
}
.card::before, .stat-card::before, .file-card::before, .plan-card::before, .feat-card::before,
.fb-show-card::before, .fb-card::before, .uc-panel::before, .detail-sec::before, .rank-card::before,
.lt-stage::before, .lt-side-card::before, .auth-card::before, .pwd-gate::before, .tip-card::before,

.utask::before, .fb-login-card::before, .ai-card::before {
  content: '';
  position: absolute; inset: 0; border-radius: inherit; z-index: 0;
  background: radial-gradient(420px circle at var(--mx, 50%) var(--my, 0%), rgba(168, 85, 247, .13), transparent 45%);
  opacity: 0; transition: opacity .4s; pointer-events: none;
}
.card::after, .stat-card::after, .file-card::after, .plan-card::after, .feat-card::after,
.fb-show-card::after, .fb-card::after, .uc-panel::after, .detail-sec::after, .rank-card::after,
.lt-stage::after, .lt-side-card::after, .auth-card::after, .pwd-gate::after, .tip-card::after,
.utask::after, .fb-login-card::after, .ai-card::after {
  content: '';
  position: absolute; inset: 0; border-radius: inherit; padding: 1px; z-index: 1;
  background: var(--tw-holo); background-size: 200%;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  opacity: 0; transition: opacity .4s; pointer-events: none;
  animation: twHolo 6s linear infinite;
}
.card:hover::before, .stat-card:hover::before, .file-card:hover::before, .plan-card:hover::before,
.feat-card:hover::before, .fb-show-card:hover::before, .fb-card:hover::before, .uc-panel:hover::before,
.detail-sec:hover::before, .rank-card:hover::before, .lt-stage:hover::before, .lt-side-card:hover::before,
.auth-card:hover::before, .pwd-gate:hover::before, .tip-card:hover::before, .utask:hover::before,

.fb-login-card:hover::before, .ai-card:hover::before { opacity: 1; }
.card:hover::after, .stat-card:hover::after, .file-card:hover::after, .plan-card:hover::after,
.feat-card:hover::after, .fb-show-card:hover::after, .fb-card:hover::after, .uc-panel:hover::after,
.detail-sec:hover::after, .rank-card:hover::after, .lt-stage:hover::after, .lt-side-card:hover::after,
.auth-card:hover::after, .pwd-gate:hover::after, .tip-card:hover::after, .utask:hover::after,
.fb-login-card:hover::after, .ai-card:hover::after { opacity: .8; }
.card > *, .stat-card > *, .file-card > *, .plan-card > *, .feat-card > *, .fb-show-card > *,
.fb-card > *, .uc-panel > *, .detail-sec > *, .rank-card > *, .lt-stage > *, .lt-side-card > *,

.auth-card > *, .pwd-gate > *, .tip-card > *, .utask > *, .fb-login-card > *, .ai-card > * { position: relative; z-index: 2; }

.signin-card.snv3 > .snv3-deco, .signin-card.snv2 > .sn-glow { position: absolute !important; z-index: 0; }

@keyframes twHolo { to { background-position: 200% center; } }
.card:hover, .stat-card:hover, .file-card:hover, .feat-card:hover, .fb-show-card:hover,

.rank-card:hover, .tip-card:hover, .utask:hover {
  transform: translateY(-5px);
  border-color: transparent !important;
  box-shadow: 0 28px 60px rgba(0, 0, 0, .5);
}

.file-card:hover, .plan-card:hover, .feat-card:hover, .fb-show-card:hover { transform: translateY(-6px); }


.tag { border: 1px solid transparent; }
.tag.ok { background: rgba(46, 230, 166, .12); color: var(--ok); border-color: rgba(46, 230, 166, .35); }
.tag.warn { background: rgba(245, 196, 0, .12); color: var(--tw-y2); border-color: rgba(245, 196, 0, .35); }
.tag.danger { background: rgba(255, 94, 122, .12); color: var(--danger); border-color: rgba(255, 94, 122, .35); }
.tag.muted { background: var(--tw-glass2); color: var(--tw-tm); border-color: var(--tw-bd); }

.field label { color: var(--tw-tm); font-family: var(--tw-mono); font-size: 10.5px; letter-spacing: 1px; text-transform: uppercase; }
.field input, .field select, .field textarea {
  background: var(--tw-bg3); border: 1px solid var(--tw-bd2); color: var(--tw-tw); border-radius: 10px;
}
.field input:focus, .field select:focus, .field textarea:focus {
  border-color: var(--tw-y); box-shadow: 0 0 20px rgba(245, 196, 0, .1); background: var(--tw-bg3);
}
.field input::placeholder, .field textarea::placeholder { color: var(--tw-td); }

input, select, textarea { color-scheme: dark; }

kbd { background: var(--tw-bg3); border: 1px solid var(--tw-bd2); color: var(--tw-y2); }


.toast {
  background: rgba(11, 12, 19, .92) !important;
  -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px);
  border: 1px solid var(--tw-bd2); border-radius: 50px;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .55);
}
.toast.ok { border-color: rgba(46, 230, 166, .45); color: #7df0c8; }
.toast.err { border-color: rgba(255, 94, 122, .5); color: #ff9db1; }
.toast.warn { border-color: rgba(245, 196, 0, .5); color: var(--tw-y2); }
.toast.info { border-color: rgba(168, 85, 247, .5); color: #c9a6ff; }
.modal-mask {
  background: rgba(4, 4, 8, .5);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
}
.modal-box {
  background: rgba(14, 15, 23, .55) !important;
  border: 1px solid rgba(255, 255, 255, .14); border-radius: 16px;
  box-shadow: 0 50px 120px rgba(0, 0, 0, .7);
  -webkit-backdrop-filter: blur(26px) saturate(160%);
  backdrop-filter: blur(26px) saturate(160%);
}
.modal-head { border-bottom: 1px solid var(--tw-bd); font-family: var(--tw-disp); }
.modal-close { background: var(--tw-glass2); border: 1px solid var(--tw-bd2); color: var(--tw-tm); border-radius: 10px; }
.modal-close:hover { background: #ff2e88; color: #fff; border-color: transparent; }

.doc-mask { background: transparent; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.doc-dialog {
  background: rgba(14, 15, 23, .55);
  border: 1px solid rgba(255, 255, 255, .14); box-shadow: 0 50px 120px rgba(0, 0, 0, .7);
  -webkit-backdrop-filter: blur(26px) saturate(160%);
  backdrop-filter: blur(26px) saturate(160%);
}
.doc-head { border-bottom: 1px solid var(--tw-bd); }
.doc-close { background: var(--tw-glass2); border: 1px solid var(--tw-bd2); color: var(--tw-tm); }
.doc-close:hover { background: #ff2e88; color: #fff; }
.doc-foot { border-top: 1px solid var(--tw-bd); }
.doc-body b { color: var(--tw-y); }


.hero { padding: 96px 0 24px; }
.hero-bg {
  background:
    radial-gradient(ellipse 55% 45% at 50% -10%, rgba(168, 85, 247, .18), transparent 65%),
    radial-gradient(ellipse 40% 35% at 85% 25%, rgba(34, 211, 238, .12), transparent 65%);
}
.hero-chip {
  background: var(--tw-glass2); border: 1px solid var(--tw-bd2); color: var(--tw-tw);
  font-family: var(--tw-mono); font-size: 10.5px; font-weight: 700; letter-spacing: 1.5px;
  text-transform: uppercase; padding: 8px 16px 8px 12px;
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
}
.hero-chip svg { color: var(--tw-y); }
.hero-chip::before {
  content: ''; width: 7px; height: 7px; border-radius: 50%;
  background: var(--tw-y); box-shadow: 0 0 10px var(--tw-y);
  animation: twPulse 2s infinite;
}

@keyframes twPulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: .35; transform: scale(.7); } }
.hero h1 {
  font-size: clamp(34px, 5.6vw, 58px); font-weight: 700; line-height: 1.06;
  letter-spacing: -2px; font-family: var(--tw-disp);
}
.hero .grad, .grad {
  background: var(--tw-holo);
  -webkit-background-clip: text; background-clip: text; color: transparent;
  background-size: 200% auto; animation: twHolo 5s linear infinite;
}
.hero .sub { color: var(--tw-tm); font-size: 16px; line-height: 1.8; }

.stats-row { gap: 16px; }

.stat-card { border-radius: 16px; padding: 18px 20px; transition: transform .4s var(--tw-ease), box-shadow .4s, border-color .4s; }
.stat-card b { font-size: 26px; letter-spacing: -1px; }
.stat-card:nth-child(4n+1) b { color: #c084fc; text-shadow: 0 0 26px rgba(168, 85, 247, .35); }
.stat-card:nth-child(4n+2) b { color: #67e8f9; text-shadow: 0 0 26px rgba(34, 211, 238, .35); }
.stat-card:nth-child(4n+3) b { color: var(--tw-y); text-shadow: 0 0 26px rgba(245, 196, 0, .3); }
.stat-card:nth-child(4n) b { color: #7df0c8; text-shadow: 0 0 26px rgba(46, 230, 166, .35); }
.stat-card span { color: var(--tw-td); font-family: var(--tw-mono); font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase; margin-top: 4px; }
.stat-ico { border-radius: 12px; background: var(--tw-glass2) !important; border: 1px solid var(--tw-bd); }
.stat-ico svg { color: var(--tw-y); }


.rank-card { border-radius: 16px; }
.rank-title { letter-spacing: -.3px; }
.rank-item { border-radius: 10px; transition: background .2s; }
.rank-item:hover { background: var(--tw-glass2); }
.rank-item.top { background: linear-gradient(90deg, rgba(245, 196, 0, .06), transparent 62%); }

.rk { background: var(--tw-bg3); border: 1px solid var(--tw-bd2); color: var(--tw-tm); border-radius: 8px; }
.rk.no-1 { background: linear-gradient(135deg, #f5c400, #ffd84d); color: #08080e; box-shadow: 0 0 16px rgba(245, 196, 0, .4); }
.rk.no-2 { background: linear-gradient(135deg, #a855f7, #c084fc); color: #fff; box-shadow: 0 0 14px rgba(168, 85, 247, .35); }
.rk.no-3 { background: linear-gradient(135deg, #22d3ee, #67e8f9); color: #08080e; box-shadow: 0 0 14px rgba(34, 211, 238, .35); }
.rk.no-4 { background: linear-gradient(135deg, #ff2e88, #ff6aa6); color: #fff; }
.rk.no-5 { background: linear-gradient(135deg, #cfa400, #F5C400); color: #08080e; }


.search-bar {
  background: var(--tw-glass); border: 1px solid var(--tw-bd2); border-radius: 50px;
  -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
  transition: border .3s, box-shadow .3s;
}
.search-bar:focus-within { border-color: var(--tw-y); box-shadow: 0 0 24px rgba(245, 196, 0, .12); }
.search-bar input { color: var(--tw-tw); }
.search-bar input::placeholder { color: var(--tw-td); }
.list-head .muted { font-family: var(--tw-mono); font-size: 11px; letter-spacing: 1px; }
.section-title { letter-spacing: -1px; position: relative; }
.section-title::after {
  content: ''; display: block; width: 54px; height: 3px; border-radius: 3px;
  background: var(--tw-holo); background-size: 200%;
  margin-top: 8px; animation: twHolo 6s linear infinite;
}
.section-title.center::after { margin-left: auto; margin-right: auto; }


.file-grid { gap: 18px; }
.file-card { border-radius: 14px; transition: transform .4s var(--tw-ease), box-shadow .4s, border-color .4s; }

.fc-name { color: var(--tw-tw); }
.fc-meta { color: var(--tw-td); }
.fc-meta span { font-variant-numeric: tabular-nums; }
.fc-dl { color: var(--tw-td); font-family: var(--tw-mono); font-size: 11px; }
.fc-icon { border: 1px solid var(--tw-bd2); border-radius: 13px; }
.fc-thumb { background: var(--tw-bg3); border: 1px solid var(--tw-bd); }
.fc-lock { color: var(--tw-y2); }


.pager a, .pager .cur, .pager .dis {
  background: var(--tw-glass); border: 1px solid var(--tw-bd2); border-radius: 11px; color: var(--tw-tm);
}
.pager a:hover { border-color: var(--tw-y); color: var(--tw-y); box-shadow: 0 0 18px rgba(245, 196, 0, .15); }
.pager .cur { background: var(--tw-y); color: #08080e; border-color: var(--tw-y); box-shadow: 0 8px 24px rgba(245, 196, 0, .3); }
.pager .dis { opacity: .35; }


.upload-hero h1, .lt-hero h1 { letter-spacing: -1.5px; }
.upload-hero h1 em, .lt-hero h1 em {
  background: var(--tw-holo); -webkit-background-clip: text; background-clip: text; color: transparent;
  background-size: 200% auto; animation: twHolo 5s linear infinite;
}
.uh-badge, .lt-hero-chip, .lt-ticker-badge {
  background: var(--tw-glass2) !important; border: 1px solid var(--tw-bd2) !important; color: var(--tw-y) !important;
  font-family: var(--tw-mono); letter-spacing: 1px;
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
}
.uh-chips span { background: var(--tw-glass); border: 1px solid var(--tw-bd); color: var(--tw-tm); }
.uh-chips b { color: var(--tw-tw); }
.dropzone {
  background: var(--tw-glass) !important;
  border: 1.5px dashed var(--tw-bd2) !important; border-radius: 18px !important;
  transition: border-color .3s, background .3s, box-shadow .3s;
}
.dropzone:hover, .dropzone.dragover {
  border-color: var(--tw-y) !important;
  background: rgba(245, 196, 0, .04) !important;
  box-shadow: 0 0 40px rgba(245, 196, 0, .08);
}

.dz-glow { background: conic-gradient(from 0deg, transparent 70%, rgba(168, 85, 247, .16), transparent); }
.dz-icon { background: var(--tw-holo) !important; background-size: 200% !important; animation: twHolo 6s linear infinite; box-shadow: 0 12px 40px rgba(168, 85, 247, .35); }
.dz-icon svg { color: #fff; }
.dz-txt h2 { letter-spacing: -.5px; }
.dz-txt .hint { color: var(--tw-tm); }
.dz-formats span { background: var(--tw-bg3); border: 1px solid var(--tw-bd2); color: var(--tw-tw); }
.dz-formats span i { color: var(--tw-td); }
.dz-formats span:hover { border-color: var(--tw-y); }
.dz-callout { background: var(--tw-glass); border: 1px solid var(--tw-bd); color: var(--tw-tm); }
.dz-callout code { background: var(--tw-bg3); border: 1px solid var(--tw-bd2); color: var(--tw-y2); }
.dz-callout svg { color: var(--tw-y); }

.opt-item { background: var(--tw-bg3); border: 1.5px solid var(--tw-bd2); border-radius: 12px; }
.opt-item:hover { border-color: var(--tw-y); }
.opt-box { border-color: var(--tw-bd2); background: var(--tw-bg2); border-radius: 6px; }
.opt-item input:checked ~ .opt-box { background: var(--tw-y); border-color: transparent; }
.opt-item input:checked ~ .opt-box svg { color: #08080e; }
.opt-item:has(input:checked) { border-color: var(--tw-y); box-shadow: 0 4px 20px rgba(245, 196, 0, .12); }
.opt-txt small { color: var(--tw-td); }
.check-line { color: var(--tw-tm); }
.check-line:has(input:checked) { color: var(--tw-tw); }
.check-line input { accent-color: var(--tw-y); }

.pwd-input input { background: var(--tw-bg3); border: 1px solid var(--tw-bd2); color: var(--tw-tw); }
.pwd-input input:focus { border-color: var(--tw-y); box-shadow: 0 0 20px rgba(245, 196, 0, .1); }

.upload-steps .ustep { color: var(--tw-td); }

.ustep i { background: var(--tw-bg3); border: 1.5px solid var(--tw-bd2); }
.ustep.on { color: var(--tw-y); }
.ustep.on i { background: var(--tw-y); color: #08080e; border-color: transparent; box-shadow: 0 0 18px rgba(245, 196, 0, .4); }
.ustep.done { color: var(--ok); }
.ustep.done i { background: var(--ok); color: #08080e; border-color: transparent; }
.ustep-line { background: var(--tw-bd2); }

.upload-prog { background: var(--tw-glass); border: 1px solid var(--tw-bd); border-radius: 14px; }

.prog-head span { color: var(--tw-td); }
.prog-track { background: var(--tw-bg3); }
.prog-fill { background: var(--tw-holo-loop); background-size: 200%; animation: twHolo 3s linear infinite; }
.prog-speed-big { color: var(--tw-y); }

.utask { border-radius: 14px; transition: transform .3s var(--tw-ease), box-shadow .3s; }
.ut-head .ut-nm i { color: var(--tw-td); }
.ut-state { color: var(--tw-tm); }
.utask.running .ut-state { color: var(--tw-y); }
.utask.done .ut-state { color: var(--ok); }
.utask.failed .ut-state { color: var(--danger); }
.ut-track { background: var(--tw-bg3); }
.ut-fill { background: var(--tw-holo-loop); background-size: 200%; animation: twHolo 3s linear infinite; }
.utask.done .ut-fill { background: var(--ok); animation: none; }
.utask.dup .ut-fill, .utask.back .ut-fill { background: linear-gradient(90deg, #cfa400, #ffd84d); }
.utask.failed .ut-fill { background: var(--danger); animation: none; }
.ut-dup { background: rgba(245, 196, 0, .06); color: var(--tw-y2); border: 1px dashed rgba(245, 196, 0, .35); }
.ut-dup a { color: var(--tw-y); }
.ut-dup.err { background: rgba(255, 94, 122, .06); color: var(--danger); border-color: rgba(255, 94, 122, .35); }
.ok-ring { background: linear-gradient(135deg, #2ee6a6, #10b981) !important; box-shadow: 0 8px 30px rgba(46, 230, 166, .35); }

.upload-result .ur-head b { color: var(--tw-tw); }
.link-row { background: var(--tw-bg3); border: 1px solid var(--tw-bd); border-radius: 10px; transition: border-color .25s, box-shadow .25s; }
.link-row:hover { border-color: rgba(168, 85, 247, .4); box-shadow: 0 3px 16px rgba(0, 0, 0, .3); }
.link-row .lb { color: var(--tw-td); font-family: var(--tw-mono); font-size: 11px; text-transform: uppercase; letter-spacing: .5px; }
.link-row .lv { color: var(--tw-tw); }

.share-links .lr-info .lb { color: var(--tw-tw); }
.share-links .lr-info small { color: var(--tw-td); }

.tip-card h4 { color: var(--tw-tw); }
.tip-line { color: var(--tw-tm); }
.tip-line .ic { color: var(--tw-y); }
.tip-line.danger { color: var(--danger); }

.quota-line { border-bottom: 1px dashed var(--tw-bd); }
.quota-line span { color: var(--tw-tm); }
.quota-track { background: var(--tw-bg3); }
.quota-fill { background: var(--tw-holo-loop); background-size: 200%; animation: twHolo 3s linear infinite; }

.uc-user .quota-bar { background: var(--tw-glass); border: 1px solid var(--tw-bd); }
.uc-user .quota-bar .quota-track { background: rgba(255, 255, 255, .06); box-shadow: none; }
.uc-user .quota-bar .quota-fill { background: var(--tw-holo-loop); background-size: 200%; animation: quotaFlow 3.2s linear infinite, twHolo 3s linear infinite; }


.auth-card, .pwd-gate { border-radius: 18px; }
.auth-card h2, .pwd-gate h2 { letter-spacing: -.5px; }
.auth-card .sub { color: var(--tw-tm); }
.auth-foot { color: var(--tw-td); }
.auth-foot a { color: var(--tw-y); }

.pg-icon { background: var(--tw-holo); background-size: 200%; animation: twHolo 6s linear infinite; box-shadow: 0 12px 40px rgba(168, 85, 247, .35); }
.pg-form input { background: var(--tw-bg3); border: 1px solid var(--tw-bd2); color: var(--tw-tw); }
.pg-form input:focus { border-color: var(--tw-y); box-shadow: 0 0 0 3px rgba(245, 196, 0, .12); }
.pg-err { background: rgba(255, 94, 122, .1); color: var(--danger); border: 1px solid rgba(255, 94, 122, .3); }
.pg-tip { color: var(--tw-td); }


.promo-hero::before { background: radial-gradient(ellipse 55% 50% at 50% -10%, rgba(168, 85, 247, .16), transparent 65%); }
.promo-chip {
  background: var(--tw-glass2); border: 1px solid rgba(168, 85, 247, .35); color: #c9a6ff;
  font-family: var(--tw-mono); letter-spacing: 1px; text-transform: uppercase; font-size: 10.5px;
}
.promo-hero h1 { letter-spacing: -2px; }
.promo-sub, .promo-center-sub { color: var(--tw-tm); }
.promo-trust { color: var(--tw-td); font-family: var(--tw-mono); font-size: 11px; letter-spacing: 1px; text-transform: uppercase; }

.feat-card { border-radius: 16px; transition: transform .4s var(--tw-ease), box-shadow .4s, border-color .4s; }
.feat-card b { color: var(--tw-tw); }
.feat-card p { color: var(--tw-tm); }

.plan-card { border-radius: 18px; background: var(--tw-glass); border: 1px solid var(--tw-bd); transition: transform .45s var(--tw-ease), box-shadow .45s, border-color .45s; transform-style: preserve-3d; }
.plan-card:hover { box-shadow: 0 28px 60px rgba(0, 0, 0, .5); }
.plan-card.hot { background: linear-gradient(var(--tw-bg2), var(--tw-bg2)) padding-box, var(--tw-holo) border-box; border: 1.5px solid transparent; }
.plan-card.hot::after { opacity: .5; }
.plan-t1 { border-top-color: #22d3ee; }
.plan-t2 { border-top-color: #2ee6a6; }
.plan-t3 { border-top-color: var(--tw-y); }
.plan-t4 { border-top-color: #ff2e88; }

.hot-tag { background: var(--tw-y); color: #08080e; box-shadow: 0 4px 16px rgba(245, 196, 0, .4); }

.plan-name { color: var(--tw-tw); }
.plan-price .now { color: var(--tw-y); text-shadow: 0 0 30px rgba(245, 196, 0, .3); }
.plan-price .cur { color: var(--tw-y2); }
.plan-price .old { color: var(--tw-td); }
.plan-days { color: var(--tw-td); font-family: var(--tw-mono); font-size: 11px; letter-spacing: .5px; }
.plan-feats li { color: var(--tw-tm); border-bottom: 1px dashed var(--tw-bd); }
.plan-feats li::before { color: var(--tw-y); }

.cmp-table { border: 1px solid var(--tw-bd); border-radius: 14px; overflow: hidden; }
.cmp-table th { background: rgba(168, 85, 247, .08); color: var(--tw-tm); font-family: var(--tw-mono); font-size: 10.5px; letter-spacing: 1px; text-transform: uppercase; border-bottom: 1px solid var(--tw-bd); }
.cmp-table td { border-bottom: 1px solid var(--tw-bd); color: var(--tw-tm); }
.cmp-table td:first-child { color: var(--tw-tw); }
.cmp-table tr:last-child td { border-bottom: none; }
.cmp-table .hl { background: rgba(168, 85, 247, .07); }

.faq-item { background: var(--tw-glass); border: 1px solid var(--tw-bd); border-radius: 14px; }
.faq-item[open] { border-color: rgba(245, 196, 0, .35); }
.faq-item summary { color: var(--tw-tw); }
.faq-item summary::after { color: var(--tw-y); }
.faq-item p { color: var(--tw-tm); }

.promo-cta {
  background: linear-gradient(115deg, rgba(255, 46, 136, .14), rgba(168, 85, 247, .14), rgba(34, 211, 238, .1), rgba(245, 196, 0, .14));
  background-size: 300%; animation: twHolo 10s linear infinite;
  border: 1px solid var(--tw-bd2); border-radius: 24px; position: relative; overflow: hidden;
}
.promo-cta::after {
  content: ''; position: absolute; inset: 0; border-radius: 24px; padding: 1px;
  background: var(--tw-holo); background-size: 200%;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite: exclude;
  opacity: .45; pointer-events: none; animation: twHolo 6s linear infinite;
}
.promo-cta h2 { color: var(--tw-tw); }
.promo-cta p { color: var(--tw-tm); }
.promo-cta .btn { background: var(--tw-y); color: #08080e; }


.uc-shell { align-items: start; }
.uc-side { top: 100px; }
.uc-user { border-radius: 18px; }
.uc-user.card { padding-top: 72px; }
.uc-user.card::before { background: var(--tw-holo); background-size: 200%; animation: twHolo 8s linear infinite; height: 96px; }
.uc-user .avatar-wrap .av-img, .uc-user .avatar-wrap .avatar { border-color: var(--tw-bg1) !important; box-shadow: 0 10px 30px rgba(168, 85, 247, .35) !important; }
.uc-user h3 { color: var(--tw-tw); }
.uc-user .mail { color: var(--tw-td); }
.uc-user .uc-mini div { background: var(--tw-glass2); border: 1px solid var(--tw-bd); border-radius: 12px; }
.uc-user .uc-mini div:hover { border-color: rgba(245, 196, 0, .4); box-shadow: 0 8px 20px rgba(0, 0, 0, .3); }
.uc-user .uc-mini div b { background: var(--tw-holo); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; background-size: 200%; animation: twHolo 5s linear infinite; }
.uc-user .uc-mini div span { color: var(--tw-td); }
.uc-nav a { color: var(--tw-tm); border-radius: 10px; }
.uc-nav a:hover { background: var(--tw-glass2); color: var(--tw-tw); }
.uc-nav a.on { background: var(--tw-y); color: #08080e; box-shadow: 0 8px 24px rgba(245, 196, 0, .3); }
.uc-nav .uc-exit { border-top: 1px dashed var(--tw-bd); color: var(--tw-tm); }
.uc-nav .uc-exit:hover { color: var(--danger); background: rgba(255, 94, 122, .07); }
.uc-nav-badge { background: linear-gradient(135deg, #ff2e88, #ff5e7a); }
.uc-panel h3 { color: var(--tw-tw); }

.myfile-row { border-bottom: 1px solid var(--tw-bd); border-radius: 10px; }
.myfile-row:hover { background: var(--tw-glass2); }
.myfile-row .nm { color: var(--tw-tw); }
.myfile-row .mt { color: var(--tw-td); }

.tbl th { color: var(--tw-td); border-bottom: 1px solid var(--tw-bd2); font-family: var(--tw-mono); font-size: 11px; letter-spacing: .5px; text-transform: uppercase; }
.tbl td { border-bottom: 1px solid var(--tw-bd); color: var(--tw-tm); }
.tbl tr:hover td { background: var(--tw-glass2); }
.tbl td b, .tbl td .v { color: var(--tw-tw); }

.empty { color: var(--tw-td); }

.cat-tabs .cat-tab-wrap { background: var(--tw-bg3); border: 1px solid var(--tw-bd2); }
.cat-tab { color: var(--tw-tm); }
.cat-tab.on { background: var(--tw-y); color: #08080e; box-shadow: 0 3px 14px rgba(245, 196, 0, .3); }
.cat-ren { color: var(--tw-td); }
.cat-ren:hover { color: var(--tw-y); }
.cat-tag { background: var(--grad-soft); color: #c9a6ff; }

.fc-chip { background: var(--tw-bg3); border: 1.5px solid var(--tw-bd2); color: var(--tw-tm); }
.fc-chip:hover { color: var(--tw-tw); border-color: rgba(168, 85, 247, .45); }
.fc-chip.on { background: var(--tw-y); border-color: var(--tw-y); color: #08080e; box-shadow: 0 3px 14px rgba(245, 196, 0, .3); }
.fc-hint { background: var(--tw-glass); border: 1px dashed var(--tw-bd2); color: var(--tw-tm); }
.fc-hint b { color: var(--tw-y); }

.folder-card { background: var(--tw-glass); border: 1.5px solid var(--tw-bd); }
.folder-card:hover { border-color: rgba(168, 85, 247, .45); box-shadow: 0 12px 30px rgba(0, 0, 0, .4); }
.folder-card.on { border-color: var(--tw-y); box-shadow: 0 0 0 3px rgba(245, 196, 0, .12), 0 10px 24px rgba(0, 0, 0, .4); }
.folder-card.on::after { background: var(--tw-y); color: #08080e; }
.folder-cover { background: linear-gradient(135deg, rgba(168, 85, 247, .16), rgba(34, 211, 238, .1)); border: 1px solid var(--tw-bd); }
.folder-ico, .folder-ico-fb { color: var(--tw-y); }
.folder-badge { background: var(--tw-y); color: #08080e; box-shadow: 0 4px 12px rgba(245, 196, 0, .4); }
.folder-drop-tip { background: var(--tw-y); color: #08080e; }
.folder-name { color: var(--tw-tw); }
.folder-card:hover .folder-name { background: var(--tw-holo); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.folder-grip { background: rgba(6, 6, 10, .55); }
.fsel-box { background: var(--tw-bg3); border-color: var(--tw-bd2); }
.fsel-wrap:hover .fsel-box { border-color: var(--tw-y); }
.fsel-wrap input:checked + .fsel-box { background: var(--tw-y); border-color: var(--tw-y); box-shadow: 0 3px 10px rgba(245, 196, 0, .35); }
.fsel-wrap input:checked + .fsel-box::after { border-color: #08080e; }

.ms-bar { background: rgba(168, 85, 247, .08); border: 1.5px solid rgba(168, 85, 247, .35); }
.ms-count b { color: var(--tw-y); }

.sel-all-btn.on { background: var(--tw-y); border-color: transparent; color: #08080e; box-shadow: 0 3px 14px rgba(245, 196, 0, .3); }

.nameplate-wrap { filter: drop-shadow(0 6px 20px rgba(168, 85, 247, .35)); }
.nameplate.np-none { background: var(--tw-glass2); border: 1.5px dashed var(--tw-bd2); color: var(--tw-tm); }
.nameplate.np-none:hover { border-color: var(--tw-y); color: var(--tw-y); }

.vip-status-card { background: linear-gradient(135deg, rgba(168, 85, 247, .1), rgba(34, 211, 238, .05)); border: 1px solid rgba(168, 85, 247, .2); }

.greet-card { background: linear-gradient(135deg, rgba(168, 85, 247, .1), rgba(34, 211, 238, .05)), var(--tw-glass); border: 1px solid rgba(168, 85, 247, .22); }
.greet-line .greet-tier { background: var(--tw-holo); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; background-size: 200%; animation: twHolo 5s linear infinite; }
.greet-line .greet-text { color: var(--tw-tw); }
.greet-exp { color: var(--tw-tm); }
.greet-exp b { color: var(--tw-tw); }


.signin-card.snv3 {
  background: linear-gradient(135deg, rgba(168, 85, 247, .12), rgba(34, 211, 238, .06)), var(--tw-glass) !important;
  border: 1px solid rgba(168, 85, 247, .28) !important;
  box-shadow: var(--shadow-sm);
  -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
  color: var(--tw-tw);
}
.signin-card.snv3::before { content: none; }
.signin-card.snv3 .sn-head h3 { color: var(--tw-tw); }
.signin-card.snv3 .sn-head p { color: var(--tw-tm); }
.signin-card.snv3 .sn-badge { background: var(--tw-y); color: #08080e; box-shadow: 0 10px 30px rgba(245, 196, 0, .35); }
.signin-card.snv3 .sn-day i { color: var(--tw-tm); background: var(--tw-bg3); border: 1.5px solid var(--tw-bd2); }
.signin-card.snv3 .sn-day.done i { color: #08080e; background: var(--tw-y); border-color: transparent; box-shadow: 0 6px 18px rgba(245, 196, 0, .4); }
.signin-card.snv3 .sn-day.on i { border: 2px solid var(--tw-y); background: rgba(245, 196, 0, .12); animation: snPulse 2s ease-out infinite; }
.signin-card.snv3 .sn-day.on.done i { background: var(--tw-y); border-color: var(--tw-y2); }
.signin-card.snv3 .sn-day:not(:last-child)::after { background: var(--tw-bd2); }
.signin-card.snv3 .sn-day.on:not(:last-child)::after { background: linear-gradient(90deg, rgba(245, 196, 0, .7), var(--tw-bd2)); }
.signin-card.snv3 .sn-day em { color: var(--tw-td); }
.signin-card.snv3 .sn-day.on em, .signin-card.snv3 .sn-day em.bonus { color: var(--tw-y2); }
.signin-card.snv3 .sn-btn {
  background: linear-gradient(135deg, #F5C400, #ffd84d) !important; color: #08080e !important;
  box-shadow: 0 14px 34px rgba(245, 196, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .4) !important;
}
.signin-card.snv3 .sn-btn:hover:not(:disabled) { box-shadow: 0 18px 44px rgba(245, 196, 0, .5) !important; }
.signin-card.snv3 .sn-btn:disabled { background: var(--tw-glass2) !important; color: var(--tw-y2) !important; box-shadow: inset 0 0 0 1.5px rgba(245, 196, 0, .4) !important; }
.signin-card.snv3 .streak-tag { color: var(--tw-y2); background: rgba(245, 196, 0, .1); border: 1px dashed rgba(245, 196, 0, .45); }
.signin-card.snv3 .streak-tag b { color: var(--tw-y2); }

.week-dots .wdot { background: var(--tw-bg3); border-color: var(--tw-bd2); color: var(--tw-tm); }
.wdot-item .wdot { background: var(--tw-bg3); border: 1.5px solid var(--tw-bd2); color: var(--tw-tm); }
.wdot-item.on .wdot { background: var(--tw-y); color: #08080e; border-color: transparent; box-shadow: 0 6px 16px rgba(245, 196, 0, .35); }
.wdot-item.on em { color: var(--tw-y); }

.points-num b { background: var(--tw-holo); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; background-size: 200%; animation: twHolo 5s linear infinite; }
.points-num span { color: var(--tw-td); font-family: var(--tw-mono); letter-spacing: 1px; }
.streak-tag { color: var(--tw-y2); }
.exchange-card .ex-right { background: linear-gradient(160deg, rgba(168, 85, 247, .12), rgba(34, 211, 238, .06)); border: 1px solid rgba(168, 85, 247, .25); }
.exchange-card .ex-right::before { background: radial-gradient(circle, rgba(245, 196, 0, .18), transparent 70%); }

.ex-points b { background: var(--tw-holo); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; background-size: 200%; animation: twHolo 5s linear infinite; }
.ex-points span { color: var(--tw-td); }
.ex-max { color: var(--tw-tm); }
.ex-max b { color: var(--tw-y); }
.ex-chip { border-color: rgba(168, 85, 247, .4); background: var(--tw-bg3); color: #c9a6ff; }
.ex-chip:hover { background: var(--tw-y); color: #08080e; border-color: var(--tw-y); }
.ex-form select { background-color: var(--tw-bg3); border: 1px solid var(--tw-bd2); color: var(--tw-tw); }
.ex-form select:hover { border-color: rgba(168, 85, 247, .5); }
.ex-form select:focus { border-color: var(--tw-y); box-shadow: 0 0 0 3px rgba(245, 196, 0, .12); }
.ex-form select option { background: var(--tw-bg2); color: var(--tw-tw); }

.kv { border-bottom: 1px dashed var(--tw-bd); }
.kv .k { color: var(--tw-tm); }
.kv .v { color: var(--tw-tw); }

.pay-info { background: var(--tw-bg3) !important; border: 1px solid var(--tw-bd); border-radius: 12px; }
.pay-row span { color: var(--tw-tm); }
.pay-qr { border: 1px solid var(--tw-bd2); background: #fff; }
.pay-note { color: var(--tw-tm); }
.pay-state { color: var(--tw-td); }

.agree-box { background: var(--tw-bg3); border-color: var(--tw-bd2); }
.agree-row input:checked + .agree-box { background: var(--tw-y); border-color: transparent; box-shadow: 0 2px 10px rgba(245, 196, 0, .35); }
.agree-row input:checked + .agree-box svg { color: #08080e; }
.agree-txt { color: var(--tw-tm); }
.agree-link { color: var(--tw-y); }

.code-row .btn { background: var(--tw-y); color: #08080e; }


.detail-title { color: var(--tw-tw); letter-spacing: -.4px; }
.detail-meta { color: var(--tw-td); }
.detail-sec { border-radius: 16px; }

.sec-head { background: linear-gradient(180deg, rgba(168, 85, 247, .06), transparent); border-bottom: 1px solid var(--tw-bd); }
.sec-ico { background: var(--tw-holo); background-size: 200%; animation: twHolo 6s linear infinite; box-shadow: 0 5px 18px rgba(168, 85, 247, .35); color: #fff; }
.sec-txt b { color: var(--tw-tw); }
.sec-txt small { color: var(--tw-td); }
.sec-body .muted { color: var(--tw-tm); }
.tabs .tab-btn { background: var(--tw-glass); border: 1px solid var(--tw-bd2); color: var(--tw-tm); }
.tabs .tab-btn:hover { color: var(--tw-tw); border-color: var(--tw-bd2); }
.tabs .tab-btn.on { background: var(--tw-y); color: #08080e; border-color: var(--tw-y); box-shadow: 0 8px 24px rgba(245, 196, 0, .3); }

.tab-nav { background: rgba(255, 255, 255, .03); border-bottom: 1px solid var(--tw-bd); }
.tab-btn { color: var(--tw-tm); }
.tab-btn:hover { color: var(--tw-tw); }
.tab-btn.on { color: var(--tw-y); }
.tab-btn.on::after { background: var(--tw-holo); background-size: 200%; animation: twHolo 4s linear infinite; }
.tab-ind { background: var(--tw-holo); background-size: 200%; animation: twHolo 4s linear infinite; box-shadow: 0 -2px 12px rgba(168, 85, 247, .5); }

.info-grid .ig-item { background: rgba(255, 255, 255, .045); border: 1px solid var(--tw-bd); transition: transform .25s var(--tw-ease), border-color .25s, box-shadow .25s; }
.info-grid .ig-item:hover { transform: translateY(-2px); border-color: rgba(168, 85, 247, .4); box-shadow: 0 8px 22px rgba(0, 0, 0, .35); }

.ig-item .k { color: var(--tw-td); }
.ig-item .k::before { background: var(--tw-y); box-shadow: 0 0 8px rgba(245, 196, 0, .6); }
.ig-item .v { color: var(--tw-tw); }

.up-first { background: linear-gradient(120deg, rgba(168, 85, 247, .08), transparent 65%), var(--tw-bg3); border: 1px solid rgba(168, 85, 247, .22); }
.up-lock { background: var(--tw-bg3); border: 1px solid var(--tw-bd2); color: var(--tw-tm); }

.ig-ai { background: linear-gradient(120deg, rgba(168, 85, 247, .08), transparent 60%), var(--tw-bg3); border: 1px solid rgba(168, 85, 247, .25); border-left: 3px solid var(--tw-y); }
.ig-ai .k { color: var(--tw-y); }
.ig-ai .ai-v { color: var(--tw-tw); }

.si-label { color: var(--tw-tm); }
.si-label::before { background: var(--tw-y); box-shadow: 0 0 8px rgba(245, 196, 0, .6); }

.code-block { background: var(--tw-bg3); border: 1px solid var(--tw-bd); border-radius: 10px; }
.code-block span { color: var(--tw-y2); }

.qr-share { border-top: 1px dashed var(--tw-bd); }
.qr-share img { border: 1px solid var(--tw-bd2); background: #fff; padding: 6px; }

.share-qr { border: 1px dashed var(--tw-bd2); background: var(--tw-bg3); }
.share-qr small { color: var(--tw-td); }

.preview-frame img { box-shadow: 0 24px 60px rgba(0, 0, 0, .5); border: 1px solid var(--tw-bd2); }

.card.video-preview { border: 0 !important; box-shadow: none !important; background: #000 !important; padding: 0 !important; border-radius: 14px; overflow: hidden; }

.doc-frame { border: 1px solid var(--tw-bd); border-radius: 12px; }

.office-preview { background: #fff; border: 1px solid var(--tw-bd); }

.code-preview { border: 1px solid var(--tw-bd); background: var(--tw-bg2); }
.code-bar { background: var(--tw-bg3); border-bottom: 1px solid var(--tw-bd); color: var(--tw-tm); }
.code-bar a { color: var(--tw-y); }
.code-preview pre code { color: #dce4f2; }


.ai-badge.ok { color: #7df0c8; background: rgba(46, 230, 166, .08) !important; border: 1px solid rgba(46, 230, 166, .35); animation: aiGlowDark 2.4s ease-in-out infinite; }
.ai-badge.ok::after { background: rgba(8, 12, 14, .2) !important; }

@keyframes aiGlowDark {
  0%, 100% { box-shadow: 0 0 0 1px rgba(46, 230, 166, .3) inset, 0 3px 14px rgba(46, 230, 166, .18); }
  50% { box-shadow: 0 0 0 1px rgba(46, 230, 166, .5) inset, 0 4px 22px rgba(46, 230, 166, .35); }
}
.ai-badge.wait { color: var(--tw-tm); background: var(--tw-bg3); border: 1px solid var(--tw-bd2); }
.ai-badge.wait i.spin { border-color: var(--tw-bd2); border-top-color: var(--tw-y); }
.ai-badge.warn { color: var(--tw-y2); background: rgba(245, 196, 0, .08); border: 1px solid rgba(245, 196, 0, .4); }
.ai-badge.fail { color: #ff9db1; background: rgba(255, 46, 136, .08); border: 1px solid rgba(255, 46, 136, .4); }

.fc-ai { color: #7df0c8 !important; background: rgba(46, 230, 166, .1) !important; border: 1px solid rgba(46, 230, 166, .35) !important; }

.ai-stamp.ok { color: #7df0c8; background: rgba(46, 230, 166, .08); border-color: rgba(46, 230, 166, .5); }
.ai-stamp.fail { color: #ff9db1; background: rgba(255, 46, 136, .08); border-color: rgba(255, 46, 136, .45); }
.ai-stamp.wait { color: var(--tw-tm); background: var(--tw-bg3); border-color: var(--tw-bd2); }
.ai-desc { background: rgba(255, 255, 255, .045); border: 1px solid var(--tw-bd); color: var(--tw-tw); }
.ai-foot { color: var(--tw-td); }

.rp-entry { background: var(--tw-bg3); border: 1px solid var(--tw-bd2); color: var(--tw-tm); }
.rp-entry:hover { border-color: #ff2e88; color: #ff6aa6; background: rgba(255, 46, 136, .06); }
.rp-note { background: var(--tw-bg3); border: 1px solid var(--tw-bd); border-left: 3px solid #ff2e88; }
.rp-note b { color: var(--tw-tw); }
.rp-note p { color: var(--tw-tm); }
.rp-done { color: #7df0c8; background: rgba(46, 230, 166, .08); border-color: rgba(46, 230, 166, .4); }


#pane-msg .msg-item { background: var(--tw-glass); border: 1px solid var(--tw-bd); border-radius: 14px; }
#pane-msg .msg-item:hover { border-color: rgba(168, 85, 247, .4); box-shadow: 0 6px 22px rgba(0, 0, 0, .3); }
#pane-msg .msg-item.unread { border-color: rgba(245, 196, 0, .4); background: linear-gradient(180deg, rgba(245, 196, 0, .05), transparent 46%), var(--tw-glass); box-shadow: inset 3.5px 0 0 0 var(--tw-y); }
#pane-msg .msg-from { color: var(--tw-td); }
#pane-msg .msg-from-dot { background: var(--tw-holo); background-size: 200%; }
#pane-msg .msg-time { color: var(--tw-td); }
#pane-msg .msg-t { color: var(--tw-tw); }
#pane-msg .msg-unread-chip { color: #ff9db1; background: rgba(255, 46, 136, .1); }
#pane-msg .msg-c { color: var(--tw-tw); border-top: 1px dashed var(--tw-bd); }
#pane-msg .msg-c b, #pane-msg .msg-c a { color: var(--tw-y); }

.msg-chat-thread .msg-chat-sys { background: rgba(255, 255, 255, .04); border: 1px solid var(--tw-bd); }
.msg-reply input, .msg-chat-input input { background: var(--tw-bg3); border: 1px solid var(--tw-bd2); color: var(--tw-tw); }
.msg-reply input:focus, .msg-chat-input input:focus { border-color: var(--tw-y); }
.msg-item .msg-ico { background: var(--grad-soft); color: #c9a6ff; }
.msg-item.unread .msg-ico { background: var(--tw-y); color: #08080e; }

.bell-dot { background: linear-gradient(135deg, #ff2e88, #ff5e7a); }

.av-img { border-color: var(--tw-bg1); }
.avatar-edit { background: linear-gradient(135deg, var(--tw-y), var(--tw-y2)); color: #08080e; border-color: var(--tw-bg1); }
.avatar-set-row .av-img { border-color: var(--tw-bg1); }


.fb-hero h1 { letter-spacing: -.8px; }
.fb-hero p { color: var(--tw-tm); }
.fb-thread-head .avatar { background: var(--tw-holo); background-size: 200%; color: #fff; }
.fb-who b { color: var(--tw-tw); }
.fb-who i { color: var(--tw-td); }
.fb-title { color: var(--tw-tw); }
.fb-content { color: var(--tw-tm); }
.fb-reply.admin { background: rgba(168, 85, 247, .07); border: 1px solid rgba(168, 85, 247, .22); }
.fb-reply.admin .fr-head b { color: #c9a6ff; }
.fb-reply.me { background: var(--tw-bg3); border: 1px solid var(--tw-bd); }
.fb-show-card::before { display: none; }
.fb-join-card { border: 1.6px dashed rgba(168, 85, 247, .4); background: linear-gradient(160deg, rgba(168, 85, 247, .06), rgba(34, 211, 238, .04)); }
.fb-join-card:hover { border-color: rgba(168, 85, 247, .7); }
.fb-pager a, .fb-pager .cur { background: var(--tw-glass); border: 1.5px solid var(--tw-bd2); color: var(--tw-tm); }
.fb-pager a:hover { border-color: var(--tw-y); color: var(--tw-y); }
.fb-pager .cur { background: var(--tw-y); color: #08080e; border-color: var(--tw-y); }


.lt-stage { border-radius: 18px; }
.lt-stage::before { background: conic-gradient(from 0deg, transparent 72%, rgba(168, 85, 247, .12), transparent 88%); }
.lt-cell { background: rgba(255, 255, 255, .045); border: 1.5px solid var(--tw-bd2); border-radius: 16px; }
.lt-cell::after { background: linear-gradient(160deg, rgba(255, 255, 255, .06), transparent 55%); }
.lt-cell .lt-name { color: var(--tw-tw); }
.lt-cell.lt-on {
  background: linear-gradient(135deg, rgba(168, 85, 247, .2), rgba(34, 211, 238, .1)), var(--tw-bg2);
  box-shadow: 0 0 0 2px var(--tw-y), 0 10px 30px rgba(245, 196, 0, .3);
}
.lt-go {
  background: var(--tw-y) !important; color: #08080e !important;
  box-shadow: 0 12px 34px rgba(245, 196, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .4) !important;
}
.lt-go i { background: rgba(8, 8, 14, .14); color: #08080e; }
.lt-go:hover:not(:disabled) { box-shadow: 0 16px 44px rgba(245, 196, 0, .55) !important; }
.lt-go::after { background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .5), transparent); }
.lt-status { color: var(--tw-tm); }
.lt-status b { color: var(--tw-y); }
.lt-announce { background: linear-gradient(135deg, rgba(168, 85, 247, .08), rgba(34, 211, 238, .05)); border: 1px solid rgba(168, 85, 247, .25); color: var(--tw-tw); }
.lt-side-head { color: var(--tw-tw); }
.lt-feed li, .lt-mine li, .lt-rec-list li { border-bottom: 1px dashed var(--tw-bd); color: var(--tw-tm); }
.lt-dot { background: var(--tw-y); box-shadow: 0 0 8px rgba(245, 196, 0, .6); }
.lt-feed b { color: var(--tw-tw); }
.lt-feed .lt-prize { color: var(--tw-y); }
.lt-feed i, .lt-mine i { color: var(--tw-td); }
.lt-mine .lt-m-prize { color: var(--tw-tw); }
.lt-rules { color: var(--tw-tm); }
.lt-rules li::marker { color: var(--tw-y); }
.lt-ticker { -webkit-mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); }
.lt-titem { color: var(--tw-tm); }
.lt-titem b { color: var(--tw-tw); }
.lt-titem em { color: var(--tw-y); }
.lt-titem time { color: var(--tw-td); }
.lt-tsep { color: var(--tw-bd2); }
.lt-win-item { background: linear-gradient(135deg, rgba(168, 85, 247, .1), rgba(34, 211, 238, .05)); border: 1px solid rgba(168, 85, 247, .25); }
.lt-win-item:hover { border-color: rgba(168, 85, 247, .5); box-shadow: 0 4px 18px rgba(168, 85, 247, .2); }
.lt-win-item .lt-w-name { color: var(--tw-tw); }
.lt-win-item i { color: var(--tw-td); }
.lt-empty, .lt-empty-cta p, .lt-rec-empty, .lt-tl-loading { color: var(--tw-td); }
.lt-empty-cta { border: 1.5px dashed var(--tw-bd2); }
.lt-code { background: var(--tw-bg3); border: 1.5px dashed var(--tw-bd2); }
.lt-code code { color: var(--tw-y2); }
.lt-modal h3 { color: var(--tw-tw); }
.lt-modal .lt-m-name { color: var(--tw-y); }
.lt-modal .lt-note { color: var(--tw-tm); }
.lt-done { color: var(--ok); }
.lt-win-list::-webkit-scrollbar-thumb { background: rgba(168, 85, 247, .4); }
.lt-rec-list::-webkit-scrollbar-thumb { background: rgba(168, 85, 247, .4); }

.lt-exp { background: var(--tw-glass) !important; border: 1px solid var(--tw-bd2) !important; box-shadow: var(--shadow-md) !important; -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
.lt-exp-head { border-bottom: 1px dashed var(--tw-bd2) !important; }
.lt-exp-brand b { color: var(--tw-tw) !important; }
.lt-exp-no { background: rgba(245, 196, 0, .1) !important; border: 1px solid rgba(245, 196, 0, .45) !important; color: var(--tw-y2) !important; box-shadow: none !important; }
.lt-exp-no:hover { box-shadow: 0 0 16px rgba(245, 196, 0, .25) !important; }
.lt-exp-state { border: 1px solid var(--tw-bd2) !important; box-shadow: none !important; }
.lt-exp-state.run { background: rgba(34, 211, 238, .14) !important; color: #67e8f9 !important; border-color: rgba(34, 211, 238, .4) !important; }
.lt-exp-state.ok { background: rgba(46, 230, 166, .12) !important; color: #7df0c8 !important; border-color: rgba(46, 230, 166, .4) !important; }
.lt-exp-state.bad { background: rgba(255, 94, 122, .12) !important; color: #ff9db1 !important; border-color: rgba(255, 94, 122, .4) !important; }
.lt-exp .lt-note { border-top: 1px dashed var(--tw-bd2) !important; color: var(--tw-td) !important; }
.lt-timeline::before { background: var(--tw-bd2) !important; }
.lt-timeline li .dot { background: var(--tw-bg2) !important; border-color: var(--tw-bd2) !important; box-shadow: none !important; }
.lt-timeline li.run .dot { border-color: #22d3ee !important; background: rgba(34, 211, 238, .3) !important; box-shadow: 0 0 10px rgba(34, 211, 238, .4) !important; }
.lt-timeline li.ok .dot { border-color: #2ee6a6 !important; background: rgba(46, 230, 166, .3) !important; box-shadow: 0 0 10px rgba(46, 230, 166, .4) !important; }
.lt-timeline li.bad .dot { border-color: #ff5e7a !important; background: rgba(255, 94, 122, .3) !important; box-shadow: 0 0 10px rgba(255, 94, 122, .4) !important; }
.lt-timeline .tl-head b { color: var(--tw-tw) !important; }
.lt-timeline .tl-head time { color: var(--tw-td) !important; }
.lt-timeline .tl-desc { color: var(--tw-tm) !important; }
.lt-timeline li:not(.run):not(.ok):not(.bad) .tl-desc { color: var(--tw-td) !important; }
.lt-claim-done { background: rgba(46, 230, 166, .1) !important; border: 1px solid rgba(46, 230, 166, .4) !important; box-shadow: none !important; color: #7df0c8 !important; }
.lt-ship-wait { background: rgba(245, 196, 0, .07) !important; border: 1px solid rgba(245, 196, 0, .4) !important; box-shadow: none !important; }
.lt-ship-wait b { color: var(--tw-y2) !important; }
.lt-ship-wait span { color: var(--tw-tm) !important; }


#pane-api .api-key-card { background: rgba(245, 196, 0, .07) !important; border: 1px dashed rgba(245, 196, 0, .4) !important; box-shadow: none !important; transform: none !important; }
#pane-api .api-doc-tbl { border: 1px solid var(--tw-bd2) !important; box-shadow: none !important; background: transparent !important; border-radius: 12px; overflow: hidden; }
#pane-api .api-doc-tbl th { background: rgba(168, 85, 247, .1) !important; color: #c9a6ff !important; border: 1px solid var(--tw-bd) !important; font-family: var(--tw-mono); font-size: 10.5px; letter-spacing: .5px; }
#pane-api .api-doc-tbl td { border: 1px solid var(--tw-bd) !important; color: var(--tw-tm) !important; }
#pane-api .api-doc-tbl td code { background: var(--tw-bg3) !important; color: var(--tw-y2) !important; border: 1px solid var(--tw-bd2) !important; }
#pane-api .api-doc-steps { background: var(--tw-glass) !important; border: 1px solid var(--tw-bd) !important; box-shadow: none !important; border-radius: 12px; }
#pane-api .api-doc-steps p { color: var(--tw-tm) !important; }
#pane-api .api-doc-steps code { background: var(--tw-bg3) !important; color: var(--tw-y2) !important; }
#pane-api .api-doc-tips { background: rgba(46, 230, 166, .06) !important; border: 1px solid rgba(46, 230, 166, .3) !important; border-radius: 12px; }
#pane-api .api-doc-tips p { color: var(--tw-tm) !important; }
#pane-api .api-lang-tag { background: var(--tw-y); color: #08080e; border: none !important; box-shadow: 0 4px 14px rgba(245, 196, 0, .3) !important; transform: none !important; border-radius: 6px; }
#pane-api .api-doc-pre { border: 1px solid var(--tw-bd2) !important; box-shadow: none !important; background: #0a0b12 !important; border-radius: 12px; transition: border-color .25s, box-shadow .25s; }
#pane-api .code-wrap:hover .api-doc-pre { transform: none !important; border-color: rgba(168, 85, 247, .5) !important; box-shadow: 0 0 24px rgba(168, 85, 247, .15) !important; }
#pane-api .code-copy { background: var(--tw-y); color: #08080e; border: none; box-shadow: 0 4px 14px rgba(245, 196, 0, .3); border-radius: 8px; }
#pane-api .code-copy:hover { background: var(--tw-y2); }
#pane-api .code-copy.ok { background: var(--ok); color: #08080e; }
#pane-api .api-debug { border: 1px solid var(--tw-bd2) !important; background: var(--tw-glass) !important; box-shadow: none !important; border-radius: 12px; }
#pane-api .api-status { background: var(--tw-bg3) !important; border: 1px solid var(--tw-bd) !important; color: var(--tw-tw) !important; border-radius: 10px; }
#pane-api .api-status-dot { border-color: var(--tw-bd2) !important; background: var(--tw-bg2) !important; }
#pane-api .api-status-dot.ok { background: #2ee6a6 !important; box-shadow: 0 0 0 3px rgba(46, 230, 166, .25) !important; border-color: transparent !important; }
#pane-api .api-status-dot.warn { background: var(--tw-y) !important; box-shadow: 0 0 0 3px rgba(245, 196, 0, .25) !important; border-color: transparent !important; }
#pane-api .api-status-dot.err { background: #ff5e7a !important; box-shadow: 0 0 0 3px rgba(255, 94, 122, .25) !important; border-color: transparent !important; }
#pane-api .api-debug-row > label { color: var(--tw-tw) !important; }
#pane-api .api-debug-row input, #pane-api .api-debug-row select { border: 1px solid var(--tw-bd2) !important; background: var(--tw-bg3) !important; color: var(--tw-tw) !important; border-radius: 8px; }
#pane-api .api-dbg-ok { background: rgba(46, 230, 166, .07) !important; border: 1px solid rgba(46, 230, 166, .35) !important; box-shadow: none !important; color: var(--tw-tw) !important; border-radius: 10px; }
#pane-api .api-dbg-err { background: rgba(255, 94, 122, .07) !important; border: 1px solid rgba(255, 94, 122, .4) !important; box-shadow: none !important; color: var(--tw-tw) !important; border-radius: 10px; }
#pane-api .api-dbg-pending { background: rgba(245, 196, 0, .06) !important; border: 1px dashed rgba(245, 196, 0, .4) !important; color: var(--tw-tm) !important; border-radius: 10px; }
#pane-api .api-dbg-kv code { background: var(--tw-bg3) !important; border: 1px solid var(--tw-bd2) !important; color: var(--tw-y2) !important; }
#pane-api .api-dbg-links a { background: var(--tw-bg3) !important; color: var(--tw-y) !important; border: 1px solid rgba(245, 196, 0, .45) !important; box-shadow: none !important; border-radius: 8px; transition: border-color .2s, box-shadow .2s, transform .2s; }
#pane-api .api-dbg-links a:hover { transform: translateY(-2px) !important; box-shadow: 0 6px 18px rgba(245, 196, 0, .25) !important; border-color: var(--tw-y) !important; }


.up-float {
  position: fixed; right: 22px; bottom: 22px; z-index: 96; width: 320px;
  background: rgba(14, 15, 23, .92) !important;
  -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px);
  border: 1px solid var(--tw-bd) !important;
  border-radius: 14px;
  transition: border-color .25s, box-shadow .25s;
}

@media (max-width: 560px) {
  .up-float { left: 12px; right: 12px; bottom: 12px; width: auto; }
}

.up-float:hover { border-color: var(--tw-y) !important; box-shadow: 0 18px 50px rgba(0, 0, 0, .5); }

.uf-head b { color: var(--tw-tw); }
.uf-speed { color: var(--tw-y); }
.uf-pct { color: var(--tw-tw); }
.uf-track { background: var(--tw-bg3); }
.uf-fill { background: var(--tw-holo-loop); background-size: 200%; animation: twHolo 3s linear infinite; }

.ut-speed { color: var(--tw-y); }


.site-footer {
  position: relative;
  background:
    radial-gradient(ellipse 50% 80% at 12% 0%, rgba(168, 85, 247, .08), transparent 60%),
    radial-gradient(ellipse 50% 80% at 88% 100%, rgba(34, 211, 238, .06), transparent 60%),
    #0b0c14 !important;
  border-top: 1px solid rgba(255, 255, 255, .12) !important;
  margin-top: 48px;
}
.site-footer::before {
  content: ''; position: absolute; top: -1px; left: 0; right: 0; height: 2px;
  background: var(--tw-holo); background-size: 200%;
  opacity: .85; animation: twHolo 8s linear infinite; pointer-events: none;
  box-shadow: 0 0 18px rgba(168, 85, 247, .45);
}

.foot-inner { padding-top: 34px !important; padding-bottom: 26px !important; }
.foot-brand { position: relative; padding-left: 16px; }
.foot-brand::before {
  content: ''; position: absolute; left: 0; top: 4px; bottom: 4px; width: 3px;
  border-radius: 3px; background: var(--tw-holo); background-size: 200%;
  animation: twHolo 6s linear infinite;
}
.foot-brand b {
  color: var(--tw-tw) !important; font-size: 16.5px; letter-spacing: .2px;
  background: linear-gradient(115deg, #f3f3f7 30%, #ffd84d 65%, #f3f3f7);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  background-size: 200% auto; animation: twHolo 7s linear infinite;
}
.foot-brand p { color: #9090a4 !important; }
.foot-links { gap: 12px !important; flex-wrap: wrap; }
.foot-links a {
  color: #b9b9c9 !important; font-size: 13px; padding: 6px 14px;
  border: 1px solid transparent; border-radius: 99px; transition: all .25s;
}
.foot-links a:hover {
  color: var(--tw-y) !important; border-color: rgba(245, 196, 0, .35);
  background: rgba(245, 196, 0, .06); box-shadow: 0 0 18px rgba(245, 196, 0, .12);
}
.foot-links img {
  opacity: .9; border-radius: 8px; margin-left: 4px;
  transition: opacity .25s, transform .25s;
}
.foot-links img:hover { opacity: 1; transform: translateY(-2px); }
.foot-copy {
  color: #82828f !important; border-top: 1px solid var(--tw-bd) !important;
  padding-top: 18px !important; margin-top: 6px !important; font-size: 12.5px;
}
.foot-copy a { color: #b0b0c2 !important; }
.foot-copy a:hover { color: var(--tw-y) !important; }


@media (max-width: 1080px) {
  .nav-links {
    background: rgba(8, 8, 14, .96) !important;
    -webkit-backdrop-filter: blur(22px); backdrop-filter: blur(22px);
    border: 1px solid var(--tw-bd); border-top: none;
    border-radius: 0 0 20px 20px; top: 72px;
  }
  .nav-links a { color: var(--tw-tw); font-size: 14px; padding: 12px 16px; }
  .nav-links a.on { color: var(--tw-y); }
  .nav-links a.on::after { display: none; }
}


.tw-r { opacity: 0; transition: opacity .8s var(--tw-ease), transform .8s var(--tw-ease); }
.tw-r.fu { transform: translateY(44px); }
.tw-r.fl { transform: translateX(-52px); }
.tw-r.fr { transform: translateX(52px); }
.tw-r.fs { transform: scale(.92); }
.tw-r.in { opacity: 1 !important; transform: none !important; }
.tw-d1 { transition-delay: .08s; } .tw-d2 { transition-delay: .16s; } .tw-d3 { transition-delay: .24s; }
.tw-d4 { transition-delay: .32s; } .tw-d5 { transition-delay: .4s; } .tw-d6 { transition-delay: .48s; }


.plan-card { will-change: transform; }


@media (prefers-reduced-motion: reduce) {
  .tw-r { opacity: 1 !important; transform: none !important; transition: none !important; }
  .tw-ann-track, .tw-cur, .tw-curd { animation: none !important; transition: none !important; }
  #twStar { display: none; }
  * { scroll-behavior: auto !important; }
}

@media (hover: none) {
  .card:hover, .stat-card:hover, .file-card:hover, .plan-card:hover, .feat-card:hover,
  .fb-show-card:hover, .rank-card:hover, .tip-card:hover, .utask:hover { transform: none; }
  .ut-fill, .uf-fill, .quota-fill, .prog-fill, .uc-user .quota-bar .quota-fill { animation: none; }
}


.plan-card { overflow: hidden; }
.plan-t1 { border-top: none; box-shadow: inset 0 3px 0 rgba(255, 46, 136, .85); }
.plan-t2 { border-top: none; box-shadow: inset 0 3px 0 rgba(168, 85, 247, .85); }
.plan-t3 { border-top: none; box-shadow: inset 0 3px 0 rgba(34, 211, 238, .85); }
.plan-t4 { border-top: none; box-shadow: inset 0 3px 0 rgba(245, 196, 0, .9); }
.plan-card.plan-t1 .plan-ico { color: #ff5e9d; filter: drop-shadow(0 0 14px rgba(255, 46, 136, .5)); }
.plan-card.plan-t2 .plan-ico { color: #c084fc; filter: drop-shadow(0 0 14px rgba(168, 85, 247, .5)); }
.plan-card.plan-t3 .plan-ico { color: #67e8f9; filter: drop-shadow(0 0 14px rgba(34, 211, 238, .5)); }
.plan-card.plan-t4 .plan-ico { color: var(--tw-y); filter: drop-shadow(0 0 14px rgba(245, 196, 0, .55)); }
.plan-card.plan-t1 .plan-price .now, .plan-card.plan-t1 .plan-price .cur {
  background: linear-gradient(115deg, #ff2e88, #ff7ab0); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.plan-card.plan-t2 .plan-price .now, .plan-card.plan-t2 .plan-price .cur {
  background: linear-gradient(115deg, #a855f7, #c084fc); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.plan-card.plan-t3 .plan-price .now, .plan-card.plan-t3 .plan-price .cur {
  background: linear-gradient(115deg, #22d3ee, #67e8f9); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.plan-card.plan-t4 .plan-price .now, .plan-card.plan-t4 .plan-price .cur {
  background: linear-gradient(115deg, #f5c400, #ffd84d); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.plan-card.plan-t1 .btn.primary { background: linear-gradient(115deg, #ff2e88, #ff5e9d) !important; color: #fff !important; box-shadow: 0 10px 30px rgba(255, 46, 136, .35) !important; }
.plan-card.plan-t2 .btn.primary { background: linear-gradient(115deg, #a855f7, #c084fc) !important; color: #fff !important; box-shadow: 0 10px 30px rgba(168, 85, 247, .35) !important; }
.plan-card.plan-t3 .btn.primary { background: linear-gradient(115deg, #22d3ee, #67e8f9) !important; color: #04252b !important; box-shadow: 0 10px 30px rgba(34, 211, 238, .35) !important; }

.hot-tag {
  position: absolute; top: 18px; right: -46px; transform: rotate(38deg);
  width: 190px; text-align: center; padding: 7px 0;
  background: linear-gradient(115deg, #f5c400, #ffd84d 55%, #f5c400) !important;
  color: #08080e !important; font-size: 11.5px; font-weight: 900; letter-spacing: 3px;
  box-shadow: 0 6px 20px rgba(245, 196, 0, .35); z-index: 3;
  animation: twHolo 6s linear infinite; background-size: 200% auto;
}

.lt-grid .lt-cell .lt-ico, .lt-grid .lt-cell > div:first-child { filter: saturate(1.15); }
.lt-grid .lt-cell:nth-child(odd):not(.lt-on) { box-shadow: inset 0 0 0 1px rgba(168, 85, 247, .14); }
.lt-grid .lt-cell:nth-child(even):not(.lt-on) { box-shadow: inset 0 0 0 1px rgba(34, 211, 238, .12); }
.lt-grid .lt-cell.lt-on {
  background: linear-gradient(135deg, rgba(245, 196, 0, .16), rgba(255, 46, 136, .1)) !important;
  border-color: rgba(245, 196, 0, .75) !important;
  box-shadow: 0 0 26px rgba(245, 196, 0, .3), inset 0 0 18px rgba(245, 196, 0, .12) !important;
}

.modal-mask, .doc-mask { background: transparent !important; }


.msg-chat-sys > b { color: #c9a6ff !important; }


.lt-cell::after { display: none !important; }
.lt-stage {
  background: rgba(255, 255, 255, .035) !important;
  -webkit-backdrop-filter: blur(18px) saturate(150%); backdrop-filter: blur(18px) saturate(150%);
  border: 1px solid rgba(255, 255, 255, .12) !important;
}
.lt-stage > .lt-grid { position: relative; z-index: 2; }


.info-grid .ig-item {
  background: rgba(255, 255, 255, .04) !important;
  border: 1px solid rgba(255, 255, 255, .1) !important;
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
  transition: border-color .2s, transform .2s;
}
.info-grid .ig-item:hover { border-color: rgba(168, 85, 247, .4) !important; transform: translateY(-1px); }
.info-grid .ig-item .k { color: #8f8fa4 !important; }

.ig-item.ig-ai {
  background: linear-gradient(135deg, rgba(168, 85, 247, .09), rgba(34, 211, 238, .05)) !important;
  border: 1px solid rgba(168, 85, 247, .32) !important;
  border-left: 3px solid #a855f7 !important;
  -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
}
.ig-item.ig-ai .k { color: #c9a6ff !important; display: flex; align-items: center; gap: 6px; }
.ig-item.ig-ai .k svg { filter: drop-shadow(0 0 6px rgba(168, 85, 247, .6)); }
.ig-item.ig-ai .v { color: #dcdcea !important; line-height: 1.85; }
.ig-item.ig-ai-check {
  background: rgba(255, 255, 255, .04) !important;
  border: 1px solid rgba(255, 255, 255, .1) !important;
}
.ig-item.up-first { border-left: 3px solid rgba(245, 196, 0, .5) !important; }
.ig-item.up-first .v.up-cell { color: var(--tw-tw) !important; font-weight: 700; }
.ig-item.up-first .av-mini { border: 2px solid rgba(245, 196, 0, .5); box-shadow: 0 0 12px rgba(245, 196, 0, .25); }


.rank-item .rk-name { transition: color .2s; }
.rank-item:nth-child(1) .rk-name { color: #ffd84d; font-weight: 800; text-shadow: 0 0 16px rgba(245, 196, 0, .3); }
.rank-item:nth-child(2) .rk-name { color: #e8eaf2; }
.rank-item:nth-child(3) .rk-name { color: #ffb37a; }
.rank-item:nth-child(4) .rk-name { color: #ff8fb8; }
.rank-item:nth-child(5) .rk-name { color: #c9a6ff; }
.rank-item:nth-child(6) .rk-name { color: #8fd8ff; }
.rank-item:nth-child(7) .rk-name { color: #7df0c8; }
.rank-item:nth-child(8) .rk-name { color: #a8e063; }
.rank-item:nth-child(9) .rk-name { color: #f0a6ff; }
.rank-item:nth-child(10) .rk-name { color: #9a9ab0; }
.rank-item .rk { font-family: var(--tw-mono); }
.rank-item:nth-child(1) .rk { color: var(--tw-y); }


.dz-txt h2 {
  font-size: clamp(22px, 3vw, 30px) !important;
  letter-spacing: .3px;
  background: linear-gradient(115deg, #f3f3f7 20%, #ffd84d 45%, #ff8fb8 70%, #c9a6ff 90%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  background-size: 200% auto; animation: twHolo 7s linear infinite;
  padding: 4px 0;
}
.dz-txt h2 svg { vertical-align: -6px; margin: 0 2px; }
.dz-txt .hint { color: var(--tw-td) !important; font-size: 13px; }


.detail-shell .card {
  background: rgba(255, 255, 255, .045) !important;
  border: 1px solid rgba(255, 255, 255, .1) !important;
  -webkit-backdrop-filter: blur(16px) saturate(150%); backdrop-filter: blur(16px) saturate(150%);
}
.detail-shell .detail-hero { border-top: 2px solid transparent; }
.detail-shell .tab-body { padding-top: 24px; }


.lt-grid .lt-cell:nth-child(8n+1) .lt-name { color: #ffd84d; }
.lt-grid .lt-cell:nth-child(8n+2) .lt-name { color: #ff8fb8; }
.lt-grid .lt-cell:nth-child(8n+3) .lt-name { color: #8fd8ff; }
.lt-grid .lt-cell:nth-child(8n+4) .lt-name { color: #7df0c8; }
.lt-grid .lt-cell:nth-child(8n+5) .lt-name { color: #c9a6ff; }
.lt-grid .lt-cell:nth-child(8n+6) .lt-name { color: #ffb37a; }
.lt-grid .lt-cell:nth-child(8n+7) .lt-name { color: #f0a6ff; }
.lt-grid .lt-cell:nth-child(8n+8) .lt-name { color: #a8e063; }
.lt-grid .lt-cell.lt-on .lt-name { color: #08080e !important; font-weight: 900; }
.lt-grid .lt-go .lt-name, .lt-grid .lt-cell .lt-go-name { color: #08080e !important; }
.lt-titem, .lt-ticker-track span { color: var(--tw-tw); }
.lt-ticker-track .lt-titem b, .lt-ticker-track b { color: #c9a6ff; }
.lt-ticker-track .lt-titem i, .lt-ticker-track i { color: var(--tw-y2); font-style: normal; }
.lt-ticker-badge { color: #ff9db1 !important; background: rgba(255, 46, 136, .12) !important; border: 1px solid rgba(255, 46, 136, .35) !important; }

.lt-stage::after { opacity: .4 !important; }
.lt-stage:hover::after { opacity: .4 !important; }



.code-preview { background: #0a0b12; }
.code-preview pre { margin: 0; background: transparent; }
.code-preview code.hljs {
  display: block; padding: 18px 20px; background: transparent;
  color: #dce4f2; font-family: var(--tw-mono); font-size: 13.5px; line-height: 1.75;
}
.code-preview .hljs-comment, .code-preview .hljs-quote { color: #6b7394; font-style: italic; }
.code-preview .hljs-keyword, .code-preview .hljs-selector-tag, .code-preview .hljs-literal,
.code-preview .hljs-doctag, .code-preview .hljs-meta .hljs-keyword, .code-preview .hljs-strong {
  color: #ff7ab0; font-weight: 600;
}
.code-preview .hljs-string, .code-preview .hljs-regexp, .code-preview .hljs-addition,
.code-preview .hljs-template-variable, .code-preview .hljs-meta .hljs-string {
  color: #7df0c8;
}
.code-preview .hljs-number, .code-preview .hljs-symbol, .code-preview .hljs-bullet,
.code-preview .hljs-variable.language_, .code-preview .hljs-link {
  color: #ffd84d;
}
.code-preview .hljs-title, .code-preview .hljs-title.class_, .code-preview .hljs-title.function_,
.code-preview .hljs-built_in, .code-preview .hljs-class .hljs-title {
  color: #8fd8ff;
}
.code-preview .hljs-attr, .code-preview .hljs-attribute, .code-preview .hljs-property,
.code-preview .hljs-params, .code-preview .hljs-selector-id, .code-preview .hljs-selector-class,
.code-preview .hljs-selector-attr, .code-preview .hljs-selector-pseudo {
  color: #c9a6ff;
}
.code-preview .hljs-type, .code-preview .hljs-name, .code-preview .hljs-section,
.code-preview .hljs-tag { color: #67e8f9; }
.code-preview .hljs-meta, .code-preview .hljs-subst { color: #9a9aab; }
.code-preview .hljs-deletion { color: #ff9db1; background: rgba(255, 46, 136, .08); }
.code-preview .hljs-emphasis { font-style: italic; }
.code-preview pre::-webkit-scrollbar { width: 8px; height: 8px; }
.code-preview pre::-webkit-scrollbar-thumb { background: rgba(168, 85, 247, .35); border-radius: 8px; }

.code-preview .code-bar { background: #0d0e16; }



.detail-shell #detailTabs.tab-panel {
  background: rgba(255, 255, 255, .022) !important;
  -webkit-backdrop-filter: none; backdrop-filter: none;
  border: 1px solid rgba(255, 255, 255, .09) !important;
  box-shadow: none;
}



.lt-stage {
  background: rgba(255, 255, 255, .015) !important;
  -webkit-backdrop-filter: none; backdrop-filter: none;
}
.lt-cell { background: rgba(255, 255, 255, .03) !important; }
.lt-cell.lt-on { background: linear-gradient(135deg, rgba(245, 196, 0, .16), rgba(255, 46, 136, .1)) !important; }
.lt-side-card { background: rgba(255, 255, 255, .02) !important; }
.lt-side-card:hover { background: rgba(255, 255, 255, .035) !important; }
.lt-ticker-card {
  background: rgba(255, 255, 255, .02) !important;
  -webkit-backdrop-filter: none; backdrop-filter: none;
}