:root{--bg:#f3f6fb;--card:#fff;--text:#1f2a44;--muted:#8a97b0;--primary:#4a7dff;--line:#e8eef8;--radius:14px;--shadow:0 8px 24px rgba(74,125,255,.08);--font:"PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}body{margin:0;font-family:var(--font);color:var(--text);background:var(--bg)}a{color:inherit;text-decoration:none}
.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:10px 28px}
.brand{display:flex;align-items:center;gap:8px;font-weight:700;color:#2b4acb}
.brand-logo{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#ffb347,#ff7a45);display:grid;place-items:center;color:#fff;font-size:14px}
.nav{display:flex;gap:18px;color:#5c6b86;font-size:14px}.nav a{position:relative;padding:8px 2px}.nav a.active,.nav a:hover{color:var(--primary)}.nav a.active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--primary);border-radius:2px}
.search{margin-left:auto;display:flex;align-items:center;background:#f2f6ff;border-radius:999px;padding:4px 4px 4px 14px;border:1px solid #e3ebff;min-width:260px}
.search input{border:0;outline:0;background:transparent;flex:1}.search button{width:34px;height:34px;border:0;border-radius:50%;background:var(--primary);color:#fff;cursor:pointer}
.btn-outline{border:1px solid #c9d8ff;background:#f5f8ff;color:var(--primary);border-radius:999px;padding:7px 14px;font-size:13px}
.user-actions{display:flex;gap:8px}
.wrap{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:18px 0 60px}
.hero{border-radius:18px;min-height:168px;background:radial-gradient(circle at 78% 40%,rgba(74,125,255,.35),transparent 42%),linear-gradient(120deg,#dbe8ff,#eef4ff 55%,#d7e6ff);display:grid;place-items:center;text-align:center;padding:28px 16px;box-shadow:var(--shadow)}
.hero h1{margin:0;font-size:34px;color:#2f4fbf}.hero p{margin:10px 0 0;color:#5d74a8;font-size:14px;max-width:640px;line-height:1.7}
.notice{margin-top:14px;background:#fff;border-radius:12px;border:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:10px 14px;overflow:hidden}
.notice-badge{flex:none;background:var(--primary);color:#fff;border-radius:8px;padding:4px 10px;font-size:12px}
.notice-track{overflow:hidden;flex:1}.notice-track span{display:inline-block;white-space:nowrap;color:#667892;font-size:13px;animation:marquee 22s linear infinite}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.quick{margin-top:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.quick a{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:flex;gap:12px;align-items:center;box-shadow:var(--shadow)}
.q-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:16px;font-weight:700}
.q-icon.blue{background:linear-gradient(135deg,#4a7dff,#6ea0ff)}.q-icon.orange{background:linear-gradient(135deg,#ff9f43,#ffb86c)}.q-icon.gold{background:linear-gradient(135deg,#f6c344,#ffe08a);color:#7a5a00}.q-icon.teal{background:linear-gradient(135deg,#36cfc9,#6ee7e0)}
.quick h3{margin:0;font-size:15px}.quick p{margin:4px 0 0;color:var(--muted);font-size:12px}
.panel{margin-top:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:var(--shadow)}
.platforms{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px}.plat{flex:none;border:0;background:#f3f6fc;color:#607089;border-radius:10px;padding:8px 14px;cursor:pointer;font-size:13px}.plat.active{background:var(--primary);color:#fff}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px}.tag{border:1px solid #dbe5f8;background:#f7faff;color:#6b7c99;border-radius:999px;padding:5px 12px;cursor:pointer;font-size:12px}.tag.active{background:#eaf1ff;color:var(--primary);border-color:#b7cbff}
.goods{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.good{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.good-cover{height:118px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:22px;position:relative}
.good-cover small{position:absolute;left:10px;top:10px;font-size:11px;font-weight:500;background:rgba(255,255,255,.22);padding:2px 8px;border-radius:999px}
.good-body{padding:10px}.good-body h4{margin:0;font-size:13px;line-height:1.45;height:38px;overflow:hidden}
.good-meta{margin-top:8px;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.price{color:#ff4d4f;font-weight:700;font-size:14px}
.float-cs{position:fixed;right:18px;bottom:22px;background:#fff;border:1px solid var(--line);border-radius:999px;box-shadow:0 10px 30px rgba(31,42,68,.12);display:flex;align-items:center;gap:8px;padding:8px 14px 8px 8px;color:#4d5f80;font-size:12px}
.float-cs i{width:34px;height:34px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;font-style:normal}
.page-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:var(--shadow);margin-top:14px}.muted{color:var(--muted)}
.feature-row{margin-top:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.feat-item{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow)}
.feat-item img,.feat-item i{width:40px;height:40px;border-radius:10px;object-fit:cover;display:grid;place-items:center;background:#eaf1ff;color:var(--primary);font-style:normal;font-weight:700}
.feat-item span{font-size:13px;color:#4d5f80}
.site-footer{text-align:center;color:var(--muted);font-size:12px;padding:18px 12px 28px}
.app-dl{border:1px solid #c9d8ff;background:#f5f8ff;color:var(--primary);border-radius:999px;padding:7px 14px;font-size:13px}
.ydt-popup-mask{position:fixed;inset:0;background:rgba(15,20,35,.45);display:grid;place-items:center;z-index:200;padding:16px}
.ydt-popup{width:min(520px,100%);background:#fff;border-radius:14px;padding:18px 18px 16px;box-shadow:0 20px 50px rgba(0,0,0,.18)}
.ydt-popup-hd{font-size:16px;font-weight:700;margin-bottom:10px}
.ydt-popup-bd{font-size:14px;line-height:1.7;color:#44526d;max-height:50vh;overflow:auto}
.ydt-popup-ft{margin-top:10px;font-size:12px;color:var(--muted)}
.ydt-popup-ok{margin-top:14px;width:100%;height:40px;border:0;border-radius:10px;background:var(--primary);color:#fff;font-weight:600;cursor:pointer}
.ydt-guide{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:300;display:grid;place-items:start center;padding-top:40px}
.ydt-guide-box{background:#fff;border-radius:12px;padding:20px;text-align:center;width:min(320px,90%)}
.ydt-guide-box p{margin:0;font-size:18px;font-weight:700}
.ydt-guide-box span{display:block;margin:10px 0 14px;color:var(--muted);font-size:13px}
.ydt-guide-box button{height:36px;padding:0 18px;border:0;border-radius:8px;background:var(--primary);color:#fff;cursor:pointer}
@media(max-width:1100px){.goods{grid-template-columns:repeat(3,1fr)}.quick{grid-template-columns:repeat(2,1fr)}.nav{display:none}.feature-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.goods{grid-template-columns:repeat(2,1fr)}.search{min-width:0;flex:1}.feature-row{grid-template-columns:1fr}}