:root{--bg:#f7f7fb;--card:#fff;--text:#1d2230;--muted:#667085;--primary:#7b2cf6;--primary2:#b248ff;--border:#e7e8ef;--green:#0f9d58}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.65}
a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}
.container{max-width:1180px;margin:auto;padding:0 22px}
header{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:20px}
.logo{font-weight:900;font-size:24px;color:#111}.logo span{color:var(--primary)}
nav a{margin-left:18px;color:#34384a;font-weight:600}
.hero{padding:70px 0;background:linear-gradient(135deg,#21113f,#7b2cf6);color:#fff}
.hero h1{font-size:48px;line-height:1.08;max-width:850px;margin:0 0 18px}.hero p{font-size:20px;max-width:800px;color:#eee}
.search{display:flex;gap:10px;margin-top:30px;max-width:760px}.search input{flex:1;padding:17px;border-radius:12px;border:0;font-size:16px}.search button,.btn{background:#fff;color:#5f20cc;border:0;padding:15px 20px;border-radius:12px;font-weight:800;cursor:pointer}
.section{padding:50px 0}.section h2{font-size:34px;line-height:1.2;margin:0 0 22px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:22px;box-shadow:0 5px 20px rgba(25,30,50,.04)}
.card h3{margin-top:0}.badge{display:inline-block;background:#efe6ff;color:#6824ca;border-radius:999px;padding:5px 10px;font-size:13px;font-weight:700}
.discount{color:var(--green);font-weight:900}.breadcrumbs{font-size:14px;color:var(--muted);padding:20px 0}
table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden}th,td{padding:14px;border-bottom:1px solid var(--border);text-align:left}th{background:#f1ebff}
.content{background:#fff;border:1px solid var(--border);border-radius:18px;padding:34px}.content h2{margin-top:35px}.content h3{margin-top:25px}
.list-links{columns:3;column-gap:30px}.list-links a{display:block;padding:7px 0}
footer{background:#17131f;color:#ddd;padding:45px 0;margin-top:50px}footer a{color:#ddd}
.notice{background:#fff6dd;border:1px solid #f1d88c;padding:14px;border-radius:12px;color:#6a5320}
@media(max-width:850px){.grid,.grid4{grid-template-columns:1fr 1fr}.hero h1{font-size:36px}.list-links{columns:2}nav{display:none}}
@media(max-width:560px){.grid,.grid4{grid-template-columns:1fr}.hero{padding:45px 0}.hero h1{font-size:31px}.search{flex-direction:column}.list-links{columns:1}}