/* ============================================================ GlobalWealth · 暗夜奢金 (Obsidian & Gold) 设计系统作用域：所有类名以 lx- 前缀，避免与 layui / 旧 CSS 冲突页面需在上启用 ============================================================ */ :root{ --lx-ground:#0A0E14; --lx-ground-2:#06080C; --lx-panel:#111722; --lx-panel-2:#0D121A; --lx-panel-hi:#19212F; --lx-line:rgba(233,196,106,.13); --lx-line-2:rgba(255,255,255,.06); --lx-line-strong:rgba(233,196,106,.34); --lx-gold:#E9C46A; --lx-gold-deep:#C79A44; --lx-gold-hi:#F7E0A6; --lx-gold-ink:#20160A; --lx-emerald:#2A9D8F; --lx-emerald-hi:#3ED9B6; --lx-ink:#F0EBDD; --lx-muted:#8A93A2; --lx-muted-2:#565F6E; --lx-warn:#E7A14F; --lx-risk:#E76F51; --lx-sans:"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; --lx-serif:"Cormorant Garamond","Georgia","Times New Roman",serif; --lx-num:"SF Pro Display",var(--lx-sans); --lx-nav-h:52px; --lx-tab-h:64px; } /* ---------- base ---------- */ .lx-page{margin:0;color:var(--lx-ink);font-family:var(--lx-sans);-webkit-font-smoothing:antialiased; background: radial-gradient(620px 360px at 50% -8%, rgba(233,196,106,.10), transparent 58%), radial-gradient(760px 520px at 108% 4%, rgba(42,157,143,.07), transparent 55%), var(--lx-ground) !important; min-height:100vh;-webkit-tap-highlight-color:transparent} .lx-page *{box-sizing:border-box} .lx-page img{max-width:100%} .lx-page a{color:inherit;text-decoration:none} .lx-page input,.lx-page textarea,.lx-page select,.lx-page button{font-family:inherit} .lx-hide{display:none !important} @media (prefers-reduced-motion:reduce){.lx-page *{animation:none !important;transition:none !important}} /* main scroll container: leave room for fixed tabbar / navbar */ .lx-main{max-width:520px;margin:0 auto;padding:14px 16px 40px;min-height:100vh} .lx-main.has-tab{padding-bottom:calc(var(--lx-tab-h) + 30px)} .lx-main.has-nav{padding-top:calc(var(--lx-nav-h) + 14px)} /* ---------- icons ---------- */ .lx-ic{width:1em;height:1em;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;display:inline-block;vertical-align:middle;flex:0 0 auto} .lx-ic-sprite{position:absolute;width:0;height:0;overflow:hidden} /* ---------- top brand bar ---------- */ .lx-top{display:flex;align-items:center;gap:10px;padding:16px 4px 10px} .lx-brand{display:flex;align-items:center;gap:9px} .lx-brand .mk{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-family:var(--lx-serif);font-weight:700;font-size:19px;color:var(--lx-gold-ink); background:linear-gradient(150deg,var(--lx-gold-hi),var(--lx-gold-deep));box-shadow:0 6px 16px -6px rgba(233,196,106,.7)} .lx-brand .wm{font-family:var(--lx-serif);font-weight:600;font-size:16px;color:#F4EAD2} .lx-brand .wm span{color:var(--lx-gold)} .lx-top .sp{flex:1} .lx-chip{font-size:10.5px;color:var(--lx-gold);border:1px solid var(--lx-line-strong);border-radius:999px;padding:5px 11px;background:rgba(233,196,106,.06);letter-spacing:.04em;display:inline-flex;align-items:center;gap:5px} .lx-chip .lx-ic{font-size:12px} /* ---------- navbar (inner pages, fixed) ---------- */ .lx-nav{position:fixed;top:0;left:0;right:0;height:var(--lx-nav-h);z-index:40;display:flex;align-items:center;padding:0 12px; background:linear-gradient(180deg,rgba(11,15,22,.92),rgba(8,11,17,.86));backdrop-filter:blur(14px);border-bottom:1px solid var(--lx-line)} .lx-nav .back{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:var(--lx-gold);border:1px solid var(--lx-line);background:rgba(233,196,106,.05);font-size:18px} .lx-nav .ttl{position:absolute;left:50%;transform:translateX(-50%);font-size:16px;font-weight:600;color:#F1EAD8;letter-spacing:.02em} .lx-nav .act{margin-left:auto;font-size:13px;color:var(--lx-gold)} /* ---------- section eyebrow / title ---------- */ .lx-eyebrow{display:flex;align-items:center;gap:10px;margin:22px 2px 12px} .lx-eyebrow .no{font-family:var(--lx-serif);font-style:italic;font-size:16px;color:var(--lx-gold-deep);min-width:16px;text-align:center} .lx-eyebrow .tt{font-size:13.5px;font-weight:600;letter-spacing:.03em;color:#E7E1D2} .lx-eyebrow .ln{flex:1;height:1px;background:linear-gradient(90deg,var(--lx-line-strong),transparent)} .lx-eyebrow .rt{font-size:11px;color:var(--lx-gold);opacity:.85} /* ---------- card ---------- */ .lx-card{position:relative;border-radius:18px;padding:16px;margin-bottom:14px; background:linear-gradient(180deg,rgba(26,34,48,.72),rgba(15,20,28,.72));border:1px solid var(--lx-line); backdrop-filter:blur(8px);box-shadow:0 20px 40px -28px rgba(0,0,0,.9)} /* ---------- buttons ---------- */ .lx-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:50px;border:0;border-radius:14px;cursor:pointer; font-size:15px;font-weight:700;letter-spacing:.04em;color:var(--lx-gold-ink);position:relative;overflow:hidden; background:linear-gradient(120deg,var(--lx-gold-hi),var(--lx-gold) 46%,var(--lx-gold-deep));box-shadow:0 18px 36px -16px rgba(233,196,106,.72)} .lx-btn .lx-ic{font-size:17px} .lx-btn.sheen::after{content:"";position:absolute;top:0;left:-60%;width:38%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.6),transparent);transform:skewX(-18deg);animation:lx-sheen 3.8s ease-in-out infinite} @keyframes lx-sheen{0%,58%{left:-60%}100%{left:135%}} .lx-btn-ghost{background:rgba(233,196,106,.06);border:1px solid var(--lx-line-strong);color:var(--lx-gold);box-shadow:none} .lx-btn-row{display:flex;gap:12px} .lx-btn-sm{height:40px;font-size:13px;border-radius:11px;padding:0 18px;width:auto} /* ---------- form fields ---------- */ .lx-field{margin-bottom:14px} .lx-field > label{display:block;font-size:12px;color:var(--lx-muted);margin:0 2px 8px;letter-spacing:.02em} .lx-input{display:flex;align-items:center;gap:8px;background:rgba(6,9,14,.7);border:1px solid var(--lx-line-strong);border-radius:13px;padding:0 14px;height:50px} .lx-input .pre{color:var(--lx-gold);font-size:15px;flex:0 0 auto} .lx-input .lx-ic{color:var(--lx-muted);font-size:17px} .lx-input input,.lx-input textarea,.lx-input select{flex:1;width:100%;border:0;background:transparent;color:var(--lx-ink);font-size:15px;outline:none} .lx-input input::placeholder,.lx-input textarea::placeholder{color:var(--lx-muted-2)} .lx-input .suffix-btn{border:0;background:rgba(233,196,106,.1);color:var(--lx-gold);border-radius:9px;padding:7px 12px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap} .lx-input.big input{font-family:var(--lx-num);font-weight:800;font-size:24px;font-variant-numeric:tabular-nums} /* ---------- generic list rows (records / menus) ---------- */ .lx-list{border-radius:16px;border:1px solid var(--lx-line);overflow:hidden;background:var(--lx-panel-2);margin-bottom:14px} .lx-row{display:flex;align-items:center;gap:12px;padding:15px 16px;border-bottom:1px solid var(--lx-line-2)} .lx-row:last-child{border-bottom:0} .lx-row .r-ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:20px;color:var(--lx-gold); background:linear-gradient(180deg,rgba(233,196,106,.14),rgba(233,196,106,.02));border:1px solid var(--lx-line);flex:0 0 auto} .lx-row .r-main{flex:1;min-width:0} .lx-row .r-t{font-size:14px;color:#EEE7D6;font-weight:500} .lx-row .r-s{font-size:11.5px;color:var(--lx-muted);margin-top:3px} .lx-row .r-right{text-align:right;flex:0 0 auto} .lx-row .r-amt{font-family:var(--lx-num);font-weight:700;font-size:15px;font-variant-numeric:tabular-nums;color:var(--lx-gold)} .lx-row .r-amt.up{color:var(--lx-emerald-hi)} .lx-row .r-amt.dn{color:var(--lx-risk)} .lx-row .r-tm{font-size:11px;color:var(--lx-muted-2);margin-top:3px} .lx-row .r-arrow{color:var(--lx-muted-2);font-size:16px} .lx-row .r-badge{font-size:10.5px;padding:3px 9px;border-radius:999px;color:var(--lx-emerald-hi);background:rgba(42,157,143,.14);border:1px solid rgba(62,217,182,.3)} /* ---------- status pills ---------- */ .lx-pill{display:inline-flex;align-items:center;font-size:10.5px;padding:3px 10px;border-radius:999px} .lx-pill.ok{color:var(--lx-emerald-hi);background:rgba(42,157,143,.14);border:1px solid rgba(62,217,182,.3)} .lx-pill.pend{color:var(--lx-warn);background:rgba(231,161,79,.14);border:1px solid rgba(231,161,79,.3)} .lx-pill.no{color:var(--lx-muted);background:rgba(255,255,255,.03);border:1px solid var(--lx-line)} /* ---------- inner-page tabs (record filters) ---------- */ .lx-tabs{display:flex;gap:8px;margin:4px 2px 14px} .lx-tabs a,.lx-tabs .t{flex:1;text-align:center;font-size:13px;color:var(--lx-muted);padding:9px 0;border-radius:11px;border:1px solid var(--lx-line);cursor:pointer} .lx-tabs a.on,.lx-tabs .t.on{color:var(--lx-gold);border-color:var(--lx-line-strong);background:rgba(233,196,106,.08);font-weight:600} /* ---------- empty state ---------- */ .lx-empty{text-align:center;padding:56px 20px;color:var(--lx-muted-2)} .lx-empty .lx-ic{font-size:40px;color:var(--lx-muted-2);opacity:.6;margin-bottom:14px} .lx-empty p{font-size:13px} /* ---------- more / load ---------- */ .lx-more{text-align:center;font-size:12.5px;color:var(--lx-muted);padding:16px;cursor:pointer} /* ---------- data figures ---------- */ .lx-fig{font-family:var(--lx-num);font-weight:800;font-variant-numeric:tabular-nums;color:var(--lx-gold);letter-spacing:-.01em} .lx-fig.glow{text-shadow:0 0 20px rgba(233,196,106,.45)} .lx-up{color:var(--lx-emerald-hi)} .lx-dn{color:var(--lx-risk)} /* ============================================================ HOME / 理财首页 ============================================================ */ .lx-hero{position:relative;border-radius:22px;overflow:hidden;padding:20px 20px 8px;margin-bottom:6px; background:linear-gradient(180deg,rgba(25,33,47,.9),rgba(11,16,24,.9));border:1px solid var(--lx-line-strong)} .lx-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(360px 180px at 88% -20%,rgba(62,217,182,.18),transparent 60%);pointer-events:none} .lx-hero-top{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:2} .lx-hero-eyb{font-size:12px;color:var(--lx-gold);letter-spacing:.06em;display:flex;align-items:center;gap:6px} .lx-hero-num{font-family:var(--lx-num);font-weight:800;font-size:52px;line-height:1;letter-spacing:-.02em;margin:8px 0 2px;font-variant-numeric:tabular-nums; background:linear-gradient(178deg,#FEF8EA,var(--lx-gold) 58%,var(--lx-gold-deep));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 28px rgba(233,196,106,.4))} .lx-hero-num .cur{font-size:24px;vertical-align:top;line-height:1.7;opacity:.75;-webkit-text-fill-color:var(--lx-gold)} .lx-hero-delta{font-size:12px;color:var(--lx-emerald-hi);font-weight:600;font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:5px} .lx-gauge{position:relative;width:90px;height:90px;flex:0 0 auto} .lx-gauge svg{transform:rotate(-90deg)} .lx-gauge .lbl{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px} .lx-gauge .lbl b{font-family:var(--lx-num);font-weight:800;font-size:19px;color:var(--lx-gold);text-shadow:0 0 14px rgba(233,196,106,.5)} .lx-gauge .lbl small{font-size:9px;letter-spacing:.1em;color:var(--lx-muted)} .lx-spark{margin:6px -20px 0;position:relative} .lx-spark svg{display:block;width:100%;height:92px} .lx-hero-meta{display:flex;justify-content:space-between;padding:12px 2px 4px;position:relative;z-index:2} .lx-hero-meta .k{font-size:10.5px;color:var(--lx-muted-2)} .lx-hero-meta .v{font-family:var(--lx-num);font-weight:700;font-size:14px;color:#EDE7D8;margin-top:4px;font-variant-numeric:tabular-nums} .lx-hero-meta .v.g{color:var(--lx-emerald-hi)} .lx-vault{border-radius:20px;padding:18px;position:relative;overflow:hidden;margin-bottom:14px; background:linear-gradient(180deg,rgba(19,25,36,.92),rgba(12,17,25,.92));border:1px solid var(--lx-line)} .lx-vault-h{display:flex;align-items:center;gap:11px;margin-bottom:16px} .lx-tile{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:20px;color:var(--lx-gold); background:linear-gradient(150deg,rgba(233,196,106,.2),rgba(233,196,106,.03));border:1px solid var(--lx-line-strong);flex:0 0 auto} .lx-vault-h .nm{font-size:14.5px;font-weight:600;color:#F1EAD8} .lx-vault-h .nm small{display:block;font-size:10.5px;font-weight:400;color:var(--lx-muted);margin-top:2px} .lx-vault-h .pill{margin-left:auto;font-family:var(--lx-num);font-weight:700;font-size:13px;color:var(--lx-gold-ink);background:linear-gradient(150deg,var(--lx-gold-hi),var(--lx-gold-deep));padding:6px 12px;border-radius:999px} .lx-amt-field{display:flex;align-items:center;background:rgba(6,9,14,.7);border:1px solid var(--lx-line-strong);border-radius:14px;padding:4px 4px 4px 16px;gap:6px} .lx-amt-field .cur{color:var(--lx-gold);font-size:20px;font-weight:700} .lx-amt-field input{flex:1;border:0;background:transparent;color:var(--lx-ink);font-family:var(--lx-num);font-weight:800;font-size:24px;font-variant-numeric:tabular-nums;outline:none;width:100%;min-width:0} .lx-amt-field .st{width:38px;height:38px;border-radius:10px;border:1px solid var(--lx-line);background:rgba(233,196,106,.07);color:var(--lx-gold);font-size:20px;cursor:pointer;flex:0 0 auto} .lx-projected{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding:13px 15px;border-radius:13px; background:linear-gradient(90deg,rgba(62,217,182,.1),rgba(62,217,182,.02));border:1px solid rgba(62,217,182,.22)} .lx-projected .k{font-size:11px;color:var(--lx-muted)} .lx-projected .k b{display:block;color:#DCEEE8;font-size:12.5px;font-weight:600;margin-top:2px} .lx-projected .v{font-family:var(--lx-num);font-weight:800;font-size:22px;color:var(--lx-emerald-hi);font-variant-numeric:tabular-nums;text-shadow:0 0 18px rgba(62,217,182,.4)} .lx-adv{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px} .lx-adv .a{background:linear-gradient(180deg,rgba(26,34,48,.6),rgba(15,20,28,.5));border:1px solid var(--lx-line);border-radius:14px;padding:14px 8px;text-align:center} .lx-adv .a .lx-tile{margin:0 auto 8px} .lx-adv .n{font-size:12.5px;font-weight:600;color:#EEE7D6} .lx-adv .d{font-size:10.5px;color:var(--lx-emerald-hi);margin-top:4px} .lx-podium{display:grid;grid-template-columns:1fr 1.14fr 1fr;gap:9px;align-items:end;margin-bottom:14px} .lx-pod{border-radius:16px 16px 12px 12px;padding:14px 8px 12px;text-align:center;position:relative; background:linear-gradient(180deg,rgba(24,31,45,.85),rgba(12,17,25,.7));border:1px solid var(--lx-line)} .lx-pod.first{border-color:var(--lx-line-strong);background:linear-gradient(180deg,rgba(233,196,106,.16),rgba(12,17,25,.72));padding-top:22px} .lx-pod .rk{font-family:var(--lx-serif);font-style:italic;font-size:22px;line-height:1;color:var(--lx-gold-deep)} .lx-pod.first .rk{font-size:28px;color:var(--lx-gold);text-shadow:0 0 16px rgba(233,196,106,.6)} .lx-pod .av{width:38px;height:38px;border-radius:50%;margin:9px auto 7px;display:grid;place-items:center;font-size:18px;color:var(--lx-gold); background:linear-gradient(150deg,rgba(233,196,106,.24),rgba(233,196,106,.05));border:1px solid var(--lx-line)} .lx-pod.first .av{width:46px;height:46px;font-size:24px;box-shadow:0 0 22px -6px rgba(233,196,106,.7)} .lx-pod .nm{font-size:11px;color:#CFC9BC;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .lx-pod .am{font-family:var(--lx-num);font-weight:700;font-size:12px;color:var(--lx-gold);margin-top:4px;font-variant-numeric:tabular-nums} .lx-pod .crown{position:absolute;top:-13px;left:50%;transform:translateX(-50%);font-size:20px;color:var(--lx-gold);filter:drop-shadow(0 3px 6px rgba(0,0,0,.5))} .lx-ticker{border-radius:16px;border:1px solid var(--lx-line);overflow:hidden;background:var(--lx-panel-2);margin-bottom:14px} .lx-ticker .row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:12px 15px;border-bottom:1px solid var(--lx-line-2);font-size:12px} .lx-ticker .row:last-child{border:0} .lx-ticker .u{color:#D6D0C3;display:flex;align-items:center;gap:8px} .lx-ticker .u i{width:7px;height:7px;border-radius:50%;background:var(--lx-emerald-hi);box-shadow:0 0 8px var(--lx-emerald-hi);flex:0 0 auto} .lx-ticker .am{font-family:var(--lx-num);font-weight:700;color:var(--lx-gold);font-variant-numeric:tabular-nums} .lx-ticker .tm{font-size:10.5px;color:var(--lx-muted-2)} .lx-table{border-radius:16px;border:1px solid var(--lx-line);overflow:hidden;background:var(--lx-panel-2);margin-bottom:14px} .lx-table .th,.lx-table .tr{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:11px 15px;font-size:12px;align-items:center} .lx-table .th{color:var(--lx-muted);border-bottom:1px solid var(--lx-line);font-size:11px} .lx-table .tr{border-bottom:1px solid var(--lx-line-2);color:#D8D2C4} .lx-table .tr:last-child{border:0} .lx-table .tr .amt{color:var(--lx-gold);font-weight:600;font-variant-numeric:tabular-nums;text-align:right} .lx-table .tr .tm{color:var(--lx-muted-2);text-align:right;font-size:11px} .lx-table .tr .rk{color:var(--lx-gold-deep);font-weight:700} .lx-about-foot{font-size:11.5px;color:var(--lx-muted);line-height:1.9;margin-top:12px;padding-top:12px;border-top:1px solid var(--lx-line-2)} .lx-bullets{margin-top:10px} .lx-bullet{font-size:12px;color:#CBC5B8;line-height:1.5;margin-top:8px;display:flex;gap:7px} .lx-bullet .m{color:var(--lx-emerald-hi);flex:0 0 auto} /* ============================================================ STRATEGY / 彩票策略 ============================================================ */ .lx-dossier{border-radius:20px;overflow:hidden;border:1px solid var(--lx-line);background:var(--lx-panel-2);margin-bottom:14px} .lx-dossier .dh{display:flex;align-items:center;gap:9px;padding:15px 16px 13px;background:linear-gradient(90deg,rgba(233,196,106,.09),transparent)} .lx-dossier .tag{font-family:var(--lx-num);font-size:10.5px;font-weight:700;letter-spacing:.04em;color:var(--lx-gold);border:1px solid var(--lx-line-strong);border-radius:6px;padding:3px 8px} .lx-dossier .nm{font-size:14px;font-weight:600;color:#F1EAD8;flex:1;min-width:0} .lx-dossier .win{font-size:10.5px;padding:4px 11px;border-radius:999px;color:var(--lx-emerald-hi);background:rgba(42,157,143,.14);border:1px solid rgba(62,217,182,.3)} .lx-dossier .win.miss{color:var(--lx-muted);background:rgba(255,255,255,.03);border-color:var(--lx-line)} .lx-streak{display:flex;align-items:center;gap:6px;padding:12px 16px;border-bottom:1px solid var(--lx-line-2);flex-wrap:wrap} .lx-streak .sl{font-size:10px;color:var(--lx-muted-2);margin-right:2px} .lx-streak i{width:16px;height:16px;border-radius:50%;font-size:9px;display:grid;place-items:center;font-weight:700;font-style:normal;flex:0 0 auto} .lx-streak i.w{background:radial-gradient(circle at 50% 35%,var(--lx-emerald-hi),var(--lx-emerald));color:#04140f;box-shadow:0 0 8px -1px rgba(62,217,182,.6)} .lx-streak i.l{background:rgba(231,111,81,.16);color:var(--lx-risk);border:1px solid rgba(231,111,81,.4)} .lx-dossier .dg{display:grid;grid-template-columns:repeat(3,1fr)} .lx-dossier .di{padding:13px 8px 14px;text-align:center;border-right:1px solid var(--lx-line-2)} .lx-dossier .di:last-child{border:0} .lx-dossier .di .k{font-size:10.5px;color:var(--lx-muted-2)} .lx-dossier .di .v{font-family:var(--lx-num);font-weight:700;font-size:16px;margin-top:5px;color:#EFE8D6;font-variant-numeric:tabular-nums} .lx-dossier .di .v.up{color:var(--lx-emerald-hi)} .lx-dossier .di .v.dn{color:var(--lx-risk)} .lx-dossier .df{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;font-size:12px;color:var(--lx-gold);letter-spacing:.1em;border-top:1px solid var(--lx-line-2);cursor:pointer} .lx-compare{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:14px} .lx-col{border-radius:18px;padding:16px 14px;position:relative;overflow:hidden;border:1px solid var(--lx-line)} .lx-col.safe{background:linear-gradient(180deg,rgba(42,157,143,.12),rgba(12,17,25,.85))} .lx-col.risk{background:linear-gradient(180deg,rgba(231,161,79,.12),rgba(12,17,25,.85))} .lx-col .ct{font-size:10.5px;letter-spacing:.06em;color:var(--lx-muted)} .lx-col .lx-tile{margin:8px 0 6px} .lx-col.safe .lx-tile{color:var(--lx-emerald-hi);background:rgba(62,217,182,.08);border-color:var(--lx-line)} .lx-col.risk .lx-tile{color:var(--lx-warn);background:rgba(231,161,79,.08);border-color:var(--lx-line)} .lx-col .nm{font-size:13px;font-weight:600;color:#F1EAD8} .lx-col .rate{font-family:var(--lx-num);font-weight:800;font-size:26px;margin:10px 0 2px;font-variant-numeric:tabular-nums} .lx-col.safe .rate{color:var(--lx-emerald-hi);text-shadow:0 0 20px rgba(62,217,182,.35)} .lx-col.risk .rate{color:var(--lx-warn);text-shadow:0 0 20px rgba(231,161,79,.35)} .lx-col .rs{font-size:10px;color:var(--lx-muted);margin-bottom:12px} .lx-col ul{list-style:none;margin:0;padding:0} .lx-col li{display:flex;gap:7px;font-size:11px;color:#CBC5B8;margin-top:8px;line-height:1.45} .lx-col li .m{flex:0 0 auto;font-size:13px} .lx-col.safe li .m{color:var(--lx-emerald-hi)} .lx-col.risk li .m{color:var(--lx-warn)} .lx-col .alloc{margin-top:13px;padding-top:11px;border-top:1px solid var(--lx-line-2);font-family:var(--lx-num);font-weight:700;font-size:12px;color:var(--lx-gold)} .lx-note{font-size:11.5px;color:var(--lx-muted);text-align:center;line-height:1.7;padding:6px 10px 20px} /* plan list simple card (index/plan volist) */ .lx-plan{border-radius:18px;border:1px solid var(--lx-line);overflow:hidden;background:var(--lx-panel-2);margin-bottom:12px} .lx-plan .ph{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid var(--lx-line-2);background:linear-gradient(90deg,rgba(233,196,106,.07),transparent)} .lx-plan .tag{font-size:11px;font-weight:700;color:var(--lx-gold);border:1px solid var(--lx-line-strong);border-radius:6px;padding:2px 8px} .lx-plan .nm{font-size:14px;font-weight:600;color:#F1EAD8;flex:1;min-width:0} .lx-plan .badge{font-size:10.5px;padding:4px 10px;border-radius:999px;color:var(--lx-emerald-hi);background:rgba(42,157,143,.12);border:1px solid rgba(62,217,182,.3)} .lx-plan .pg{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--lx-line-2)} .lx-plan .pi{background:var(--lx-panel-2);padding:12px 15px} .lx-plan .pi .k{font-size:11px;color:var(--lx-muted)} .lx-plan .pi .v{font-size:15px;font-weight:700;color:#EFE8D6;margin-top:4px;font-variant-numeric:tabular-nums;font-family:var(--lx-num)} .lx-plan .pf{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;font-size:12.5px;color:var(--lx-gold);letter-spacing:.08em;cursor:pointer} /* ============================================================ USER / 个人中心 ============================================================ */ .lx-memb{position:relative;border-radius:22px;padding:22px 20px;overflow:hidden;margin-bottom:16px;transform:perspective(900px) rotateX(3deg); background:linear-gradient(125deg,#20242c 0%,#2b2418 34%,#0f1219 70%);border:1px solid rgba(233,196,106,.4); box-shadow:0 30px 60px -28px rgba(0,0,0,.9),0 0 0 1px rgba(0,0,0,.4) inset} .lx-memb::before{content:"";position:absolute;inset:0;background: linear-gradient(115deg,transparent 30%,rgba(247,224,166,.16) 47%,transparent 62%), radial-gradient(200px 120px at 82% 8%,rgba(233,196,106,.22),transparent 60%);pointer-events:none} .lx-memb::after{content:"";position:absolute;top:-40%;left:-30%;width:60%;height:180%;transform:rotate(18deg); background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);animation:lx-cardshine 5s ease-in-out infinite} @keyframes lx-cardshine{0%,100%{left:-40%}50%{left:120%}} .lx-memb-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2} .lx-memb-brand{font-family:var(--lx-serif);font-weight:600;font-size:15px;color:#F4EAD2} .lx-memb-brand span{color:var(--lx-gold)} .lx-memb-tier{font-size:10px;letter-spacing:.1em;color:var(--lx-gold);border:1px solid var(--lx-line-strong);border-radius:6px;padding:4px 9px;display:inline-flex;align-items:center;gap:5px} .lx-memb-tier .lx-ic{font-size:12px} .lx-memb-lbl{position:relative;z-index:2;margin-top:20px;font-size:11px;letter-spacing:.06em;color:rgba(240,235,221,.6)} .lx-memb-amt{position:relative;z-index:2;font-family:var(--lx-num);font-weight:800;font-size:40px;line-height:1.05;letter-spacing:-.01em;margin-top:6px;font-variant-numeric:tabular-nums; background:linear-gradient(176deg,#FEF8EA,var(--lx-gold) 60%,var(--lx-gold-deep));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 10px rgba(233,196,106,.35))} .lx-memb-amt .cur{font-size:22px;vertical-align:top;line-height:1.6;-webkit-text-fill-color:var(--lx-gold);opacity:.75} .lx-memb-foot{display:flex;justify-content:space-between;align-items:flex-end;position:relative;z-index:2;margin-top:18px} .lx-memb-no{font-family:var(--lx-num);font-size:13px;letter-spacing:.22em;color:rgba(240,235,221,.72)} .lx-memb-acts{display:flex;gap:9px} .lx-memb-acts button{height:38px;padding:0 18px;border-radius:11px;font-size:13px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:5px;border:0} .lx-memb-acts .lx-ic{font-size:14px} .lx-memb-acts .g{color:var(--lx-gold-ink);background:linear-gradient(120deg,var(--lx-gold-hi),var(--lx-gold-deep));box-shadow:0 12px 26px -12px rgba(233,196,106,.7)} .lx-memb-acts .ghost{background:rgba(0,0,0,.25);border:1px solid var(--lx-line-strong);color:var(--lx-gold)} .lx-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px} .lx-metric{border-radius:15px;padding:15px 8px;text-align:center;background:linear-gradient(180deg,rgba(24,31,45,.7),rgba(12,17,25,.6));border:1px solid var(--lx-line)} .lx-metric .v{font-family:var(--lx-num);font-weight:800;font-size:19px;color:var(--lx-gold);font-variant-numeric:tabular-nums} .lx-metric .v.g{color:var(--lx-emerald-hi);font-size:15px} .lx-metric .l{font-size:10.5px;color:var(--lx-muted);margin-top:6px} .lx-qa-scroll{display:flex;gap:10px;overflow-x:auto;padding:2px 16px 6px;scrollbar-width:none;margin:0 -16px 16px} .lx-qa-scroll::-webkit-scrollbar{display:none} .lx-qa{flex:0 0 auto;width:72px;text-align:center} .lx-qa .lx-tile{width:62px;height:62px;border-radius:20px;font-size:25px;margin:0 auto 8px;position:relative} .lx-qa .lx-tile .dot{position:absolute;top:11px;right:13px;width:8px;height:8px;border-radius:50%;background:var(--lx-risk);box-shadow:0 0 8px var(--lx-risk)} .lx-qa .lb{font-size:11px;color:#CBC5B8} .lx-invite{position:relative;overflow:hidden;border-radius:20px;padding:18px;margin-bottom:14px; background:radial-gradient(300px 160px at 100% 0,rgba(233,196,106,.15),transparent 60%),linear-gradient(180deg,rgba(24,31,45,.8),rgba(12,17,25,.8));border:1px solid var(--lx-line-strong)} .lx-invite-h{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#F1EAD8} .lx-invite-h .lx-ic{font-size:18px;color:var(--lx-gold)} .lx-invite-h .code{margin-left:auto;font-family:var(--lx-num);font-size:12.5px;color:var(--lx-gold);letter-spacing:.24em;border:1px dashed var(--lx-line-strong);border-radius:8px;padding:4px 11px} .lx-invite-link{display:flex;align-items:center;gap:8px;margin-top:13px;background:rgba(6,9,14,.6);border:1px solid var(--lx-line);border-radius:12px;padding:6px 6px 6px 13px} .lx-invite-link span{flex:1;font-family:var(--lx-num);font-size:11px;color:var(--lx-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .lx-invite-link button{border:0;border-radius:9px;padding:8px 15px;font-size:12px;font-weight:700;color:var(--lx-gold-ink);background:linear-gradient(120deg,var(--lx-gold-hi),var(--lx-gold-deep));cursor:pointer} .lx-invite-tip{font-size:11px;color:var(--lx-emerald-hi);margin-top:12px;line-height:1.55} .lx-accord{border-radius:18px;border:1px solid var(--lx-line);background:var(--lx-panel-2);overflow:hidden;margin-bottom:14px} .lx-accord .q{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#EDE7D8;padding:15px 16px;border-bottom:1px solid var(--lx-line-2);cursor:pointer} .lx-accord .q:last-child{border:0} .lx-accord .q .ar{color:var(--lx-gold);opacity:.65;font-size:11px;transition:transform .2s} .lx-accord .q.open .ar{transform:rotate(180deg)} .lx-accord .a{font-size:12px;color:var(--lx-muted);line-height:1.65;padding:0 16px 15px} /* user avatar header (logged) */ .lx-profile{display:flex;align-items:center;gap:14px;padding:6px 2px 14px} .lx-profile .av{width:58px;height:58px;border-radius:50%;object-fit:cover;border:2px solid var(--lx-line-strong);box-shadow:0 0 20px -6px rgba(233,196,106,.6)} .lx-profile .nm{font-size:17px;font-weight:600;color:#F3ECDC} .lx-profile .ph{font-size:12px;color:var(--lx-muted);margin-top:4px;font-family:var(--lx-num);letter-spacing:.04em} .lx-profile .edit{margin-left:auto;font-size:12px;color:var(--lx-gold);border:1px solid var(--lx-line-strong);border-radius:999px;padding:6px 13px;display:inline-flex;align-items:center;gap:5px} /* ============================================================ tabbar (bottom, fixed) ============================================================ */ .lx-tabbar{position:fixed;left:0;right:0;bottom:0;height:var(--lx-tab-h);display:flex;z-index:50;max-width:520px;margin:0 auto; background:linear-gradient(180deg,rgba(9,12,18,.4),rgba(6,8,13,.97));border-top:1px solid var(--lx-line);backdrop-filter:blur(16px)} .lx-tabbar .tb{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:10.5px;color:var(--lx-muted-2);position:relative;cursor:pointer} .lx-tabbar .tb .i{font-size:21px;color:var(--lx-muted-2)} .lx-tabbar .tb.on{color:var(--lx-gold)} .lx-tabbar .tb.on .i{color:var(--lx-gold);filter:drop-shadow(0 0 8px rgba(233,196,106,.5))} .lx-tabbar .tb.on::before{content:"";position:absolute;top:0;width:34px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--lx-gold),transparent);box-shadow:0 0 10px var(--lx-gold)} /* ============================================================ popup (login / register / generic) — works with layer or standalone ============================================================ */ .lx-pop{background:linear-gradient(180deg,#141a24,#0c1017);border:1px solid var(--lx-line-strong);border-radius:20px;padding:22px 20px;color:var(--lx-ink);width:100%;box-shadow:0 30px 70px -30px #000} .lx-pop-t{font-size:18px;font-weight:700;color:#F3ECDC;text-align:center;margin-bottom:4px;font-family:var(--lx-serif);letter-spacing:.02em} .lx-pop-s{font-size:12px;color:var(--lx-muted);text-align:center;margin-bottom:18px} .lx-pop .lx-field:last-of-type{margin-bottom:16px} .lx-pop-switch{text-align:center;font-size:12.5px;color:var(--lx-muted);margin-top:14px} .lx-pop-switch a{color:var(--lx-gold)} /* ============================================================ coexistence guards + auth popup reskin (user/index) ============================================================ */ .lx-page{color:var(--lx-ink) !important} .login-pop .login-model-content,.register-pop .login-model-content,.forget-pop .login-model-content{ background:linear-gradient(180deg,#141a24,#0c1017) !important;border:1px solid rgba(233,196,106,.34) !important;border-radius:20px !important;box-shadow:0 30px 70px -30px #000 !important} .auth-pop-title{color:#F3ECDC !important;font-family:var(--lx-serif) !important;letter-spacing:.04em;font-weight:700 !important} .login_input{background:rgba(6,9,14,.7) !important;border:1px solid rgba(233,196,106,.28) !important;color:#F0EBDD !important;border-radius:12px !important} .login_input::placeholder{color:#565F6E !important} .login_btn{background:linear-gradient(120deg,#F7E0A6,#C79A44) !important;color:#20160A !important;border:0 !important;border-radius:12px !important;font-weight:700 !important} .login_btn2{background:rgba(233,196,106,.06) !important;color:#E9C46A !important;border:1px solid rgba(233,196,106,.28) !important;border-radius:12px !important} .auth-close{color:#8A93A2 !important} #btn_get_code,#btn_get_code_reg,#btn_get_code_forget,#btn_forget_pwd{color:#E9C46A !important} /* ============================================================ record lists (buy / invest / settle / fundflow) ============================================================ */ .lx-status{font-size:10.5px;padding:3px 10px;border-radius:999px;white-space:nowrap} .lx-status.live{color:var(--lx-emerald-hi);background:rgba(42,157,143,.14);border:1px solid rgba(62,217,182,.3)} .lx-status.end{color:var(--lx-muted);background:rgba(255,255,255,.03);border:1px solid var(--lx-line)} .lx-rec{border:1px solid var(--lx-line);border-radius:16px;background:var(--lx-panel-2);padding:15px;margin-bottom:12px} .lx-rec-top{display:flex;align-items:center;justify-content:space-between;gap:8px} .lx-rec-name{font-size:14.5px;font-weight:600;color:#F1EAD8} .lx-rec-mid{display:flex;justify-content:space-between;align-items:center;margin-top:9px;font-size:12px;color:var(--lx-muted)} .lx-rec-mid .hl{color:var(--lx-gold);font-weight:700;font-family:var(--lx-num);font-variant-numeric:tabular-nums} .lx-rec-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px} .lx-rec-stat{background:rgba(6,9,14,.4);border:1px solid var(--lx-line-2);border-radius:11px;padding:11px 12px;text-align:center} .lx-rec-stat .k{font-size:10.5px;color:var(--lx-muted-2)} .lx-rec-stat .v{font-family:var(--lx-num);font-weight:700;font-size:15px;margin-top:5px;font-variant-numeric:tabular-nums;color:#EFE8D6} .lx-rec-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px;padding-top:12px;border-top:1px solid var(--lx-line-2)} .lx-link{color:var(--lx-gold);font-size:12.5px;display:inline-flex;align-items:center;gap:5px} .lx-btn-danger{background:rgba(231,111,81,.12);border:1px solid rgba(231,111,81,.4);color:var(--lx-risk);border-radius:9px;padding:8px 18px;font-size:12.5px;font-weight:600;cursor:pointer} .lx-endtime{font-size:11.5px;color:var(--lx-muted-2)} .u-amt-plus{color:var(--lx-emerald-hi) !important} .u-amt-minus{color:var(--lx-risk) !important} .lx-flow{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;border-bottom:1px solid var(--lx-line-2)} .lx-flow .t{font-size:14px;color:#EEE7D6} .lx-flow .tm{font-size:11px;color:var(--lx-muted-2);margin-top:4px;font-family:var(--lx-num)} .lx-flow .amt{font-family:var(--lx-num);font-weight:800;font-size:17px;font-variant-numeric:tabular-nums} .lx-settle{border:1px solid var(--lx-line);border-radius:14px;background:var(--lx-panel-2);padding:14px 15px;margin-bottom:10px} .lx-settle .r{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#D8D2C4;margin-bottom:8px} .lx-settle .r .v{font-family:var(--lx-num);font-weight:700;color:var(--lx-gold);font-variant-numeric:tabular-nums} .lx-settle .tm{font-size:11px;color:var(--lx-muted-2);text-align:right;font-family:var(--lx-num)} /* recharge / withdraw specifics */ .lx-qr-card{border:1px solid var(--lx-line-strong);border-radius:20px;padding:20px;text-align:center;margin-bottom:14px; background:radial-gradient(320px 180px at 50% -10%,rgba(233,196,106,.14),transparent 60%),linear-gradient(180deg,rgba(24,31,45,.8),rgba(12,17,25,.8))} .lx-qr-card .head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px} .lx-qr-card .coin{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#F1EAD8} .lx-qr-card .coin .lx-ic{color:var(--lx-gold);font-size:20px} .lx-qr-card .help{font-size:11.5px;color:var(--lx-gold)} .lx-qr-box{width:190px;height:190px;margin:0 auto 14px;padding:10px;border-radius:16px;background:#fff;display:grid;place-items:center} .lx-qr-box img,.lx-qr-box canvas{display:block} .lx-addr-lbl{font-size:11.5px;color:var(--lx-muted);margin-bottom:8px} .lx-addr{font-family:var(--lx-num);font-size:13px;color:var(--lx-gold);word-break:break-all;line-height:1.5;padding:12px;border-radius:12px;background:rgba(6,9,14,.6);border:1px dashed var(--lx-line-strong);margin-bottom:14px} .lx-tips-box{border-radius:14px;border:1px solid var(--lx-line);background:var(--lx-panel-2);padding:14px 15px} .lx-tip{display:flex;gap:9px;font-size:11.5px;color:var(--lx-muted);line-height:1.55;margin-bottom:10px} .lx-tip:last-child{margin-bottom:0} .lx-tip .lx-ic{color:var(--lx-gold);flex:0 0 auto;font-size:14px;margin-top:1px} .lx-usable{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:14px;margin-bottom:14px; background:linear-gradient(90deg,rgba(233,196,106,.1),transparent);border:1px solid var(--lx-line)} .lx-usable .k{font-size:12px;color:var(--lx-muted)} .lx-usable .v{font-family:var(--lx-num);font-weight:800;font-size:20px;color:var(--lx-gold);font-variant-numeric:tabular-nums} .lx-select{display:flex;align-items:center;justify-content:space-between;background:rgba(6,9,14,.7);border:1px solid var(--lx-line-strong);border-radius:13px;padding:14px;font-size:13.5px;color:#EEE7D6;cursor:pointer} .lx-select .arrow{color:var(--lx-muted-2)} /* rich text (doc / notice content) + pager */ .lx-richtext img{max-width:100%;height:auto;border-radius:10px} .lx-richtext p{margin:0 0 12px;line-height:1.9} .lx-richtext a{color:var(--lx-gold)} .lx-richtext h1,.lx-richtext h2,.lx-richtext h3{color:#F3ECDC} .lx-richtext table{max-width:100%;border-collapse:collapse} .lx-richtext td,.lx-richtext th{border:1px solid var(--lx-line);padding:6px 10px} .lx-pager{display:flex;justify-content:center;gap:6px;flex-wrap:wrap} .lx-pager a,.lx-pager span{display:inline-block;min-width:32px;text-align:center;padding:6px 10px;border-radius:9px;border:1px solid var(--lx-line);color:var(--lx-muted);font-size:13px;text-decoration:none} .lx-pager a{color:var(--lx-gold)} .lx-pager .active span,.lx-pager span.current{background:rgba(233,196,106,.12);border-color:var(--lx-line-strong);color:var(--lx-gold)} /* keep lottery ball grids readable on dark (view / view_detail rely on index.css, add fallbacks) */ .view-bet-grid,.detail-bet-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px} .view-bet-item,.detail-bet-item{display:flex;flex-direction:column;align-items:center;gap:4px} .view-bet-amt,.detail-bet-amt{font-size:10px;color:var(--lx-muted);font-family:var(--lx-num)} .view-open-row{display:flex;flex-wrap:wrap;gap:8px} /* lottery ball colors — self-contained (index.css scopes them under .view-latest/.detail-card which lx- layout drops) */ .view-ball.ball_red{background:#fc5156 !important} .view-ball.ball_blue{background:#4fb0df !important} .view-ball.ball_green{background:#6dbd4b !important} .view-ball-open:not(.ball_red):not(.ball_blue):not(.ball_green){background:rgba(255,255,255,.10) !important} /* language switcher (injected by i18n.js) — top-right dropdown */ #lxLang{position:relative;z-index:61;flex:0 0 auto;font-family:var(--lx-sans)} #lxLang.in-top{margin-left:8px} #lxLang.in-nav{margin-left:auto} #lxLang.floating{position:fixed;right:12px;top:10px} #lxLangBtn{display:inline-flex;align-items:center;gap:5px;background:rgba(233,196,106,.08);border:1px solid var(--lx-line-strong);color:var(--lx-gold);border-radius:999px;padding:5px 10px 5px 9px;font-size:12px;font-weight:700;cursor:pointer;line-height:1;font-family:inherit} #lxLangBtn svg{opacity:.9} #lxLangMenu{position:absolute;top:calc(100% + 6px);right:0;min-width:150px;max-height:min(70vh,420px);overflow-y:auto;background:#141a24;border:1px solid var(--lx-line-strong);border-radius:12px;padding:5px;display:none;box-shadow:0 22px 55px -18px #000;-webkit-overflow-scrolling:touch} #lxLangMenu.open{display:block} #lxLangMenu a{display:block;padding:9px 12px;font-size:13px;color:var(--lx-ink);border-radius:8px;cursor:pointer;white-space:nowrap} #lxLangMenu a.on{color:var(--lx-gold);background:rgba(233,196,106,.10)} #lxLangMenu a:active{background:rgba(233,196,106,.14)} /* ============================================================ horizontal-overflow safeguards (v6) ============================================================ */ html{overflow-x:hidden} .lx-page{overflow-x:hidden;max-width:100%} .lx-main{max-width:520px;width:100%} .lx-main > *{max-width:100%} /* grids: minmax(0,..) so tracks can shrink below content, preventing overflow */ .lx-metrics{grid-template-columns:repeat(3,minmax(0,1fr))} .lx-adv{grid-template-columns:repeat(3,minmax(0,1fr))} .lx-compare{grid-template-columns:minmax(0,1fr) minmax(0,1fr)} .lx-podium{grid-template-columns:minmax(0,1fr) minmax(0,1.14fr) minmax(0,1fr)} .lx-table .th,.lx-table .tr{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)} .lx-dossier .dg,.lx-hero-meta{min-width:0} /* flex/grid children must be allowed to shrink */ .lx-metric,.lx-adv .a,.lx-col,.lx-pod,.lx-rec-stat,.lx-metric .v,.lx-metric .l,.lx-row .r-main,.lx-rec-name,.lx-invite-link span,.lx-ticker .u{min-width:0} .lx-metric{overflow:hidden} .lx-metric .v{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .lx-metric .l{white-space:normal;word-break:break-word} /* membership header: keep tier on one line, let brand ellipsis */ .lx-memb-top{gap:8px;min-width:0} .lx-memb-tier{white-space:nowrap;flex:0 0 auto} .lx-memb-brand{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0} .lx-memb-foot{gap:8px} .lx-memb-acts{flex:0 0 auto} /* language switcher must never widen the bar */ #lxLang{flex:0 0 auto;min-width:0} .lx-top{flex-wrap:nowrap;overflow:visible} .lx-brand{min-width:0;flex:0 1 auto;overflow:hidden} .lx-brand .wm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0} .lx-top .sp{flex:1 1 auto;min-width:0} /* basic RTL (Arabic) — text direction; layout mostly mirrors via dir=rtl */ [dir="rtl"] .lx-main,[dir="rtl"] .lx-card,[dir="rtl"] .lx-row,[dir="rtl"] .lx-memb{text-align:right} [dir="rtl"] .lx-nav .ttl{transform:translateX(50%)} [dir="rtl"] .lx-btn .lx-ic,[dir="rtl"] .lx-row .r-arrow{transform:scaleX(-1)} /* ============================================================ navbar fix: title uses flex (not absolute) so it never overlaps the right-side action link / language switcher ============================================================ */ .lx-nav{gap:8px} /* 标题绝对居中于整个导航条（真正的页面水平居中，不受左返回键/右操作键宽度影响）； max-width + 省略号 + pointer-events:none 保证与右侧操作按钮不重叠、不遮挡点击 */ .lx-nav .ttl{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%); max-width:58%;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0;pointer-events:none} .lx-nav .back{flex:0 0 auto;position:relative;z-index:2} .lx-nav .act{margin-left:auto;flex:0 0 auto;white-space:nowrap;position:relative;z-index:2} #lxLang.in-nav{margin-left:auto;flex:0 0 auto;position:relative;z-index:2} [dir="rtl"] .lx-nav .ttl{transform:translate(-50%,-50%)} /* ============================================================ polish pass — micro-interactions / focus / details (additive, safe) ============================================================ */ .lx-page ::selection{background:rgba(233,196,106,.28);color:#fff} .lx-page ::-moz-selection{background:rgba(233,196,106,.28);color:#fff} /* smooth state transitions on interactive elements */ .lx-btn,.lx-btn-ghost,.lx-chip,.lx-row,.lx-metric,.lx-pod,.lx-tabs a,.lx-tabs .t,.lx-tabbar .tb, .lx-input,.lx-amt-field,.amount-field,.lx-memb-acts button,.suffix-btn,.lx-more,.lx-link, .lx-dossier .df,.lx-plan .pf,.lx-accord .q,.lx-qa .lx-tile,#lxLangBtn,#lxLangMenu a, .lx-nav .back,.lx-invite-link button,.quickset span,.lx-amt-field .st,.amount-field .st,.lx-qa{ transition:transform .12s ease,background-color .18s ease,border-color .18s ease,box-shadow .2s ease,color .16s ease,filter .18s ease} /* pressed / tap feedback */ .lx-btn:active,.suffix-btn:active,.lx-invite-link button:active,.lx-memb-acts .g:active{transform:translateY(1px);filter:brightness(1.05)} .lx-btn-ghost:active,.lx-memb-acts .ghost:active,.lx-chip:active,#lxLangBtn:active,.lx-nav .back:active,.quickset span:active,.lx-amt-field .st:active,.amount-field .st:active{background:rgba(233,196,106,.16)} .lx-row:active,.lx-accord .q:active,.lx-dossier .df:active,.lx-plan .pf:active,.lx-more:active,.lx-tabs .t:active,.lx-tabs a:active,#lxLangMenu a:active{background:rgba(233,196,106,.07)} .lx-qa:active .lx-tile{transform:scale(.94)} .lx-metric:active,.lx-pod:active{transform:scale(.98)} .lx-tabbar .tb:active .i{transform:scale(.86)} /* input focus glow —— 柔和金边+弥散柔光，避免满饱和实线刺眼 */ .lx-input,.lx-amt-field,.amount-field{transition:border-color .22s ease,box-shadow .22s ease,background-color .22s ease} .lx-input:focus-within,.lx-amt-field:focus-within,.amount-field:focus-within{ border-color:rgba(233,196,106,.55); background:rgba(233,196,106,.04); box-shadow:0 0 0 3px rgba(233,196,106,.07),0 10px 26px -16px rgba(233,196,106,.45); } .lx-input:focus-within .pre,.lx-input:focus-within .lx-ic{color:var(--lx-gold)} /* 去掉内层输入框的方角点按高亮/默认聚焦框，只保留外层圆角金边 */ input,textarea,select,button,a,label,.lx-input,.lx-field,.lx-amt-field,.amount-field{-webkit-tap-highlight-color:transparent} .lx-input input,.lx-input textarea,.lx-input select, .lx-input input:focus,.lx-input textarea:focus,.lx-input select:focus, .amount-field input:focus,.lx-amt-field input:focus{outline:0 !important;box-shadow:none !important;background:transparent !important;-webkit-appearance:none;appearance:none;border-radius:0} /* accessible keyboard focus —— 只有按钮/链接需要方框；输入框统一用外层 .lx-input 的圆角金边做聚焦提示，内层 input 不再画方形 outline */ .lx-page a:focus-visible,.lx-page button:focus-visible{outline:2px solid var(--lx-gold);outline-offset:2px} .lx-page input:focus,.lx-page input:focus-visible,.lx-page textarea:focus,.lx-page textarea:focus-visible,.lx-page select:focus,.lx-page select:focus-visible{outline:none !important;box-shadow:none} .lx-page :focus:not(:focus-visible){outline:none} /* quick actions: snap scroll */ .lx-qa-scroll{scroll-snap-type:x proximity;scroll-padding-left:16px} .lx-qa{scroll-snap-align:start} /* thin gold scrollbar in language menu */ #lxLangMenu{scrollbar-width:thin;scrollbar-color:rgba(233,196,106,.3) transparent} #lxLangMenu::-webkit-scrollbar{width:6px} #lxLangMenu::-webkit-scrollbar-thumb{background:rgba(233,196,106,.28);border-radius:6px} /* "load more" → centered gold pill */ .lx-more{display:table;margin:8px auto 4px;padding:9px 22px;border:1px solid var(--lx-line);border-radius:999px;color:var(--lx-gold);background:rgba(233,196,106,.05);font-size:12.5px} /* unified card depth */ .lx-card,.lx-list,.lx-vault,.lx-dossier,.lx-plan,.lx-ticker,.lx-table,.lx-accord,.lx-invite{box-shadow:0 20px 44px -30px rgba(0,0,0,.9)} /* iOS safe-area for fixed tabbar */ .lx-tabbar{height:calc(var(--lx-tab-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px)} .lx-main.has-tab{padding-bottom:calc(var(--lx-tab-h) + 30px + env(safe-area-inset-bottom,0px))} /* ============================================================ design refinement v2 — typography scale, spacing rhythm, air ============================================================ */ :root{ --lx-muted-2:#707A88; } /* brighter small meta text for readability */ /* comfortable body reading rhythm on text blocks */ .lx-card,.lx-note,.lx-invite-tip,.lx-bullet,.lx-richtext,.accord .a,.lx-accord .a,.lx-dossier .df{line-height:1.7} .lx-richtext p{line-height:1.85;margin:0 0 14px} /* section eyebrow — cleaner, airier */ .lx-eyebrow{margin:26px 2px 15px;gap:11px} .lx-eyebrow .no{font-size:15px;opacity:.9} .lx-eyebrow .tt{font-size:13px;font-weight:600;letter-spacing:.08em} /* form labels — quiet, spaced */ .lx-field > label{font-size:11.5px;letter-spacing:.06em;color:#9AA2B0;margin:0 2px 9px;text-transform:none} /* consistent card rhythm + a touch more air */ .lx-card,.lx-list,.lx-vault,.lx-dossier,.lx-plan,.lx-ticker,.lx-table,.lx-accord,.lx-invite,.lx-memb,.lx-metrics,.lx-compare,.lx-podium,.lx-adv,.lx-qa-scroll{margin-bottom:16px} .lx-card{padding:17px} .lx-eyebrow + .lx-card,.lx-eyebrow + .lx-list,.lx-eyebrow + .lx-vault,.lx-eyebrow + .lx-compare,.lx-eyebrow + .lx-metrics{margin-top:0} /* inputs & primary buttons — slightly more generous, premium */ .lx-input{height:52px;border-radius:14px} .lx-btn{height:52px;border-radius:14px;letter-spacing:.05em} /* list rows — comfortable tap rhythm */ .lx-row{padding:16px} .lx-row .r-t{font-size:14px;letter-spacing:.01em} .lx-row .r-s{font-size:11.5px;line-height:1.5} /* numerics — tighter, crisper premium feel */ .lx-hero-num,.lx-memb-amt,.lx-metric .v,.lx-rec-stat .v,.lx-projected .v,.lx-fig,.lx-pod .am,.lx-row .r-amt{letter-spacing:-.015em} /* membership card — refine label + number spacing */ .lx-memb-lbl{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;opacity:.65} .lx-memb-amt{margin-top:7px} /* uppercase micro-labels get consistent tracking */ .lx-metric .l,.lx-hero-meta .k,.lx-rec-stat .k,.lx-qa .lb,.lx-adv .d,.lx-adv .n{letter-spacing:.02em} /* hero — a bit more presence */ .lx-hero{padding:22px 20px 10px} /* eyebrow "了解更多" action — align nicely */ .lx-eyebrow .rt{margin-left:auto} /* ============================================================ main-3 redesign components (trust chips / rank list / strategy hero) ============================================================ */ .lx-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px} .lx-trust .t{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;border-radius:13px;background:rgba(233,196,106,.05);border:1px solid var(--lx-line)} .lx-trust .t .lx-ic{font-size:18px;color:var(--lx-gold)} .lx-trust .t span{font-size:10px;color:#CBC5B8;text-align:center;line-height:1.4} .lx-trust .t b{display:block;color:#EEE7D6;font-weight:600;font-size:11px;margin-bottom:1px} .lx-rlist{border-radius:14px;border:1px solid var(--lx-line);overflow:hidden;background:var(--lx-panel-2);margin-bottom:16px} .lx-rlist .rr{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--lx-line-2);font-size:12px} .lx-rlist .rr:last-child{border-bottom:0} .lx-rlist .rr .n{color:var(--lx-gold-deep);font-weight:700;font-family:var(--lx-num)} .lx-rlist .rr .u{color:#D6D0C3;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .lx-rlist .rr .am{color:var(--lx-gold);font-weight:600;font-family:var(--lx-num);text-align:right} .lx-shero{position:relative;border-radius:22px;overflow:hidden;padding:20px;margin-bottom:16px;background:linear-gradient(180deg,rgba(25,33,47,.9),rgba(11,16,24,.9));border:1px solid var(--lx-line-strong)} .lx-shero::before{content:"";position:absolute;inset:0;background:radial-gradient(320px 160px at 12% -10%,rgba(233,196,106,.16),transparent 60%);pointer-events:none} .lx-shero .eyb2{font-size:12px;color:var(--lx-gold);display:flex;align-items:center;gap:6px;position:relative;z-index:2} .lx-shero h2{font-family:var(--lx-serif);font-size:22px;font-weight:600;color:#F4EAD2;margin:8px 0 14px;position:relative;z-index:2} .lx-shero .sstats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;position:relative;z-index:2} .lx-shero .sstats .s{text-align:center;position:relative} .lx-shero .sstats .s + .s::before{content:"";position:absolute;left:0;top:12%;height:64%;width:1px;background:var(--lx-line)} .lx-shero .sstats .v{font-family:var(--lx-num);font-weight:800;font-size:21px;color:var(--lx-gold);letter-spacing:-.01em} .lx-shero .sstats .v.g{color:var(--lx-emerald-hi)} .lx-shero .sstats .k{font-size:10px;color:var(--lx-muted-2);margin-top:5px}