/* 页面级自定义样式入口。基础设计系统由页面直接引入，避免重复加载。 */
.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-2)}
.breadcrumb a{color:var(--color-text-secondary)}
.breadcrumb a:hover{color:var(--color-text-primary)}
.breadcrumb__sep{color:var(--color-text-muted)}
.related-calcs{margin-top:var(--space-lg)}
.related-calcs__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}
@media (min-width:768px){.related-calcs__grid{grid-template-columns:repeat(4,1fr)}}
.related-calcs__item{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-3);transition:all var(--duration-normal) var(--ease-default)}
.related-calcs__item:hover{transform:translateY(-1px);border-color:var(--color-border);box-shadow:var(--shadow-md)}
.related-calcs__name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}
.related-calcs__desc{font-size:var(--text-xs);color:var(--color-text-muted);line-height:var(--leading-relaxed)}
.traffic-hero{max-width:760px;margin:0 auto var(--space-5);text-align:center}.traffic-hero h2{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0 0 var(--space-2)}.traffic-hero p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:var(--leading-relaxed)}.traffic-layout{max-width:920px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width:900px){.traffic-layout{grid-template-columns:minmax(0,1.4fr) minmax(280px,0.8fr);align-items:start}}.traffic-panel{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.traffic-slider{padding:var(--space-4);border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:linear-gradient(180deg,#fff,var(--color-bg-page));margin-bottom:var(--space-3)}.traffic-slider:last-child{margin-bottom:0}.traffic-slider__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-1)}.traffic-slider__head label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.traffic-slider__head strong{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--primary);background:rgba(83,74,183,0.1);border-radius:var(--radius-full);padding:var(--space-1) var(--space-2);white-space:nowrap}.traffic-slider__icon{width:28px;height:28px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;color:#fff;background:var(--gradient-science);font-size:var(--text-xs);font-weight:var(--font-bold)}.traffic-slider__hint{font-size:var(--text-xs);color:var(--color-text-muted);margin-left:36px;margin-bottom:var(--space-3)}.traffic-range{--range-progress:0%;width:100%;height:26px;min-height:26px;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}.traffic-range::-webkit-slider-runnable-track{height:10px;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--primary) 0%,var(--primary) var(--range-progress),var(--color-bg-input-hover) var(--range-progress),var(--color-bg-input-hover) 100%)}.traffic-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:6px solid var(--primary);box-shadow:0 2px 8px rgba(83,74,183,.35);margin-top:-7px}.traffic-range::-moz-range-track{height:10px;border-radius:var(--radius-full);background:var(--color-bg-input-hover)}.traffic-range::-moz-range-progress{height:10px;border-radius:var(--radius-full);background:var(--primary)}.traffic-range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:6px solid var(--primary);box-shadow:0 2px 8px rgba(83,74,183,.35)}.traffic-result{background:linear-gradient(135deg,#0f766e,#2563eb);border-radius:var(--radius-lg);padding:var(--space-5);color:#fff;box-shadow:var(--shadow-md);position:sticky;top:var(--space-4)}.traffic-result__label{font-size:var(--text-sm);color:rgba(255,255,255,.78);margin-bottom:var(--space-2)}.traffic-result__value{display:flex;align-items:baseline;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:1}.traffic-result__value small{font-size:var(--text-base);color:rgba(255,255,255,.78)}.traffic-result__bar{height:8px;border-radius:var(--radius-full);background:rgba(255,255,255,.22);overflow:hidden;margin:var(--space-4) 0}.traffic-result__bar span{display:block;height:100%;width:0%;background:#fff;border-radius:inherit;transition:width var(--duration-normal) var(--ease-default)}.traffic-result__recommend{font-size:var(--text-sm);font-weight:var(--font-semibold);min-height:1.5em}.traffic-result__cta{display:inline-flex;align-items:center;justify-content:center;margin-top:var(--space-4);min-height:44px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:#fff;color:#0f766e;font-size:var(--text-sm);font-weight:var(--font-semibold)}