@font-face{font-family:Inter;src:local("Inter"), local("Noto Sans SC");}
:root{
  --pri-1:#0073ba; --pri-2:#7b2ff7;
  --bg:#f5f7fa; --text:#1f2937; --muted:#6b7280;
}
html,body{font-family:Inter,"Noto Sans SC",system-ui,-apple-system,Segoe UI,Arial;
  color:var(--text); background:var(--bg);}

/* LOGO 渐变文字 */
.logo{
  font-size:28px;font-weight:800;letter-spacing:.4px;margin:0;display:inline-block;
  background:linear-gradient(135deg,var(--pri-1),var(--pri-2));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
}

/* 主按钮/次按钮 */
.btn-primary{
  background:linear-gradient(135deg,var(--pri-1),var(--pri-2));color:#fff;border:0;
  border-radius:12px;padding:12px 20px;font-weight:700;display:inline-block;
  transition:all .25s ease;box-shadow:0 6px 14px rgba(0,0,0,.12);}
.btn-primary:hover{transform:translateY(-2px);filter:saturate(1.05);}

.btn-outline{
  border:2px solid var(--pri-1);color:var(--pri-1);background:#fff;border-radius:12px;
  padding:10px 18px;font-weight:700;display:inline-block;transition:all .25s ease;}
.btn-outline:hover{border-color:var(--pri-2);color:var(--pri-2);}

/* 卡片 & 价格徽标 */
.card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 8px 24px rgba(0,0,0,.08);}
.card .price{font-size:28px;font-weight:800;margin:6px 0;color:var(--pri-1);}
.card .badge{background:linear-gradient(135deg,var(--pri-1),var(--pri-2));color:#fff;border-radius:999px;
  padding:4px 10px;font-size:12px;font-weight:700}

/* 首页 Hero */
.hero{
  border-radius:24px;padding:48px 24px;margin:16px 0 28px;color:#fff;
  background:radial-gradient(1200px 400px at 20% -10%, rgba(123,47,247,.25), transparent 60%),
             radial-gradient(1000px 380px at 90% -20%, rgba(0,115,186,.25), transparent 60%),
             linear-gradient(135deg,#0b1730,#0e1b3a);}
.hero h1{font-size:32px;line-height:1.25;margin:0 0 10px;font-weight:900;}
.hero p{color:#d1d5db;margin:0 0 18px}

/* 商品列表辅助 */
.goods-card{display:flex;flex-direction:column;gap:10px}
.goods-card .actions{margin-top:8px;display:flex;gap:10px}

/* 页脚 */
.footer{color:#6b7280;font-size:13px}
.footer a{color:var(--pri-1)} .footer a:hover{color:var(--pri-2)}