:root {
  color-scheme: light;
  --page: #eaf2ff;
  --page-deep: #dce9ff;
  --card: rgba(255, 255, 255, 0.9);
  --card-solid: #ffffff;
  --ink: #121b2c;
  --muted: #65738a;
  --line: #dfe7f2;
  --blue: #1769e8;
  --blue-soft: #edf4ff;
  --green: #08a34a;
  --green-soft: #e9fbf0;
  --amber: #ac6500;
  --amber-soft: #fff4dc;
  --shadow: 0 18px 45px rgba(59, 93, 143, 0.09);
  --sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
  --mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  overflow-x: clip;
  color: var(--ink);
  background:
    radial-gradient(circle at 20% -5%, rgba(255,255,255,.92), transparent 31rem),
    linear-gradient(180deg, var(--page) 0%, #f6f9fd 68%, #eef4fb 100%);
  font: 16px/1.55 var(--sans);
}
button { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }

.floating-nav {
  position: sticky;
  top: 18px;
  z-index: 50;
  width: fit-content;
  height: 58px;
  margin: 18px auto 0;
  padding: 7px 9px;
  display: flex;
  align-items: center;
  gap: 3px;
  border: 1px solid rgba(255,255,255,.95);
  border-radius: 999px;
  background: rgba(255,255,255,.82);
  box-shadow: 0 12px 36px rgba(42,72,115,.12), inset 0 0 0 1px rgba(112,137,175,.1);
  backdrop-filter: blur(20px);
}
.nav-item {
  min-width: 72px;
  height: 42px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border-radius: 999px;
  color: var(--muted);
  text-decoration: none;
  font-size: 14px;
  transition: .18s ease;
}
.nav-item:hover, .nav-item.active { color: var(--ink); background: #fff; box-shadow: 0 4px 15px rgba(64,90,128,.08); }
.nav-item span { font-size: 18px; line-height: 1; }
.nav-item b { font-weight: 600; }
.nav-separator { width: 1px; height: 24px; margin: 0 5px; background: var(--line); }
.account-dot { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: var(--ink); font-weight: 700; }

main, footer { width: min(1216px, calc(100% - 40px)); margin-inline: auto; }
.page-heading {
  padding: 68px 4px 26px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
}
.kicker, .mini-label { color: var(--blue); font: 700 12px/1.3 var(--mono); letter-spacing: .11em; }
h1, h2, h3, p { margin-top: 0; }
h1 { margin-bottom: 6px; font-size: clamp(2.15rem, 4.5vw, 3.75rem); line-height: 1.05; letter-spacing: -.045em; }
.page-heading p { max-width: 700px; margin-bottom: 0; color: var(--muted); }
.snapshot-pill { flex: none; display: flex; align-items: center; gap: 9px; padding: 11px 14px; border: 1px solid rgba(23,105,232,.15); border-radius: 12px; background: rgba(255,255,255,.65); color: var(--muted); font-size: 13px; }
.snapshot-pill i { width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 5px rgba(8,163,74,.09); }
.snapshot-pill.stale { color: #a44935; border-color: rgba(201,77,53,.18); background: #fff4f0; }
.snapshot-pill.stale i { background: #d2543e; box-shadow: 0 0 0 5px rgba(210,84,62,.09); }

.app-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; margin-bottom: 26px; }
.app-card {
  min-height: 178px;
  padding: 25px;
  display: grid;
  grid-template-columns: 74px 1fr auto;
  gap: 18px;
  align-items: start;
  border: 1px solid rgba(255,255,255,.95);
  border-radius: 25px;
  color: inherit;
  text-align: left;
  background: rgba(255,255,255,.72);
  box-shadow: 0 10px 35px rgba(70,100,145,.06);
  cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.app-card:hover { transform: translateY(-2px); box-shadow: var(--shadow); }
.app-card.active { background: #fff; box-shadow: var(--shadow); outline: 2px solid rgba(23,105,232,.12); }
.app-icon { position: relative; width: 74px; height: 74px; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(19,27,43,.07); border-radius: 19px; background: linear-gradient(145deg,#fff,#eef3fa); box-shadow: 0 8px 18px rgba(31,45,68,.1); font-weight: 800; letter-spacing: -.04em; }
.app-icon.chatgpt { color: #101820; font-size: 22px; }
.app-icon.chatgpt::before, .app-icon.chatgpt::after { content: ""; position: absolute; width: 34px; height: 34px; border: 4px solid #18202a; border-radius: 11px; transform: rotate(45deg); opacity: .88; }
.app-icon.chatgpt::after { transform: rotate(0deg); }
.app-icon.chatgpt span { position: relative; z-index: 1; width: 13px; height: 13px; border-radius: 50%; background: #fff; }
.app-icon.lastwar { color: #fff; font-size: 21px; background: linear-gradient(145deg,#2e3b53,#0f1727 52%,#db4b3f 160%); }
.app-icon.lastwar::after { content:""; position:absolute; right:-13px; bottom:-20px; width:62px; height:62px; border-radius:50%; background:rgba(232,72,58,.55); filter:blur(12px); }
.app-icon.lastwar span { position: relative; z-index: 1; }
.app-copy h2 { margin: 1px 0 2px; font-size: 21px; letter-spacing: -.025em; }
.app-copy > span { color: var(--muted); font-size: 14px; }
.app-copy p { margin: 14px 0 0; color: #4d5c72; font-size: 14px; }
.app-stats { display: flex; gap: 8px; margin-top: 14px; }
.app-stats span { padding: 4px 8px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); background: #f9fbfe; font-size: 12px; }
.app-arrow { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; color: var(--muted); background: #f8faff; }

.app-detail { scroll-margin-top: 96px; }
.app-profile {
  min-height: 188px;
  padding: 30px 32px;
  display: grid;
  grid-template-columns: 94px 1fr auto;
  gap: 26px;
  align-items: center;
  border: 1px solid rgba(255,255,255,.95);
  border-radius: 26px;
  background: linear-gradient(115deg,rgba(255,255,255,.96),rgba(249,252,255,.76));
  box-shadow: var(--shadow);
}
.app-icon.large { width: 94px; height: 94px; border-radius: 23px; }
.app-icon.large.chatgpt::before, .app-icon.large.chatgpt::after { width: 44px; height: 44px; }
.app-profile-copy h2 { margin: 4px 0 3px; font-size: 34px; letter-spacing: -.04em; }
.app-profile-copy > p { max-width: 720px; margin: 14px 0 0; color: var(--muted); font-size: 14px; }
.app-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; color: var(--muted); font-size: 14px; }
.meta-chip { padding: 3px 8px; border: 1px solid var(--line); border-radius: 999px; background: #f9fbfe; font-size: 12px; }
.profile-actions { align-self: start; display: flex; align-items: center; gap: 9px; }
.verification-chip { padding: 8px 11px; border-radius: 999px; color: var(--amber); background: var(--amber-soft); font-size: 12px; font-weight: 650; }
.icon-button { width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 11px; color: var(--muted); background: #fff; cursor: pointer; }

.compare-toolbar { min-height: 92px; padding: 24px 2px 15px; display: flex; justify-content: space-between; align-items: center; gap: 18px; }
.mode-title { display: flex; align-items: baseline; gap: 14px; }
.mode-title b { font-size: 18px; }
.mode-title span { color: var(--muted); font-size: 13px; }
.view-tabs { display: flex; gap: 28px; }
.view-tabs button { position: relative; padding: 14px 16px; border: 0; color: #738199; background: transparent; font-size: 17px; cursor: pointer; }
.view-tabs button.active { color: var(--ink); font-weight: 700; }
.view-tabs button.active::after { content:""; position:absolute; left:10px; right:10px; bottom:0; height:4px; border-radius:4px; background:var(--ink); }
.currency-control { min-width: 188px; padding: 10px 13px; display: grid; grid-template-columns: 24px 1fr; align-items:center; column-gap:8px; border:1px solid rgba(255,255,255,.95); border-radius:12px; background:rgba(255,255,255,.72); }
.currency-control span { grid-row:1/3; }.currency-control b{font-size:13px}.currency-control small{color:var(--muted);font-size:11px}
.product-tabs { min-height: 65px; margin-bottom: 12px; padding: 5px; display: flex; gap: 5px; overflow-x: auto; border: 1px solid rgba(255,255,255,.95); border-radius: 15px; background: rgba(255,255,255,.56); scrollbar-width: thin; }
.product-tab { flex: none; min-height: 53px; padding: 7px 13px; display: grid; grid-template-columns: auto auto; grid-template-rows: auto auto; align-items: center; column-gap: 6px; border: 1px solid transparent; border-radius: 11px; color: #64748d; background: transparent; cursor: pointer; white-space: nowrap; font-size: 13px; }
.product-tab:hover { color: var(--ink); }.product-tab.active { color:var(--ink); border-color:var(--line); background:#fff; box-shadow:0 3px 10px rgba(54,78,113,.06); font-weight:650; }
.product-tab span { grid-row: 1; grid-column: 1; }
.product-tab small { grid-row: 1; grid-column: 2; padding:2px 5px; border-radius:999px; color:var(--blue); background:var(--blue-soft); font-size:10px; }
.product-tab em { grid-row: 2; grid-column: 1 / -1; color: var(--muted); font-size: 10px; font-style: normal; font-weight: 400; }
.product-context { margin-bottom: 18px; padding: 11px 14px; display: flex; align-items: center; gap: 10px; border-radius: 12px; font-size: 12px; }
.product-context > span { flex: none; width: 23px; height: 23px; display: grid; place-items: center; border-radius: 50%; font-weight: 800; }
.product-context p { margin: 0; }
.product-context b, .product-context small { display: block; }
.product-context small { margin-top: 1px; color: var(--muted); }
.product-context.verified-identity { border: 1px solid #ccebd8; background: #f1fbf5; }
.product-context.verified-identity > span { color: var(--green); background: #dcf5e6; }
.product-context.identity-pending { border: 1px solid #f1dfba; background: #fff9eb; }
.product-context.identity-pending > span { color: var(--amber); background: #ffedc7; }

.comparison-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 20px; align-items: start; }
.price-table-card, .lowest-card, .distribution-card, .rates-section, .evidence-section { border: 1px solid rgba(255,255,255,.96); border-radius: 23px; background: rgba(255,255,255,.82); box-shadow: 0 12px 38px rgba(68,95,135,.07); }
.price-table-card { overflow:hidden; }.card-heading { min-height:86px; padding:22px 25px; display:flex; align-items:center; justify-content:space-between; gap:16px; border-bottom:1px solid var(--line); }.card-heading h3{margin:4px 0 0;font-size:20px}.provisional-badge,.listed-badge{padding:7px 10px;border-radius:999px;color:var(--amber);background:var(--amber-soft);font-size:12px;font-weight:650}.listed-badge{color:var(--blue);background:var(--blue-soft)}
.table-scroll { overflow: auto; } table { width: 100%; min-width: 780px; border-collapse: collapse; } th { padding: 13px 16px; color: #718096; background: #f8fafd; text-align: left; font-size: 12px; font-weight: 600; } td { padding: 15px 16px; border-top: 1px solid var(--line); font-size: 13px; } tbody tr:first-child td { color: #087e3b; background: #f2fcf6; } tbody tr:hover td { background: #f8fbff; }.rank-number{font:13px var(--mono);color:var(--muted)}.region-cell{display:flex;align-items:center;gap:9px}.region-cell i{font-style:normal;font-size:19px}.region-cell b{display:block}.region-cell small{color:var(--muted)}.mono{font:12px var(--mono);white-space:nowrap}.cny-price{font-weight:750}.efficiency{display:flex;align-items:center;gap:8px;min-width:110px}.efficiency span{width:58px;height:6px;border-radius:8px;background:#e9eff7;overflow:hidden}.efficiency i{display:block;height:100%;border-radius:8px;background:var(--blue)}.efficiency code{font:11px var(--mono);color:var(--muted)}.state-tag{padding:5px 8px;border-radius:999px;color:var(--amber);background:var(--amber-soft);font-size:10px;font-weight:700;white-space:nowrap}.state-tag.lowest{color:var(--green);background:var(--green-soft)}
.insight-column { display: grid; gap: 20px; }.lowest-card{text-align:center;padding:28px 22px}.lowest-card>span{color:var(--green);font-size:13px;font-weight:700}.lowest-card strong{display:block;margin:4px 0 9px;font-size:40px;line-height:1.15;letter-spacing:-.035em}.lowest-region{width:fit-content;margin:auto;padding:5px 10px;border-radius:999px;color:#fff;background:var(--green);font-size:12px}.lowest-card p{margin:14px 0 0;color:var(--green);font-size:13px}.distribution-card{padding:22px}.aside-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.aside-title b{font-size:14px}.aside-title small{color:var(--muted);font-size:11px}.dist-row{display:grid;grid-template-columns:34px 1fr 60px;gap:8px;align-items:center;margin:11px 0}.dist-row b{font-size:11px}.dist-track{height:8px;border-radius:7px;background:#edf1f7;overflow:hidden}.dist-track i{display:block;height:100%;border-radius:7px;background:linear-gradient(90deg,#5a86f5,#78a6ff)}.dist-row code{text-align:right;font:10px var(--mono);color:var(--muted)}

.storefront-view { display: grid; gap: 16px; }.storefront-selector{display:flex;gap:8px;overflow:auto}.storefront-selector button{flex:none;padding:9px 13px;border:1px solid rgba(255,255,255,.95);border-radius:999px;color:var(--muted);background:rgba(255,255,255,.64);cursor:pointer}.storefront-selector button.active{color:#fff;background:var(--ink);border-color:var(--ink)}.catalog-grid{padding:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.catalog-item{padding:15px;border:1px solid var(--line);border-radius:14px;background:#fbfcfe}.catalog-item b{display:block;min-height:42px;font-size:13px}.catalog-item strong{display:block;margin-top:7px;font:700 17px var(--mono)}.catalog-item small{color:var(--muted);font-size:11px}

.rates-section,.evidence-section{margin-top:64px;padding:28px;scroll-margin-top:96px}.section-title{display:flex;justify-content:space-between;align-items:end;gap:24px}.section-title h2,.evidence-summary h2{margin:5px 0 0;font-size:29px;letter-spacing:-.03em}.section-title p{max-width:480px;margin:0;color:var(--muted);font-size:13px}.rate-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:24px}.rate-card{padding:17px;border:1px solid var(--line);border-radius:15px;background:#fbfcfe}.rate-card>div{display:flex;justify-content:space-between}.rate-card b{font-size:15px}.rate-card span{font-size:20px}.rate-card strong{display:block;margin-top:14px;font:700 17px var(--mono)}.rate-card small{color:var(--muted);font-size:11px}
.evidence-section{margin-bottom:44px}.evidence-summary{display:flex;align-items:center;gap:22px}.evidence-score{flex:none;width:100px;height:100px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:8px solid #dff5e8;background:#fff}.evidence-score span{font:700 25px var(--mono);color:var(--green)}.evidence-score small{font:10px var(--mono);color:var(--muted)}.evidence-summary p{margin:8px 0 0;color:var(--muted);font-size:13px}details{margin-top:22px;border-top:1px solid var(--line)}summary{padding:18px 2px 0;display:flex;justify-content:space-between;cursor:pointer;font-weight:650}summary::-webkit-details-marker{display:none}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:17px}.notes-grid p{padding:15px;margin:0;border:1px solid var(--line);border-radius:13px;background:#fbfcfe}.notes-grid b,.notes-grid span{display:block}.notes-grid b{font-size:13px}.notes-grid span{margin-top:5px;color:var(--muted);font-size:12px}
footer{padding:22px 2px 105px;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.toast{position:fixed;left:50%;bottom:30px;z-index:80;transform:translate(-50%,20px);padding:10px 15px;border-radius:10px;color:#fff;background:var(--ink);opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.hidden{display:none!important}

@media (max-width: 920px) {
  .page-heading{align-items:flex-start;flex-direction:column}.app-grid{grid-template-columns:1fr}.comparison-layout{grid-template-columns:1fr}.insight-column{grid-template-columns:1fr 1fr}.app-profile{grid-template-columns:84px 1fr}.app-icon.large{width:84px;height:84px}.profile-actions{grid-column:1/-1;justify-content:flex-end}.rate-grid{grid-template-columns:repeat(3,1fr)}.catalog-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 640px) {
  body{background:linear-gradient(180deg,#edf4ff,#f7f9fc 65%)} main,footer{width:min(100% - 24px,1216px)}
  .floating-nav{position:fixed;top:auto;bottom:16px;left:50%;transform:translateX(-50%);width:calc(100% - 56px);max-width:410px;height:58px;margin:0;justify-content:space-around}.nav-item{min-width:0;padding:0 4px;flex:1;flex-direction:column;gap:0;font-size:10px}.nav-item span{font-size:18px}.nav-separator,.account-dot{display:none}
  .page-heading{padding-top:38px}.page-heading h1{font-size:37px}.snapshot-pill{width:100%}.app-card{min-height:0;padding:20px;grid-template-columns:62px 1fr auto;gap:14px;border-radius:21px}.app-icon{width:62px;height:62px;border-radius:16px}.app-copy h2{font-size:18px}.app-copy p{display:none}.app-stats{grid-column:1/-1}.app-arrow{width:30px;height:30px}
  .app-profile{padding:25px 22px;grid-template-columns:1fr;gap:18px}.app-icon.large{width:90px;height:90px}.app-profile-copy h2{font-size:31px}.app-profile-copy>p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.profile-actions{grid-column:auto;justify-content:space-between}.compare-toolbar{align-items:flex-start;flex-direction:column}.mode-title{align-items:flex-start;flex-direction:column;gap:2px}.currency-control{align-self:center}.product-tabs{margin-inline:-12px;border-radius:0;border-left:0;border-right:0;padding-left:16px}.product-context{align-items:flex-start}
  .card-heading{padding:19px}.card-heading h3{font-size:18px}.comparison-layout{margin-inline:-12px}.price-table-card{border-radius:20px}.insight-column{grid-template-columns:1fr;margin-inline:12px}.table-scroll{padding-bottom:3px}.lowest-card strong{font-size:36px}.catalog-grid{grid-template-columns:1fr}.rates-section,.evidence-section{margin-top:38px;padding:21px}.section-title{align-items:flex-start;flex-direction:column}.rate-grid{grid-template-columns:repeat(2,1fr)}.evidence-summary{align-items:flex-start}.evidence-score{width:78px;height:78px;border-width:6px}.evidence-score span{font-size:20px}.notes-grid{grid-template-columns:1fr}footer{flex-direction:column;gap:5px}
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } * { transition-duration: 0s !important; } }