.advanced-analysis { margin-top: 1.5rem; padding-top: 1.2rem; border-top: 1px solid #45615f; }
.advanced-analysis[hidden] { display: none; }
.advanced-analysis__head { display: flex; justify-content: space-between; gap: 1rem; align-items: end; }
.advanced-analysis__head h3 { margin: 0; font-size: 1.2rem; }
.advanced-analysis__notice { margin: .7rem 0 1rem; padding: .65rem .75rem; border-left: 3px solid #dfff67; background: #ffffff10; color: #cfe0d9; font-size: .73rem; }
.analysis-grid { display: grid; grid-template-columns: minmax(210px, .9fr) minmax(260px, 1.1fr); gap: 1rem; }
.filters { grid-template-columns: 1.5fr 1fr 1fr 1fr; }
.radar-wrap, .analysis-factors, .analysis-cases { padding: .8rem; border: 1px solid #45615f; border-radius: .7rem; background: #173f3d; }
.radar-wrap h4, .analysis-factors h4, .analysis-cases h4 { margin: 0 0 .6rem; color: #dfff67; font-size: .76rem; letter-spacing: .08em; }
.radar-wrap svg { width: 100%; max-height: 270px; overflow: visible; }
.radar-grid { fill: #ffffff08; stroke: #86a69d; stroke-width: 1; }
.radar-shape { fill: #dfff6740; stroke: #dfff67; stroke-width: 2; }
.radar-point { fill: #ef8757; stroke: #fff; stroke-width: 1; }
.radar-label { fill: #d4e6df; font-size: 10px; font-weight: 700; }
.analysis-factors ol { margin: 0; padding: 0; list-style: none; display: grid; gap: .65rem; }
.analysis-factors li { display: grid; grid-template-columns: 1fr auto; gap: .2rem .7rem; align-items: end; }
.analysis-factors strong { color: #fff; font-size: .85rem; }
.analysis-factors span { color: #dfff67; font-weight: 900; }
.analysis-factors small { grid-column: 1 / -1; color: #bcd0c8; font-size: .72rem; }
.factor-bar { grid-column: 1 / -1; height: .45rem; overflow: hidden; border-radius: 99px; background: #ffffff18; }
.factor-bar i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #65b580, #e9c957, #e7664b); }
.analysis-cases { grid-column: 1 / -1; }
.analysis-trend { grid-column: 1 / -1; padding: .8rem; border: 1px solid #45615f; border-radius: .7rem; background: #173f3d; }
.analysis-trend h4 { margin: 0 0 .6rem; color: #dfff67; font-size: .76rem; letter-spacing: .08em; }
.analysis-trend__chart { position: relative; }
.analysis-trend svg { width: 100%; height: 160px; border-radius: .4rem; background: #0c2527; }
.analysis-trend path { fill: none; stroke: #dfff67; stroke-width: 3; }
.analysis-trend circle { fill: #ef8757; stroke: #fff; stroke-width: 1.5; cursor: crosshair; }
.analysis-trend circle:focus { outline: none; stroke: #dfff67; stroke-width: 3; }
.trend-grid { stroke: #7da09966; stroke-width: 1; stroke-dasharray: 3 3; }
.trend-y-label, .trend-x-label { fill: #bdd3cb; font-size: 10px; }
.analysis-trend-tooltip { position: absolute; z-index: 3; min-width: 104px; padding: .3rem .45rem; border: 1px solid #dfff67; border-radius: .35rem; background: #071e20; color: #f4ffe8; font-size: .72rem; font-weight: 800; pointer-events: none; }
.analysis-trend small { color: #c4d6cf; font-size: .72rem; }
.analysis-cases ul { margin: 0; padding: 0; list-style: none; display: grid; gap: .45rem; }
.analysis-cases li { display: flex; justify-content: space-between; gap: .8rem; padding: .55rem .65rem; border-radius: .45rem; background: #ffffff0c; }
.analysis-cases b { color: #fff; font-size: .82rem; }
.analysis-cases span { color: #c4d6cf; font-size: .74rem; text-align: right; }
@media (max-width: 850px) { .analysis-grid { grid-template-columns: 1fr; } .analysis-cases { grid-column: auto; } }