/* member-v3.css — 会员中心美化(叠加在 member.html 内联样式之上) */
.wrap{max-width:1600px;padding:2rem 2rem 4.5rem}
.layout{grid-template-columns:minmax(0,1fr) 400px;gap:1.6rem}
.card{border-radius:22px;box-shadow:0 1px 2px rgba(46,57,39,.05),0 18px 44px -18px rgba(46,57,39,.16)}
body::before{background:radial-gradient(1100px 520px at 88% -8%,rgba(104,124,90,.16),transparent 60%),radial-gradient(900px 520px at -8% 18%,rgba(181,107,86,.10),transparent 55%),radial-gradient(700px 400px at 50% 110%,rgba(184,149,69,.08),transparent 60%)}

/* 页头 */
.hdr{padding:.2rem 0 1.1rem;margin-bottom:1.6rem;border-bottom:1px solid var(--line)}
.hdr h1{font-size:1.9rem !important;letter-spacing:-.01em}

/* 会员状态 hero */
.status-hero{position:relative;overflow:hidden;color:var(--cream-50);padding:2.1rem 2.2rem 1.4rem;
  background:radial-gradient(520px 260px at 92% 0%,rgba(217,180,92,.28),transparent 65%),radial-gradient(420px 260px at 70% 110%,rgba(181,107,86,.38),transparent 65%),linear-gradient(125deg,#1f2a1a 0%,#2e3927 45%,#4a5e3d 100%)}
.status-hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.2px);background-size:18px 18px;mask-image:linear-gradient(100deg,transparent 30%,#000);-webkit-mask-image:linear-gradient(100deg,transparent 30%,#000);pointer-events:none}
.status-hero>*{position:relative}
.status-hero h2{font-size:1.75rem !important}
.status-grid{gap:2.6rem;align-items:flex-start}
#expires,#tokenText{font-size:1.35rem !important;font-weight:600 !important}
.status-tokenbox{min-width:260px}
.hero-qa{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.6rem;padding-top:1.1rem;border-top:1px solid rgba(255,255,255,.14)}
.hero-qa a{color:#f6f2e8;text-decoration:none;font-size:.84rem;font-weight:500;padding:.42rem .95rem;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.07);transition:.18s}
.hero-qa a:hover{background:rgba(255,255,255,.2);transform:translateY(-1px)}

/* 工具区 */
.sec-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.1rem}
.sec-hd h2{font-size:1.45rem;font-weight:600;color:var(--sage-800);margin:0}
.sec-hd p{font-size:.85rem;color:#8a927f;margin:.2rem 0 0}
.tool-search{width:240px;padding:.55rem .9rem;border-radius:999px;font-size:14px;background:#f7f9f5}
.tgroup{margin-top:1.4rem}
.tgroup:first-of-type{margin-top:.4rem}
.tg-t{display:flex;align-items:baseline;gap:.7rem;margin-bottom:.7rem;padding-left:.75rem;position:relative}
.tg-t::before{content:"";position:absolute;left:0;top:.2rem;bottom:.2rem;width:3px;border-radius:2px;background:var(--acc)}
.tg-t b{font-size:.95rem;color:var(--sage-800)}
.tg-t span{font-size:.78rem;color:#9aa18f}
.c1{--acc:#556748;--acc-bg:#e9ede4}
.c2{--acc:#b8860b;--acc-bg:#fbf0d4}
.c3{--acc:#2f7f86;--acc-bg:#dff1f1}
.c4{--acc:#b56b56;--acc-bg:#f7e6e0}
.tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}
.tool{position:relative;padding:1.1rem 1.15rem;border-radius:16px;overflow:hidden}
.tool::after{content:"→";position:absolute;right:1rem;top:50%;transform:translate(-6px,-50%);opacity:0;color:var(--acc);font-weight:700;transition:.2s}
.tool:hover::after{opacity:1;transform:translate(0,-50%)}
.tool:hover{border-color:var(--acc);background:#fff;box-shadow:0 14px 30px -14px rgba(46,57,39,.28)}
.tool .ic{width:46px;height:46px;border-radius:13px;background:var(--acc-bg);color:var(--acc);transition:.2s}
.tool:hover .ic{background:var(--acc);color:#fff;transform:rotate(-4deg) scale(1.05)}
.tool .tx{min-width:0}
.tool .tt{display:flex;align-items:center;gap:.4rem;font-size:.96rem}
.tool .ts{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tg{font-style:normal;font-size:.62rem;font-weight:700;line-height:1;padding:.2rem .42rem;border-radius:99px;background:var(--terra-500);color:#fff;letter-spacing:.04em}
.tool-empty{text-align:center;color:#8a927f;padding:2rem 0}

/* 用量卡 / 其它卡片 */
#usageCard h2{font-size:1.3rem !important}
#usageCard>div:first-of-type{display:grid !important;grid-template-columns:repeat(3,1fr);gap:.8rem !important}
.col-side .card h2{font-size:1.15rem !important}

@media(max-width:1280px){.tools{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1024px){.layout{grid-template-columns:minmax(0,1fr) 360px}}
@media(max-width:820px){.layout{grid-template-columns:1fr}.status-hero{padding:1.6rem 1.4rem 1.2rem}}
@media(max-width:640px){.wrap{padding:1.1rem 1rem 2.5rem}.tools{grid-template-columns:1fr}.tool-search{width:100%}.status-grid{gap:1.4rem}.status-tokenbox{min-width:0}}

/* ===== 修正 v3.1:配色对齐全站深绿/玉色/琥珀,修复快捷入口与右栏 ===== */
.c1{--acc:#1f7d5d;--acc-bg:#e1f3ea}
.c2{--acc:#c07f1f;--acc-bg:#fbf0d6}
.c3{--acc:#2f7f9a;--acc-bg:#e0f0f5}
.c4{--acc:#5b6d9a;--acc-bg:#e6eaf6}
.status-hero{background:radial-gradient(560px 280px at 92% -10%,rgba(217,164,65,.26),transparent 62%),radial-gradient(620px 300px at 70% 120%,rgba(47,191,144,.28),transparent 62%),linear-gradient(150deg,#09110d,#12281f 62%,#17382c)!important;border-radius:22px!important}
#adminEntry .btn{background:#f5f8f5!important;color:#12281f!important;box-shadow:0 10px 24px -12px rgba(0,0,0,.5)!important}
#adminEntry .btn:hover{background:#fff!important}
.status-hero .badge{font-size:.8rem;padding:.4rem .85rem}
#tokenBar{background:linear-gradient(90deg,#2fbf90,#d9a441)!important}
#tokenBox>div:nth-child(3){background:rgba(255,255,255,.14)!important}
#grantText{color:#f3d489!important}
#rechargedText{color:rgba(234,245,239,.8)!important}
.tg{background:linear-gradient(135deg,#d9a441,#c07f1f)}
.tool .ic{background:var(--acc-bg)}

/* 右栏 */
.col-side .card-pad{padding:1.5rem 1.6rem}
.col-side .card h2{display:inline-block;position:relative;padding-left:.7rem}
.col-side .card h2::before{content:"";position:absolute;left:0;top:.2rem;bottom:.2rem;width:3px;border-radius:2px;background:linear-gradient(180deg,#2fbf90,#d9a441)}
.col-side .card .flex.items-center svg{display:none}
#historyBox>div{max-height:300px;scrollbar-width:thin;scrollbar-color:#c7dbd0 transparent;border:1px solid var(--line);border-radius:12px}
#historyBox table{table-layout:auto}
#historyBox th{background:#f3f7f4;padding:.55rem .7rem !important;font-size:.7rem;position:sticky;top:0}
#historyBox td{padding:.6rem .7rem !important;white-space:nowrap;font-size:.8rem}
#historyBox td:last-child,#historyBox th:last-child{text-align:right;padding-right:.9rem !important}
#historyBox tr:hover td{background:#f8fbf9}
#csList>div{border-radius:12px !important;background:#f8fbf9 !important}
#pkgList>*{border-radius:14px}
.col-side{top:1.5rem}