/*全局样式*/

*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,-apple-system,sans-serif;}
body{background:#edf5ec;color:#000000;padding:20px 16px 40px;min-height:100vh;}
.container {
    max-width: 960px;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(4px);
    border-radius: 12px;
    padding: 20px;
}
.header{border-bottom:1px solid #c8dcc6;padding-bottom:12px;margin-bottom:20px;}
.header h1{font-size:1.25rem;font-weight:600;color:#000000;}
/* .tabs{display:flex;gap:4px;margin-bottom:20px;flex-wrap:wrap;}
.tab{padding:8px 18px;border:none;background:#d8e8d6;border-radius:6px;font-size:.88rem;cursor:pointer;color:#2d4a2d;font-weight:500;transition:.15s;}
.tab:hover{background:#c2dcc0;}
.tab.active{background:#3c7a3c;color:#fff;} */
.panel{display:none;background:#fff;border:1px solid #d0e0ce;border-radius:8px;padding:20px;margin-bottom:16px;}
.panel.active{display:block;}
.panel h2{font-size:1rem;font-weight:600;margin-bottom:14px;color:#000000;}

.back-link { display: inline-block; margin-bottom: 16px; color: #3c7a3c; text-decoration: none; }
.back-link:hover { text-decoration: none; }

.row{display:flex;flex-wrap:wrap;gap:10px 16px;margin-bottom:12px;}
.field{flex:1;min-width:140px;}
.field label{display:block;font-size:.75rem;color:#557855;margin-bottom:2px;font-weight:500;}
.label-row {
    display: flex;
    align-items: center;
    gap: 8px;
}


.field input,.field select{width:100%;padding:7px 8px;border:1px solid #c8dcc6;border-radius:5px;font-size:.88rem;outline:none;background:#fff;color:#1a2e1a;}
.field input:focus,.field select:focus{border-color:#3c7a3c;}
input[type="number"] {
    -moz-appearance: textfield;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


.year-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:6px 0;border-bottom:1px solid #e0ede0;}
.year-row .yl{font-weight:600;font-size:.82rem;color:#457045;min-width:42px;}
.year-row .yf{display:flex;align-items:center;gap:3px;border:1px solid #d0e0ce;border-radius:4px;padding:2px 6px;background:#f6faf6;}
.year-row .yf span{font-size:.65rem;color:#6a8a6a;white-space:nowrap;}
.year-row .yf input{width:52px;border:none;outline:none;padding:3px 0;font-size:.8rem;background:transparent;color:#1a2e1a;}

.btn{padding:7px 16px;border:1px solid #c8dcc6;border-radius:5px;background:#e8f2e8;cursor:pointer;font-size:.85rem;color:#1a2e1a;transition:.1s;}
.btn:hover{background:#d6e6d4;}
.btn-primary{padding:8px 20px;background:#e8f2e8;color:#000000;border:1px solid #c8dcc6;border-radius:5px;cursor:pointer;font-size:.9rem;font-weight:500;transition:.1s;}
.btn-primary:hover{background:#d6e6d4;}
.btn-sm{padding:4px 10px;font-size:.78rem;}

.results{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
.res-item{flex:1;min-width:100px;background:#f2f8f2;border:1px solid #d0e0ce;border-radius:6px;padding:10px 12px;text-align:center;}
.res-item .rl{font-size:.7rem;color:#6a8a6a;text-transform:uppercase;letter-spacing:.02em;}
.res-item .rv{font-size:1.05rem;font-weight:700;color:#1d5a1d;margin-top:3px;}

/*irr详细计算结果表*/
.result-detail { margin-top: 12px; background: #f8faf8; border-radius: 6px; padding: 12px; font-size: 0.85rem; }
.result-detail table { width: 100%; border-collapse: collapse; margin-top: 8px; }
.result-detail th, .result-detail td { border: 1px solid #d0e0ce; padding: 4px 8px; text-align: right; }
.result-detail th { background: #e8f0e8; font-weight: 600; }
.result-detail .highlight { font-weight: 700; color: #1d5a1d; }
/* ===== 表格水平滚动（手机适配） ===== */
.result-detail {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* iOS 流畅滚动 */
}
.result-detail table {
    min-width: 600px;  /* 保证表格内容不被压缩，可根据列数调整 */
    width: auto;
}



.note {
    color: #999;           /* 或 #999（更浅的灰色） */
    font-size: .75rem;
    margin-top: 8px;
    line-height: 1.5;
}

.prop-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:6px 8px;background:#f2f8f2;border:1px solid #d0e0ce;border-radius:5px;margin-bottom:6px;}
.prop-row .pf{display:flex;align-items:center;gap:3px;border:1px solid #d0e0ce;border-radius:4px;padding:2px 6px;background:#fff;}
.prop-row .pf span{font-size:.65rem;color:#6a8a6a;white-space:nowrap;}
.prop-row .pf input{width:70px;border:none;outline:none;padding:3px 0;font-size:.8rem;background:transparent;color:#1a2e1a;}
.prop-row .pf input[type=text]{width:70px;}
.section-title{font-size:.88rem;font-weight:500;margin:14px 0 6px;color:#1d3b1d;}

.mt-8{margin-top:8px;}
.mb-8{margin-bottom:8px;}
/*.mt-12{margin-top:12px;}*/
.mt-16{margin-top:16px;}
.gap-6{display:flex;gap:6px;flex-wrap:wrap;}
.contact{margin-top:24px;border-top:1px solid #c8dcc6;padding-top:14px;text-align:center;font-size:.82rem;color:#557855;}
.contact strong{color:#2d6a2d;}
/* 付费徽章 */
.paid-badge {
    display: inline-block;
    background: #e74c3c;
    color: #fff;
    font-size: 0.6rem;
    font-weight: 700;
    padding: 0.1rem 0.6rem;
    border-radius: 12px;
    margin-left: 6px;
    vertical-align: middle;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}


.articles-section { margin-top: 30px; border-top: 1px solid #c8dcc6; padding-top: 20px; }
.articles-section h3 { font-size: 1rem; color: #1d3b1d; margin-bottom: 12px; }
.article-item { background: #fff; border: 1px solid #d0e0ce; border-radius: 6px; padding: 12px 16px; margin-bottom: 10px; }
.article-item h4 { font-size: 0.95rem; color: #2d6a2d; margin-bottom: 4px; }
.article-item p { font-size: 0.8rem; color: #557855; margin: 0; }

/* 文章列表和详情页的链接：始终无下划线 */
.article-item a,
.article-container a {
    text-decoration: none !important;
    color: #000000;
}
.article-item a:hover,
.article-container a:hover {
    text-decoration: none !important;  /* 悬停也不下划线 */
    color: #3c7a3c;                    /* 仅颜色变绿 */
}

/* ===== 统一文字颜色为纯黑（除底部版权） ===== */
body,
body *:not(footer):not(footer *) {
    color: #000000 !important;
}

/* 覆盖全局黑色，让公式说明变成灰色 */
.note,
.note * {
    color: #888888 !important;
}

/* 保留底部版权灰色 */
footer,
footer * {
    color: #999 !important;
}

/* 保留绿色悬停效果 */
.nav-card:hover h3,
.article-item a:hover,
.article-container a:hover,
a:hover {
    color: #3c7a3c !important;
}