:root {
    --buy-bg: #fdfdfd;
    --buy-text: #4a4a4a;
    --buy-primary: #e91e63; /* Amaranth */
    --buy-secondary: #333;
    --buy-accent: #f1c40f;
    --buy-border: #eee;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
body {
    background-color: var(--buy-bg); color: var(--buy-text);
    font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
}

.buy-container { max-width: 1000px; margin: 0 auto; padding: 0 20px; }

/* Header */
.buy-header {
    background: #fff; border-bottom: 1px solid var(--buy-border);
    padding: 15px 0;
}
.buy-header .buy-container {
    display: flex; justify-content: space-between; align-items: center;
}
.buy-brand {
    font-size: 24px; font-weight: 800; color: var(--buy-primary);
    display: flex; align-items: center; gap: 5px;
}
.buy-brand::before { content: '🛒'; font-size: 28px; }
.buy-nav { display: flex; gap: 30px; }
.buy-nav a {
    color: var(--buy-secondary); text-decoration: none; font-size: 16px; font-weight: 500;
}
.buy-nav a:hover, .buy-nav a.active { color: var(--buy-primary); }

/* Hero */
.buy-hero {
    text-align: center; padding: 60px 0 40px;
}
.buy-hero h1 { font-size: 38px; color: var(--buy-secondary); margin-bottom: 15px;}
.buy-hero p { font-size: 18px; color: #888;}

/* Steps */
.buy-steps {
    display: flex; justify-content: space-between; margin-bottom: 50px;
    background: #fff; padding: 30px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.03);
}
.b-step {
    text-align: center; flex: 1; position: relative;
}
.b-step:not(:last-child)::after {
    content: '→'; position: absolute; right: -10px; top: 15px; color: #ccc; font-size: 20px;
}
.b-step-icon {
    font-size: 30px; margin-bottom: 10px; color: var(--buy-primary);
}
.b-step h3 { font-size: 16px; color: var(--buy-secondary); margin-bottom: 5px;}
.b-step p { font-size: 12px; color: #999;}

/* Action Area */
.buy-action {
    text-align: center; margin-bottom: 60px;
}
.btn-buy {
    display: inline-block; padding: 15px 40px; font-size: 20px; font-weight: bold;
    color: #fff; background: linear-gradient(135deg, var(--buy-primary), #ff4757);
    border-radius: 30px; text-decoration: none; box-shadow: 0 5px 15px rgba(233, 30, 99, 0.3);
    transition: transform 0.2s, box-shadow 0.2s;
}
.btn-buy:hover {
    transform: scale(1.05); box-shadow: 0 8px 20px rgba(233, 30, 99, 0.4);
}

/* Guarantee */
.buy-guarantee {
    display: flex; justify-content: center; gap: 40px; margin-bottom: 60px;
}
.b-guar-item {
    display: flex; align-items: center; gap: 10px; font-size: 14px; color: #666;
}
.b-guar-item::before { content: '✓'; color: #2ecc71; font-weight: bold; }

/* FAQ */
.buy-faq {
    background: #fff; padding: 40px; border-radius: 8px; border: 1px solid var(--buy-border);
}
.buy-faq h2 { font-size: 22px; color: var(--buy-secondary); margin-bottom: 30px; text-align: center;}
.b-faq-list { display: flex; flex-direction: column; gap: 20px; }
.b-fq { font-weight: bold; color: var(--buy-secondary); margin-bottom: 5px; font-size: 15px;}
.b-fa { color: #777; font-size: 14px;}

footer {
    text-align: center; padding: 30px 0; color: #aaa; font-size: 12px;
    margin-top: 40px; border-top: 1px solid var(--buy-border);
}

@media (max-width: 768px) {
    .buy-steps { flex-direction: column; gap: 30px; }
    .b-step:not(:last-child)::after { display: none; }
    .buy-guarantee { flex-direction: column; align-items: center; gap: 15px; }
}