:root { --hk-blue:#0756b7; --hk-deep:#062e70; --hk-light:#eef6ff; --hk-border:#e4ebf3; --hk-text:#18304d; }
body { color:var(--hk-text); background:#f7f9fc; font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif; }
a { text-decoration:none; }
.hk-navbar { background:linear-gradient(90deg,#1a5fa8,#2d7dd2); padding:.8rem 0; }
.navbar-brand { font-size:1.05rem; font-weight:700; }
.brand-mark { display:grid; place-items:center; width:36px; height:36px; border-radius:10px; background:#fff; color:var(--hk-blue); font-size:.82rem; letter-spacing:-1px; }
.user-phone { font-size:.9rem; }
.hero-section { color:#fff; background:radial-gradient(circle at 85% 30%,rgba(36,157,255,.7),transparent 34%),linear-gradient(135deg,#052b67,#075fc7); }
.hero-section h1 { margin:.7rem 0 1rem; font-size:3rem; font-weight:700; line-height:1.28; }.hero-section h1 span { color:#bce4ff; }
.hero-section .lead { max-width:650px; color:#d7eaff; font-size:1.12rem; line-height:1.9; }
.eyebrow { color:#a8d8ff; font-size:.75rem; font-weight:700; letter-spacing:2px; }
.hero-panel { display:grid; gap:15px; padding:25px; border:1px solid rgba(255,255,255,.2); border-radius:16px; background:rgba(255,255,255,.1); backdrop-filter:blur(10px); }
.hero-panel div { display:flex; align-items:center; gap:15px; padding:10px 12px; border-radius:10px; background:rgba(255,255,255,.08); font-weight:700; }.hero-panel i { font-size:1.6rem; color:#c2e8ff; }
.section-space,.page-section { padding:60px 0; }.section-heading { margin-bottom:28px; }.section-heading h2,.page-title { margin-top:5px; font-size:2rem; font-weight:700; }.section-heading p { color:#718096; }
.product-card,.content-card,.order-card,.auth-card,.result-card { border:1px solid var(--hk-border); border-radius:14px; background:#fff; box-shadow:0 8px 24px rgba(6,46,112,.05); }
.product-card { display:flex; flex-direction:column; padding:24px; transition:.2s; }.product-card:hover { transform:translateY(-4px); box-shadow:0 15px 30px rgba(6,46,112,.1); }.product-card h3 { margin:18px 0 10px; font-size:1.16rem; font-weight:700; }.product-card p { flex:1; color:#718096; font-size:.92rem; line-height:1.8; }
.product-icon { display:grid; place-items:center; width:58px; height:58px; border-radius:14px; color:var(--hk-blue); background:var(--hk-light); font-size:1.65rem; }
.product-bottom,.order-product,.checkout-bottom { display:flex; align-items:center; justify-content:space-between; gap:20px; }.price { color:#f05a28; font-size:1.8rem; font-weight:700; }.price small { font-size:1rem; }.price span { color:#8a97a6; font-size:.78rem; font-weight:400; }
.trust-section { padding:35px 0; background:#fff; border-top:1px solid var(--hk-border); }.trust-section div[class^=col] { display:grid; gap:4px; }.trust-section i { color:var(--hk-blue); font-size:1.7rem; }.trust-section span { color:#8996a5; font-size:.82rem; }
.content-card,.order-card { padding:28px; }.content-card h2 { margin:22px 0 10px; font-size:1.12rem; font-weight:700; }.content-card p { color:#68788b; line-height:1.85; }.detail-title { display:flex; align-items:center; gap:18px; }.detail-title h1 { margin:0; font-size:1.8rem; font-weight:700; }.detail-title p { margin:7px 0 0; }
.order-card { position:sticky; top:20px; }.order-note { margin-top:15px; color:#5d7086; font-size:.9rem; }.order-note i { margin-right:7px; color:#1ca66f; }
.narrow-container { max-width:850px; }.auth-section { display:grid; min-height:640px; padding:60px 15px; place-items:center; background:linear-gradient(135deg,#eff7ff,#f8fbff); }.auth-card { width:100%; max-width:450px; padding:32px; }.auth-card h1 { font-size:1.75rem; font-weight:700; }.auth-card>p { color:#8090a3; }.auth-link { margin-top:20px; color:#8190a1; font-size:.9rem; text-align:center; }
.required,.amount { color:#ef5b34; }.checkout-bottom { margin-top:25px; padding-top:20px; border-top:1px solid var(--hk-border); }.checkout-bottom strong { color:#ef5b34; font-size:1.4rem; }
.cashier-card { max-width:650px; margin:auto; }.cashier-header { display:flex; align-items:center; gap:16px; margin-bottom:22px; }.cashier-header i { color:#20a671; font-size:2.2rem; }.cashier-header h2 { margin:0; }.cashier-header p { margin:5px 0 0; }
.info-list { border-top:1px solid var(--hk-border); }.info-list div { display:flex; justify-content:space-between; gap:20px; padding:14px 0; border-bottom:1px solid var(--hk-border); }.info-list span { color:#8190a1; }
.pay-method { display:flex; justify-content:space-between; align-items:center; margin:25px 0 16px; padding:16px; border:2px solid #1687f8; border-radius:9px; }.pay-method div { display:flex; align-items:center; gap:12px; }.pay-method>i { color:#1687f8; }.alipay-logo { display:grid; width:34px; height:34px; color:#fff; background:#1687f8; border-radius:6px; place-items:center; font-weight:700; }
.result-card { padding:55px 35px; text-align:center; }.result-icon { color:var(--hk-blue); font-size:3.2rem; }.result-card h1 { margin:15px 0; font-size:1.8rem; font-weight:700; }.result-card p { max-width:580px; margin:0 auto 25px; color:#718096; line-height:1.8; }.result-card .btn { margin:3px; }
.empty-state { padding:50px; text-align:center; }.empty-state i { color:#b5c1ce; font-size:3rem; }.status-badge { display:inline-block; padding:4px 10px; color:#d58200; background:#fff6dc; border-radius:20px; font-size:.82rem; }
.agreement h1 { font-size:1.8rem; font-weight:700; }.agreement h2 { margin-top:28px; }.site-footer { padding:30px 0; border-top:1px solid var(--hk-border); background:#fff; }.site-footer a { margin-left:16px; color:#637489; }.footer-title { color:var(--hk-deep); font-weight:700; }
@media (max-width:767px) { .hero-section h1 { font-size:2.1rem; }.section-space,.page-section { padding:35px 0; }.product-card,.content-card,.order-card { padding:20px; }.detail-title { align-items:flex-start; }.detail-title h1 { font-size:1.45rem; }.checkout-bottom { align-items:flex-end; flex-direction:column; }.table { min-width:780px; }.site-footer a { margin:0 12px 0 0; line-height:2.2; } }