:root{
    --bg:#f6f3ee;
    --surface:#ffffff;
    --text:#1d2d2a;
    --sub:#5f6e6a;
    --green:#1f5c4b;
    --gold:#b78a52;
    --line:#e8e2d8;
    --shadow:0 8px 24px rgba(23, 42, 36, 0.08);
}
body{
    margin:0;
    font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
    background:var(--bg);
    color:var(--text);
}
.page{
    max-width:750px;
    margin:0 auto;
    min-height:100vh;
    padding-bottom:118px;
    background:linear-gradient(180deg,#ecf3ef 0%,#f6f3ee 28%,#f6f3ee 100%);
}
.section{
    margin:0 14px 12px;
    background:var(--surface);
    border-radius:14px;
    box-shadow:var(--shadow);
    overflow:hidden;
}
.section-body{padding:16px 14px}
.title{
    margin:0 0 10px;
    font-size:18px;
    font-weight:700;
    color:#173e35;
}
.desc{
    margin:0;
    color:var(--sub);
    line-height:1.72;
    font-size:14px;
}
.hero{
    margin:0 0 15px;
    border-radius:0;
    position:relative;
    color:#fff;
    overflow:hidden;
    background-color:#173c34;
    background-image:
        linear-gradient(160deg,rgba(10,29,24,.56),rgba(8,19,16,.72)),
        radial-gradient(circle at 84% 14%,rgba(255,217,159,.24),transparent 40%),
        linear-gradient(120deg,#28574c,#173c34);
    background-repeat:no-repeat;
}
.hero-inner{
    position:relative;
    z-index:1;
    padding:24px 16px 22px;
}
.hero-tag{
    display:inline-block;
    padding:5px 12px;
    border-radius:16px;
    background:rgba(35,58,51,.45);
    border:1px solid rgba(255,233,200,.35);
    font-size:12px;
    color:#fff1da;
}
.hero h1{
    margin:14px 0 8px;
    font-size:34px;
    line-height:1.15;
    color:#fff7ea;
}
.hero p{
    margin:0;
    font-size:14px;
    line-height:1.7;
    color:rgba(255,245,229,.94);
}
.tabs{
    display:flex;
    margin:14px 0 2px;
}
.tabs .tab-btn + .tab-btn{
    margin-left:8px;
}
.tab-btn{
    flex:1;
    height:38px;
    border:none;
    border-radius:12px;
    background:#f1ece4;
    color:#68756f;
    font-size:14px;
    font-weight:600;
}
.tab-btn.active{
    background:linear-gradient(135deg,#2a6857,#1f5c4b);
    color:#fff;
}
.panel{display:none}
.panel.active{display:block}
.stats{
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-gap:10px;
    gap:10px;
}
.stat-item{
    border:1px solid var(--line);
    border-radius:10px;
    background:#fffcf8;
    padding:12px 10px;
}
.stat-item .k{
    font-size:12px;
    color:#7a867f;
}
.stat-item .v{
    margin-top:6px;
    font-size:20px;
    font-weight:700;
    color:#21493f;
}
.benefit-list{
    margin:0;
    padding:0;
    list-style:none;
}
.benefit-list li{
    margin-bottom:8px;
    padding-left:18px;
    position:relative;
    color:#5e6d68;
    line-height:1.68;
    font-size:14px;
}
.benefit-list li::before{
    content:"";
    width:6px;
    height:6px;
    border-radius:50%;
    background:var(--gold);
    position:absolute;
    left:2px;
    top:9px;
}
.rule-box{
    margin-top:12px;
    padding:12px;
    border:1px dashed #d8c8af;
    background:#fffaf2;
    border-radius:10px;
    color:#6a5a44;
    font-size:13px;
    line-height:1.66;
}
.calc{
    margin-top:10px;
    border:1px solid var(--line);
    border-radius:12px;
    padding:12px;
    background:#fff;
}
.calc-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:10px;
}
.calc-row:last-child{margin-bottom:0}
.calc-row .label{
    color:#667670;
    font-size:13px;
}
.calc-row .value{
    color:#224b40;
    font-weight:700;
    font-size:14px;
}
.slider{
    width:100%;
}
.notice{
    margin:0;
    color:#8b8b8b;
    font-size:12px;
    line-height:1.6;
}
.fixed-action{
    position:fixed;
    left:0;
    right:0;
    bottom:54px;
    max-width:750px;
    margin:0 auto;
    padding:10px 14px 12px;
    background:linear-gradient(to top,rgba(246,243,238,.96),rgba(246,243,238,.78));
}
.buy-btn{
    width:100%;
    height:44px;
    border:none;
    border-radius:12px;
    font-size:16px;
    font-weight:700;
    color:#fff;
    background:linear-gradient(135deg,#b78a52,#9c6f3a);
    box-shadow:0 10px 18px rgba(156,111,58,.26);
}
.buy-btn.purchased{
    background:linear-gradient(135deg,#2a6857,#1f5c4b);
    box-shadow:0 8px 14px rgba(31,92,75,.22);
}
.buy-btn:disabled{
    cursor:not-allowed;
    opacity:1;
}
#hui-footer.footer-menu a.active{
    color:var(--green);
}