*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Microsoft YaHei","PingFang SC",sans-serif;background:#faf9f6;color:#37322a;line-height:1.75}
a{color:#4338ca;text-decoration:none} a:hover{opacity:.85}
.wrap{max-width:960px;margin:0 auto;padding:0 22px}
nav{background:#ffffff;border-bottom:1px solid #e9e4da;position:sticky;top:0;z-index:10}
nav .wrap{display:flex;align-items:center;height:54px;gap:22px}
nav .logo{font-weight:700;font-size:16.5px;color:#37322a}
nav .logo span{color:#4338ca}
nav a{color:#6d6558;font-size:14px} nav a.active{color:#4338ca}
.hero{padding:66px 0 50px;background:linear-gradient(150deg,#1e1b4b 0%,#4338ca 100%);text-align:center}
.hero h1{font-size:34px;color:#fff} .hero h1 span{color:#a5b4fc}
.hero p{margin-top:11px;font-size:16px;color:#6d6558}
main{padding:46px 0 36px}
h2.sec{font-size:22px;margin-bottom:6px;color:#37322a} h2.sec small{font-size:12.5px;color:#6d6558;font-weight:400;margin-left:8px;letter-spacing:1px}
p.desc{color:#6d6558;margin-bottom:18px;font-size:14.5px;text-align:justify}
section{margin-bottom:44px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:18px}
.card{background:#ffffff;border:1px solid #e9e4da;border-radius:11px;padding:20px;transition:.2s}
.card:hover{transform:translateY(-2px)}
.card h3{font-size:15.5px;margin-bottom:6px;color:#4338ca}
.card p{font-size:13px;color:#6d6558}
.doc{background:#ffffff;border:1px solid #e9e4da;border-radius:11px;padding:24px 26px}
.doc h3{font-size:16.5px;color:#37322a;margin:18px 0 8px}
.doc p{font-size:14px;color:#37322a;margin-bottom:12px;text-align:justify}
footer{border-top:1px solid #e9e4da;padding:22px 0;text-align:center;font-size:12.5px;color:#6d6558}
.sale-banner{background:linear-gradient(135deg,#1e1b4b,#4338ca);border-radius:13px;padding:34px 28px;text-align:center;margin-bottom:24px}
.sale-banner .domain{font-size:34px;font-weight:700;color:#fff;word-break:break-all}
.sale-banner .subtitle{font-size:14px;color:#6d6558;margin-top:8px}
.sale-grid{display:grid;grid-template-columns:3fr 2fr;gap:18px}
@media(max-width:760px){.sale-grid{grid-template-columns:1fr}}
.sale-card{background:#ffffff;border:1px solid #e9e4da;border-radius:11px;padding:24px}
.sale-card h3{font-size:17px;color:#37322a;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #e9e4da}
.info-item{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px dashed #e9e4da;font-size:14px}
.info-item:last-child{border-bottom:none}
.info-item .k{color:#6d6558} .info-item .v{color:#37322a;font-weight:500}
.price{color:#e35d4e;font-size:21px;font-weight:700}
.buy-btn{display:block;text-align:center;padding:13px;margin-top:15px;background:linear-gradient(135deg,#1e1b4b,#4338ca);color:#fff;border-radius:8px;font-size:15px;font-weight:700;transition:.2s}
.buy-btn:hover{transform:translateY(-2px);color:#fff;box-shadow:0 6px 16px rgba(0,0,0,.18)}
.qr{text-align:center}
.qr img{width:170px;border-radius:9px;border:4px solid #fff;background:#fff;display:block;margin:0 auto 12px}
.qr .who{font-size:14.5px;color:#37322a;font-weight:600;margin-bottom:8px}
.qr .line{font-size:13px;color:#6d6558;margin:3px 0} .qr .line a{color:#4338ca}