.container{max-width:1100px}
.page-hero{background:linear-gradient(135deg,#1D352F 0%,#2B8C5E 100%);color:white;padding:48px 0;margin-bottom:40px;position:relative;overflow:hidden}
.page-hero::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 80% 20%,rgba(246,189,96,.12) 0%,transparent 60%);pointer-events:none}
.page-hero h1{font-size:1.8rem;font-weight:700;margin-bottom:6px;position:relative;z-index:1}
.page-hero p{font-size:.9rem;color:#C6DCD4;position:relative;z-index:1}
.section-title{font-size:1.2rem;font-weight:700;color:#1F3E3B;margin-bottom:20px;display:flex;align-items:center;gap:8px}
.section-title::before{content:'';width:4px;height:20px;background:var(--brand-green);border-radius:4px}
.card{background:var(--white);border-radius:var(--radius-card);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);padding:32px;margin-bottom:24px}
.step-flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:20px 0}
.step-flow .s-item{text-align:center;padding:20px 12px;background:#FCFAF4;border-radius:14px;position:relative}
.step-flow .s-item .s-num{width:32px;height:32px;border-radius:50%;background:var(--brand-green);color:white;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;margin:0 auto 8px}
.step-flow .s-item h4{font-size:.82rem;font-weight:600;color:#1F3E3B}
.step-flow .s-item p{font-size:.72rem;color:var(--gray-mid);margin-top:2px}
.step-flow .s-item .s-arrow{position:absolute;right:-10px;top:50%;transform:translateY(-50%);color:#E4DDCF;font-size:1rem}
.step-flow .s-item:last-child .s-arrow{display:none}
.tab-nav{display:flex;gap:0;margin-bottom:24px;background:#F2EFE7;border-radius:12px;padding:4px;overflow-x:auto}
.tab-nav .tn-item{padding:8px 18px;border-radius:10px;font-size:.82rem;font-weight:500;cursor:pointer;color:var(--gray-mid);white-space:nowrap;transition:.2s}
.tab-nav .tn-item.active{background:var(--white);color:var(--brand-green);font-weight:600;box-shadow:0 2px 6px rgba(0,0,0,.05)}
.tab-content{display:none}
.tab-content.active{display:block}
.guide-section{margin-bottom:24px}
.guide-section h4{font-size:.9rem;font-weight:600;color:#1F3E3B;margin-bottom:8px;display:flex;align-items:center;gap:6px}
.guide-section h4 i{color:var(--brand-green);width:18px}
.guide-section p,.guide-section li{font-size:.82rem;color:var(--gray-mid);margin-bottom:4px}
.guide-section ul{padding-left:20px}
.guide-section ul li{margin-bottom:4px}
.guide-section .tip-box{background:#FCFAF4;border-radius:10px;padding:12px 16px;margin:8px 0;font-size:.78rem;border-left:3px solid var(--accent-orange)}
.fee-table{width:100%;border-collapse:collapse;font-size:.82rem;margin:8px 0}
.fee-table th,.fee-table td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--border-light)}
.fee-table th{background:#FCFAF4;font-weight:500;color:var(--gray-deep)}
.fee-table td{color:var(--gray-mid)}
.fee-table tr:hover td{background:#FCFAF4}
@media(max-width:768px){
    .tab-nav{gap:4px}.tab-nav .tn-item{padding:6px 12px;font-size:.78rem}
}