.cc-panel{margin-top:24px;padding:34px 28px 28px;border:1px solid #dfe6f2;border-radius:18px;background:#ffffffeb;text-align:center}.cc-ring{position:relative;width:190px;max-width:55vw;margin:0 auto;aspect-ratio:1}.cc-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.cc-ring circle{fill:none;stroke-width:9;stroke-linecap:round}.cc-ring .cc-track{stroke:#e9eef7}.cc-ring .cc-value{stroke:var(--cc-color, #1fa456);transition:stroke-dashoffset .9s cubic-bezier(.22,.9,.3,1),stroke .3s}.cc-ring[data-level=mid]{--cc-color: #eab308}.cc-ring[data-level=high]{--cc-color: #ef4444}.cc-ring-center{position:absolute;inset:0;display:grid;place-content:center;gap:2px;text-align:center}.cc-ring-score{font-size:46px;font-weight:800;line-height:1;letter-spacing:-.02em;color:#0b1f47;font-variant-numeric:tabular-nums}.cc-ring-cap{color:#93a3bd;font-size:12px}.cc-level{display:inline-flex;align-items:center;gap:7px;height:32px;margin-top:18px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:700;color:#1fa456;background:#e4f7ec}.cc-level:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.cc-level[data-level=mid]{color:#a16207;background:#fdf1d6}.cc-level[data-level=high]{color:#d93b40;background:#fdeaea}.cc-desc{max-width:60ch;margin:14px auto 0;color:#0b1f47;font-size:15.5px;line-height:1.75}.cc-sub{margin:8px 0 0;color:#7688a4;font-size:13.5px}.cc-actions{display:flex;justify-content:center;gap:10px;margin-top:20px}.cc-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 20px;border:0;border-radius:10px;background:#3b82f6;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:filter .15s}.cc-btn:hover{filter:brightness(1.07)}.cc-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.cc-trust{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none}.cc-trust li{padding:4px 12px;border:1px solid #e4ebf5;border-radius:999px;color:#5a6b88;font-size:12.5px}.cc-section-head{margin:30px 0 14px}.cc-section-head h2{margin:0;color:#0b1f47;font-size:19px;font-weight:800}.cc-section-head p{margin:6px 0 0;color:#7688a4;font-size:13.5px}.cc-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}.cc-item{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 18px;border:1px solid #dfe6f2;border-radius:14px;background:#ffffffeb}.cc-item.is-hit{border-color:#f6d5d6;background:snow}.cc-ico{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#eef4ff;color:#2563eb}.cc-item.is-hit .cc-ico{background:#fdeaea;color:#d93b40}.cc-ico svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.cc-item-name{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#0b1f47;font-size:15px;font-weight:700}.cc-weight{padding:1px 8px;border-radius:6px;background:#eef3fa;color:#476084;font-size:11.5px;font-weight:600}.cc-item-detail{margin-top:4px;color:#5a6b88;font-size:13px;line-height:1.6;word-break:break-word}.cc-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:108px}.cc-pill{display:inline-flex;align-items:center;padding:3px 11px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap;color:#1fa456;background:#e4f7ec}.cc-pill.is-warn{color:#a16207;background:#fdf1d6}.cc-pill.is-bad{color:#d93b40;background:#fdeaea}.cc-score-text{color:#7688a4;font-size:12.5px;font-variant-numeric:tabular-nums;white-space:nowrap}.cc-bar{width:100%;height:6px;border-radius:999px;background:#eef2f8;overflow:hidden}.cc-bar i{display:block;height:100%;border-radius:999px;background:#3b82f6;transition:width .6s ease}.cc-item.is-hit .cc-bar i{background:#ef4444}.cc-fix{display:grid;gap:10px;margin:0;padding:0;list-style:none}.cc-fix li{padding:14px 18px;border:1px solid #dfe6f2;border-left:3px solid #3b82f6;border-radius:12px;background:#ffffffeb;color:#5a6b88;font-size:13.5px;line-height:1.75}.cc-fix li b{color:#0b1f47}[data-theme=dark] .cc-panel,[data-theme=dark] .cc-item,[data-theme=dark] .cc-fix li{background:#151e2e;border-color:#2b3a52}[data-theme=dark] .cc-item.is-hit{background:#1d1720;border-color:#4a2b34}[data-theme=dark] .cc-ring .cc-track{stroke:#1f2a3d}[data-theme=dark] .cc-ring-score,[data-theme=dark] .cc-desc,[data-theme=dark] .cc-section-head h2,[data-theme=dark] .cc-item-name,[data-theme=dark] .cc-fix li b{color:#e2e8f0}[data-theme=dark] .cc-ring-cap,[data-theme=dark] .cc-sub,[data-theme=dark] .cc-section-head p,[data-theme=dark] .cc-item-detail,[data-theme=dark] .cc-score-text,[data-theme=dark] .cc-trust li,[data-theme=dark] .cc-fix li{color:#94a3b8}[data-theme=dark] .cc-trust li{border-color:#2b3a52}[data-theme=dark] .cc-ico{background:#16202f;color:#7eaaf5}[data-theme=dark] .cc-item.is-hit .cc-ico{background:#2a1b21;color:#f08c8f}[data-theme=dark] .cc-weight{background:#1b2740;color:#b0bdd0}[data-theme=dark] .cc-bar{background:#1b2740}@media(max-width:640px){.cc-panel{padding:26px 16px 20px}.cc-ring-score{font-size:38px}.cc-desc{font-size:14.5px}.cc-item{grid-template-columns:34px minmax(0,1fr);gap:10px;padding:14px}.cc-ico{width:34px;height:34px;border-radius:10px}.cc-ico svg{width:17px;height:17px}.cc-item-right{grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:space-between;min-width:0}.cc-bar{order:3;flex:1 1 100%}}body{background:var(--bg)}