/* ============================================================
   AI 服务环境一致性检测 · 页面样式（沿用站点变量与配色）
   ============================================================ */
.ec-top{display:grid;grid-template-columns:300px 1fr;gap:22px;max-width:1000px;margin:0 auto 0 0;}
.ec-card{background:rgba(255,255,255,.9);border:1px solid rgba(0,148,82,.2);border-radius:18px;box-shadow:0 14px 34px rgba(23,92,120,.1);}
.ec-score-card{padding:26px 22px;text-align:center;display:flex;flex-direction:column;align-items:center;}
.ec-gauge{position:relative;width:150px;height:150px;}
.ec-gauge svg{transform:rotate(-90deg);}
.ec-ring-bg{fill:none;stroke:rgba(15,23,42,.08);stroke-width:12;}
.ec-ring-fg{fill:none;stroke-width:12;stroke-linecap:round;transition:stroke-dashoffset 1s ease,stroke .3s;}
.ec-ring-ok{stroke:#009452;}.ec-ring-warn{stroke:#f59e0b;}.ec-ring-bad{stroke:#ef4444;}
.ec-score-num{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.ec-score-num b{font-size:40px;font-weight:900;color:#0f172a;line-height:1;}
.ec-score-num span{font-size:12px;color:var(--ink-soft);margin-top:4px;}
.ec-status-text{margin:14px 0 4px;font-size:16px;font-weight:800;}
.ec-status-text.ec-ok{color:#009452;}.ec-status-text.ec-warn{color:#d97706;}.ec-status-text.ec-bad{color:#ef4444;}
.ec-score-hint{font-size:12.5px;color:var(--ink-soft);margin-bottom:16px;}
.ec-score-card .btn{width:100%;margin-top:8px;}
.ec-metrics-card{padding:22px;}
.ec-metrics-card h3{font-size:15px;color:#0f2a4d;margin-bottom:12px;}
.ec-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 18px;}
.ec-metric{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px dashed rgba(15,23,42,.1);}
.ec-m-k{font-size:13px;color:var(--ink-soft);white-space:nowrap;}
.ec-m-v{font-size:13px;font-weight:700;color:#0f172a;text-align:right;}
/* 进度 / 统计面板 */
.ec-prog{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.ec-prog-bar{flex:1;height:10px;background:rgba(15,23,42,.08);border-radius:999px;overflow:hidden;}
.ec-prog-bar span{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#00C290,#5840D9);transition:width .3s ease;}
.ec-prog-pct{font-size:13px;font-weight:800;color:#0f172a;min-width:38px;text-align:right;}
.ec-current{font-size:13px;color:var(--ink-soft);margin-bottom:14px;min-height:20px;line-height:1.5;}
.ec-current b{color:#5840D9;}
.ec-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.ec-stat{background:rgba(255,255,255,.7);border:1px solid var(--border);border-radius:12px;padding:12px 6px;text-align:center;}
.ec-stat b{display:block;font-size:22px;font-weight:900;color:#0f172a;line-height:1;}
.ec-stat span{display:block;font-size:12px;color:var(--ink-soft);margin-top:4px;}
.ec-stat.ec-s-ok b{color:#009452;}.ec-stat.ec-s-warn b{color:#d97706;}.ec-stat.ec-s-bad b{color:#ef4444;}
.ec-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:22px;}
.ec-actions .btn{min-width:150px;}
.ec-results{max-width:1000px;margin:26px 0 0;display:flex;flex-direction:column;gap:12px;}
.ec-loading{text-align:center;color:var(--ink-soft);padding:26px;}
.ec-item{background:rgba(255,255,255,.9);border:1px solid rgba(15,23,42,.1);border-radius:14px;overflow:hidden;border-left:4px solid #cbd5e1;}
.ec-item.ec-b-ok{border-left-color:#009452;}.ec-item.ec-b-warn{border-left-color:#f59e0b;}
.ec-item.ec-b-bad{border-left-color:#ef4444;}.ec-item.ec-b-na{border-left-color:#94a3b8;}
.ec-item-head{width:100%;background:none;border:0;cursor:pointer;font:inherit;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;text-align:left;}
.ec-item-name{font-size:15px;font-weight:700;color:#0f172a;}
.ec-item-right{display:flex;align-items:center;gap:10px;}
.ec-chip{font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;}
.ec-ok{background:rgba(0,148,82,.12);color:#009452;}.ec-warn{background:rgba(245,158,11,.14);color:#d97706;}
.ec-bad{background:rgba(239,68,68,.12);color:#ef4444;}.ec-na{background:rgba(148,163,184,.16);color:#64748b;}
.ec-deduct{font-size:12px;font-weight:700;color:#ef4444;}.ec-nodeduct{font-size:12px;color:#94a3b8;}
.ec-caret{font-style:normal;font-size:18px;color:var(--grass);transition:transform .2s;}
.ec-item.open .ec-caret{transform:rotate(45deg);}
.ec-item-body{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 16px;}
.ec-item.open .ec-item-body{max-height:460px;padding:0 16px 16px;}
.ec-kv{font-size:13.5px;color:#0f172a;margin-bottom:6px;}
.ec-detail{font-size:13px;color:var(--ink-soft);line-height:1.7;}
.ec-advice{margin-top:8px;font-size:13px;color:#0a7a4d;background:rgba(0,148,82,.08);border-radius:8px;padding:8px 12px;}
.ec-privacy{max-width:1000px;margin:28px 0 0;background:rgba(255,255,255,.8);border:1px solid var(--border);border-radius:14px;padding:18px 20px;}
.ec-privacy h4{font-size:14px;color:#0f2a4d;margin-bottom:8px;}
.ec-privacy p{font-size:12.5px;color:var(--ink-soft);line-height:1.8;}
.ec-note-inline{max-width:1000px;margin:0 0 10px;font-size:12.5px;color:#5b6b84;line-height:1.7;}
/* 三平台状态卡片 */
.ec-platforms{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1000px;margin:0 0 12px;}
.ec-plat{background:rgba(255,255,255,.9);border:1px solid var(--border);border-radius:16px;padding:18px 18px;border-top:4px solid #94a3b8;box-shadow:0 10px 26px rgba(23,92,120,.08);}
.ec-plat-ok{border-top-color:#009452;}.ec-plat-warn{border-top-color:#f59e0b;}
.ec-plat-bad{border-top-color:#ef4444;}.ec-plat-na{border-top-color:#94a3b8;}
.ec-plat-h{font-size:15px;font-weight:800;color:#0f2a4d;margin-bottom:10px;}
.ec-plat-row{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;padding:5px 0;border-bottom:1px dashed rgba(15,23,42,.08);}
.ec-plat-row span{color:var(--ink-soft);}.ec-plat-row b{color:#0f172a;text-align:right;}
.ec-plat-concl{margin-top:10px;font-size:12.5px;line-height:1.6;color:#334155;}
.ec-plat-ok .ec-plat-concl{color:#0a7a4d;}.ec-plat-bad .ec-plat-concl{color:#b91c1c;}.ec-plat-warn .ec-plat-concl{color:#b45309;}
/* 权重标签 / 同意 / 历史 */
.ec-weight{font-style:normal;font-size:11.5px;color:#94a3b8;font-weight:600;margin-left:6px;}
.ec-consent{display:block;margin-top:16px;font-size:12px;color:var(--ink-soft);line-height:1.5;cursor:pointer;}
.ec-hist-wrap{max-width:1000px;margin:22px 0 0;background:rgba(255,255,255,.8);border:1px solid var(--border);border-radius:14px;padding:16px 18px;}
.ec-hist-wrap h4{font-size:14px;color:#0f2a4d;margin-bottom:10px;}
.ec-history{display:flex;flex-wrap:wrap;gap:8px;}
.ec-hist-item{font-size:12px;color:#334155;background:rgba(0,148,82,.08);border:1px solid rgba(0,148,82,.2);border-radius:999px;padding:5px 12px;}
.ec-hist-empty{font-size:12.5px;color:var(--ink-soft);}
@media(min-width:1100px){.ec-platforms{max-width:960px;}.ec-hist-wrap{max-width:960px;}}
@media(max-width:760px){.ec-platforms{grid-template-columns:1fr;}}
@media(min-width:1100px){.ec-top,.ec-results,.ec-privacy,.ec-note-inline{max-width:960px;}}
@media(max-width:760px){.ec-top{grid-template-columns:1fr;}.ec-metrics{grid-template-columns:1fr;}.ec-actions .btn{flex:1;min-width:0;}}

/* ===== 复刻增强：分组、图标、不支持态、展开详情 ===== */
.ec-group{max-width:1000px;margin:22px 0 6px;font-size:14px;font-weight:800;color:#0f2a4d;display:flex;align-items:center;gap:8px;}
.ec-group::before{content:"";width:4px;height:15px;border-radius:3px;background:linear-gradient(180deg,#00C290,#5840D9);}
.ec-group .ec-group-sub{font-size:12px;font-weight:600;color:var(--ink-soft);}
@media(min-width:1100px){.ec-group{max-width:960px;}}
.ec-item-icon{font-size:16px;margin-right:8px;}
.ec-item-name{display:inline-flex;align-items:center;}
.ec-item-sum{font-size:12.5px;color:var(--ink-soft);margin:0 10px 0 0;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
@media(max-width:760px){.ec-item-sum{display:none;}}
/* 不支持 / 灰蓝态 */
.ec-item.ec-b-ns{border-left-color:#5b7089;}
.ec-ns{background:rgba(91,112,137,.14);color:#475569;}
.ec-plat-ns{border-top-color:#5b7089;}
.ec-plat-ns .ec-plat-concl{color:#475569;}
.ec-ring-na{stroke:#94a3b8;}
.ec-status-text.ec-na,.ec-status-text.ec-ns{color:#64748b;}
/* 展开详情分块 */
.ec-basis{margin-top:8px;font-size:13px;color:#334155;line-height:1.7;}
.ec-basis b,.ec-tech b{color:#0f2a4d;}
.ec-tech{margin-top:6px;font-size:12.5px;color:var(--ink-soft);line-height:1.7;}
.ec-scored{margin-top:8px;font-size:12.5px;font-weight:700;}
.ec-scored.yes{color:#ef4444;}.ec-scored.no{color:#0a7a4d;}
.ec-hero-note{margin-top:6px;font-size:13px;line-height:1.7;}
.ec-hist-actions{margin-top:12px;}

/* ===== 再次增强：信息项蓝灰态、橙色环、后端失败黄色提示、4 平台栅格 ===== */
.ec-item.ec-b-info{border-left-color:#5b7089;}
.ec-info{background:rgba(91,112,137,.14);color:#475569;}
.ec-ring-orange{stroke:#ea580c;}
.ec-status-text.ec-orange{color:#ea580c;}
.ec-status-text.ec-info{color:#475569;}
.ec-net-note{max-width:1000px;margin:8px 0 6px;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.35);color:#b45309;border-radius:12px;padding:12px 16px;font-size:13px;line-height:1.6;}
@media(min-width:1100px){.ec-net-note{max-width:960px;}}
/* 平台卡：ChatGPT / Claude / Gemini / Grok 四列，窄屏自适应换行 */
.ec-platforms{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));}
@media(max-width:760px){.ec-platforms{grid-template-columns:1fr;}}
.ec-plat-info{border-top-color:#5b7089;}
.ec-plat-info .ec-plat-concl{color:#475569;}
.ec-plat-src{grid-column:1/-1;font-size:12px;color:var(--ink-soft);margin-top:2px;}
