/* market-v2: flat, dense marketplace look (loaded after site.css). No gradients / glass. */
:root{--v2-bg:#f4f6fa;--v2-card:#fff;--v2-line:#e3e7ef;--v2-text:#16202e;--v2-muted:#5d6b80;--v2-brand:#3b5bfd;--v2-brand-d:#2c46d4;--v2-hero:#0c1a36;--v2-ok:#12a150}
:root[data-xkp-theme='dark']{--v2-bg:#0b0e14;--v2-card:#141923;--v2-line:#232b3a;--v2-text:#e8edf5;--v2-muted:#93a0b5;--v2-brand:#6f86ff;--v2-brand-d:#5a72f0;--v2-hero:#070c18}
body.home-page{background:var(--v2-bg);color:var(--v2-text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
.home-page .home-header{background:var(--v2-card);border-bottom:1px solid var(--v2-line);box-shadow:none;position:sticky;top:0;z-index:20}
.home-page .home-brand-mark{background:var(--v2-brand);color:#fff;border-radius:8px}
.home-page .home-search{border:1px solid var(--v2-line);border-radius:8px;background:var(--v2-bg);overflow:hidden}
.home-page .home-search button{background:var(--v2-brand);color:#fff}
.home-page .home-search:focus-within{border-color:var(--v2-brand);box-shadow:0 0 0 3px rgba(59,91,253,.15)}
.home-page .home-actions>a{padding:7px 14px;border-radius:8px;background:var(--v2-brand);color:#fff;font-weight:600}
.home-page .home-actions>a:hover{background:var(--v2-brand-d)}
/* hero: flat */
.home-page .home-hero{background:var(--v2-hero);min-height:0}
.home-page .home-hero::before,.home-page .home-hero::after{display:none}
.home-page .home-hero-inner{padding:36px 0 32px;text-align:left}
.home-page .home-hero h1{font-size:clamp(28px,4vw,40px);letter-spacing:-.03em;text-shadow:none}
.home-page .home-hero-kicker{color:#8fa4d6;letter-spacing:.12em}
.home-page .home-hero-copy{font-size:14px;max-width:560px;color:#b8c4de}
.home-page .hero-category-row{justify-content:flex-start;gap:10px;flex-wrap:wrap}
.home-page .hero-category{min-width:104px;min-height:56px;border-radius:8px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:none;backdrop-filter:none;transition:background .15s,border-color .15s}
.home-page .hero-category:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.35)}
/* trust strip */
.trust-strip{background:var(--v2-card);border-bottom:1px solid var(--v2-line)}
.trust-strip ul{display:grid;grid-template-columns:repeat(4,1fr);gap:0;width:min(100% - 32px,1120px);margin:0 auto;padding:0;list-style:none}
.trust-strip li{display:flex;gap:10px;align-items:center;padding:14px 12px;font-size:12px;color:var(--v2-muted);border-left:1px solid var(--v2-line)}
.trust-strip li:first-child{border-left:0;padding-left:0}
.trust-strip b{display:block;color:var(--v2-text);font-size:13px;margin-bottom:2px}
.trust-strip i{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:rgba(59,91,253,.12);color:var(--v2-brand);font-style:normal;font-weight:700}
/* content */
.home-page .home-content{background:none;padding-top:28px}
.home-page .home-section-head{justify-content:space-between;border-bottom:1px solid var(--v2-line);padding-bottom:10px}
.home-page .home-section-head h2{font-size:18px;letter-spacing:0;position:relative}
.home-page .home-section-head h2::before{content:'';display:inline-block;width:4px;height:16px;margin-right:8px;vertical-align:-2px;border-radius:2px;background:var(--v2-brand)}
.home-page .home-section-head .clear-history,.home-page .home-more{margin-left:0;border-radius:6px;font-size:12px}
.home-page .history-card,.home-page .history-empty{background:var(--v2-card);border:1px solid var(--v2-line);box-shadow:none;border-radius:8px}
/* category cards: white, colored top rule */
.home-page .hot-card{background:var(--v2-card);color:var(--v2-text);border:1px solid var(--v2-line);border-top:3px solid var(--c,var(--v2-brand));border-radius:8px;box-shadow:none;min-height:0;transition:border-color .15s,transform .15s}
.home-page .hot-card:hover{transform:translateY(-2px);border-color:var(--c,var(--v2-brand))}
.home-page .hot-orange{background:var(--v2-card);--c:#f59e0b}.home-page .hot-purple{background:var(--v2-card);--c:#7c3aed}
.home-page .hot-navy{background:var(--v2-card);--c:#0ea5a4}.home-page .hot-blue{background:var(--v2-card);--c:#3b5bfd}
.home-page .hot-card-head{border-bottom:1px solid var(--v2-line)}
.home-page .hot-icon{background:var(--c);color:#fff}
.home-page .hot-card-head span:not(.hot-icon){color:var(--v2-muted);font-size:12px}
.home-page .hot-card li{border-bottom:1px solid var(--v2-line);font-size:13px}
.home-page .hot-card li a{color:var(--v2-text)}
.home-page .hot-card li a:hover{color:var(--v2-brand);text-decoration:none}
.home-page .hot-card li b{color:var(--v2-muted);font-size:12px}
.home-page .hot-more{width:auto;background:transparent;color:var(--v2-brand);border:1px solid var(--v2-line);border-radius:6px;font-size:12px}
.home-page .hot-more:hover{background:var(--v2-brand);color:#fff;border-color:var(--v2-brand)}
/* how to buy */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0;padding:0;list-style:none;counter-reset:s}
.steps li{counter-increment:s;padding:16px;border:1px solid var(--v2-line);border-radius:8px;background:var(--v2-card);font-size:13px;color:var(--v2-muted)}
.steps li::before{content:counter(s);display:grid;place-items:center;width:26px;height:26px;margin-bottom:10px;border-radius:50%;background:var(--v2-brand);color:#fff;font-size:12px;font-weight:700}
.steps b{display:block;margin-bottom:4px;color:var(--v2-text);font-size:14px}
.home-page .home-notice{border:1px solid var(--v2-line);border-radius:8px;background:var(--v2-card);color:var(--v2-muted);font-size:12px;padding:12px 14px}
.home-page .home-footer{background:var(--v2-card);border-top:1px solid var(--v2-line)}
:focus-visible{outline:2px solid var(--v2-brand);outline-offset:2px}
@media(max-width:900px){.trust-strip ul{grid-template-columns:repeat(2,1fr)}.trust-strip li:nth-child(3){border-left:0;padding-left:0}.steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.trust-strip ul{width:calc(100% - 20px);grid-template-columns:repeat(2,minmax(0,1fr))}.trust-strip li{min-width:0;padding:10px 8px;font-size:10px;align-items:flex-start}.trust-strip li span{min-width:0;overflow-wrap:anywhere}.trust-strip b{font-size:11px;overflow-wrap:anywhere}.trust-strip i{width:28px;height:28px}}
@media(max-width:600px){.home-page .home-hero-inner{padding:26px 0 22px}.home-page .hero-category{min-width:calc(50% - 5px)}.steps{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* layout fix: neutralise the glass card wrapper that boxed the whole page */
body.market-page.xkp-glass-page{display:block;place-items:initial;padding:0;min-height:100vh;background:var(--v2-bg)}
body.home-page .home-header-inner{width:min(100% - 32px,1120px)}
/* theme switch: sun / moon icons */
.theme-switch .theme-option{display:grid;place-items:center;width:30px;height:28px;padding:0;font-size:0}
.theme-switch .theme-option svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* light mode: light banner (no dark block); dark mode keeps navy */
:root[data-xkp-theme='light'] .home-page .home-hero{background:#e8eeff;color:#13203d;border-bottom:1px solid #d5def5}
:root[data-xkp-theme='light'] .home-page .home-hero h1{color:#13203d}
:root[data-xkp-theme='light'] .home-page .home-hero-kicker{color:#3b5bfd}
:root[data-xkp-theme='light'] .home-page .home-hero-copy{color:#4a5b78}
:root[data-xkp-theme='light'] .home-page .hero-category{background:#fff;border:1px solid #d5def5;color:#1b2a4a}
:root[data-xkp-theme='light'] .home-page .hero-category:hover{border-color:var(--v2-brand);color:var(--v2-brand);background:#fff}
:root[data-xkp-theme='dark'] .home-page .home-hero{border-bottom:1px solid var(--v2-line)}
