.ct-hero-visual{padding-bottom:156px;position:relative}.ct-hero-score{grid-template-columns:auto 1fr;align-items:center;gap:28px;margin-top:22px;display:grid}.ct-ring{flex:none;position:relative}.ct-ring svg{display:block}.ct-ring-value{text-align:center;flex-wrap:wrap;place-content:center;align-items:baseline;gap:3px;display:flex;position:absolute;inset:0}.ct-ring-value b{font:700 38px/1 var(--font-mono);letter-spacing:-.06em}.ct-ring-value span{color:var(--pd-muted);font:500 12px/1 var(--font-mono)}.ct-ring-value small{color:var(--pd-text-2);flex-basis:100%;margin-top:6px;font-size:10px;font-weight:500}.ct-layer-bars{gap:16px;margin:0;padding:0;list-style:none;display:grid}.ct-layer-bars li>div{color:var(--pd-text-2);justify-content:space-between;margin-bottom:7px;font-size:13px;display:flex}.ct-layer-bars b{color:var(--ink);font:600 13px/1 var(--font-mono)}.ct-layer-bars b.is-low{color:var(--pd-amber)}.ct-layer-bars i{background:#eef2f7;border-radius:99px;height:6px;display:block;overflow:hidden}.ct-layer-bars em{background:linear-gradient(90deg, var(--blue), var(--cyan));border-radius:inherit;height:100%;display:block}.ct-layer-bars em.is-low{background:linear-gradient(90deg, #f7b84b, var(--pd-amber))}.ct-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px;display:grid}.ct-stat{background:var(--pd-soft);border-radius:12px;padding:14px}.ct-stat b{font:700 24px/1 var(--font-mono);letter-spacing:-.04em;display:block}.ct-stat span{color:var(--pd-text-2);margin-top:7px;font-size:12px;display:block}.ct-stat-0 b{color:var(--pd-red)}.ct-stat-1 b{color:var(--pd-amber)}.ct-stat-2 b{color:var(--pd-green)}.ct-float-issues{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);width:280px;box-shadow:var(--shadow-lg);background:#ffffffeb;border-radius:16px;padding:16px;animation:7s ease-in-out infinite float;position:absolute;bottom:0;left:-32px}.ct-float-issues p{color:var(--pd-muted);font:500 10px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px}.ct-float-issues ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.ct-float-issues li{border-radius:8px;align-items:center;gap:10px;padding:8px 6px;font-size:13px;font-weight:500;display:flex}.ct-float-issues li+li{border-top:1px solid #f0f3f7}.ct-float-issues li svg{color:var(--pd-muted);margin-left:auto}.ct-problem-card h3{margin-top:20px}.ct-layer-card h3{margin-top:24px}.ct-checks-label{margin:20px 0 10px;display:block}.ct-converge{margin-top:28px;position:relative}.ct-converge-labels{text-align:center;color:var(--pd-muted);font:500 11px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;grid-template-columns:repeat(3,1fr);display:grid}.ct-converge svg{width:100%;height:70px;margin-top:10px;display:block}.ct-converge path{fill:none;stroke:#b9c6f5;stroke-width:1.5px;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}.ct-unified{color:#fff;background:var(--pd-cta);border-radius:14px;align-items:center;gap:14px;width:fit-content;margin:0 auto;padding:14px 22px;display:flex;box-shadow:0 16px 34px -14px #0f17288c}.ct-unified svg{color:#8ea6ff}.ct-unified>div{gap:3px;display:grid}.ct-unified strong{font-size:15px}.ct-unified span{color:#a9b3c4;font-size:12px}.ct-showcase{border:1px solid var(--line);background:linear-gradient(160deg,#eef2fb,#f4f2ff 60%,#eefafb);border-radius:28px;gap:22px;margin-inline:auto;padding:36px;display:grid}.ct-overview-grid{grid-template-columns:1fr 1.1fr;align-items:center;gap:36px;display:grid}.ct-overview-score{grid-template-columns:auto 1fr;align-items:center;gap:28px;display:grid}.ct-priority{border-left:1px solid #eef1f6;padding-left:32px}.ct-priority ul{margin:12px 0 0;padding:0;list-style:none;display:grid}.ct-priority li{border-bottom:1px solid #f0f3f7;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:13px 0;font-size:14px;display:grid}.ct-priority li:last-child{border-bottom:0}.ct-priority li strong{font-weight:600}.ct-priority li span:not(.pd-dot){color:var(--pd-muted);font:500 12px/1 var(--font-mono)}.ct-priority li svg{color:var(--pd-muted)}.ct-showcase-row{grid-template-columns:1fr 1fr;gap:22px;display:grid}.ct-issue-head{justify-content:space-between;align-items:center;display:flex}.ct-severity{color:var(--pd-red);font:600 11px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;background:#fdecec;border-radius:999px;padding:5px 10px}.ct-issue-title{letter-spacing:-.02em;margin:16px 0 14px;font-size:20px;font-weight:650}.ct-compare{gap:8px;margin:0;display:grid}.ct-compare>div{background:var(--pd-soft);border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.ct-compare dt{color:var(--pd-text-2);font-size:13px}.ct-compare dd{font:600 15px/1 var(--font-mono);margin:0}.ct-compare>.is-diff{background:#fff7ed;border-color:#fde3c0}.ct-compare>.is-diff dd{color:#c2620a}.ct-compare.is-large>div{padding:16px 18px}.ct-compare.is-large dd{font-size:20px}.ct-report-head{align-items:center;gap:10px;display:flex}.ct-report-head svg{color:var(--blue)}.ct-report-head strong{font-size:16px}.ct-report-score{flex-wrap:wrap;align-items:baseline;gap:6px;margin-top:18px;display:flex}.ct-report-score b{font:700 46px/1 var(--font-mono);letter-spacing:-.06em}.ct-report-score span{color:var(--pd-muted);font:500 14px/1 var(--font-mono)}.ct-report-score em{color:var(--pd-green);font:600 12px/1 var(--font-mono);background:#e9f8f0;border-radius:999px;margin-left:10px;padding:5px 10px;font-style:normal}.ct-report-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;display:grid}.ct-report-stats>div{background:var(--pd-soft);border-radius:10px;padding:12px}.ct-report-stats b{font:700 20px/1 var(--font-mono);display:block}.ct-report-stats span{color:var(--pd-text-2);margin-top:6px;font-size:12px;display:block}.ct-report-stats>div:first-child b{color:var(--pd-green)}.ct-report-stats>div:nth-child(2) b{color:var(--pd-amber)}.ct-report-stats>div:nth-child(3) b{color:var(--blue)}.ct-evidence{grid-template-columns:1fr 1fr;gap:18px;display:grid}.ct-evidence-issue,.ct-evidence-detail{border:1px solid var(--line);background:#fff;border-radius:18px;padding:28px}.ct-evidence-issue h3{letter-spacing:-.025em;margin:18px 0;font-size:24px;font-weight:650}.ct-evidence-detail{position:relative}.ct-evidence-detail:before{content:"";border-left:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;width:18px;height:18px;position:absolute;top:50%;left:-10px;transform:translateY(-50%)rotate(45deg)}.ct-evidence-detail>.pd-mono-label{color:var(--blue);margin:0 0 14px}.ct-kv{margin:0;display:grid}.ct-kv>div{border-bottom:1px dashed #e6ebf2;justify-content:space-between;gap:16px;padding:14px 0;display:flex}.ct-kv>div:last-child{border-bottom:0}.ct-kv dt{color:var(--pd-text-2);font-size:14px}.ct-kv dd{color:var(--ink);font:600 14px/1.3 var(--font-mono);text-align:right;margin:0}.ct-evidence-fix{background:#f0f9f4;border:1px solid #cdeedb;border-radius:16px;grid-column:1/-1;align-items:center;gap:16px;padding:20px 24px;display:flex}.ct-evidence-fix .pd-icon{color:var(--pd-green);background:#dcf3e6}.ct-evidence-fix>div{gap:6px;display:grid}.ct-evidence-fix .pd-mono-label{color:var(--pd-green);margin:0}.ct-evidence-fix strong{font-size:16px;font-weight:600}.ct-fix-layout{grid-template-columns:.8fr 1.2fr;align-items:start;gap:64px;display:grid}.ct-fix-layout .pd-heading{margin-bottom:0;position:sticky;top:110px}.ct-fix-line{letter-spacing:-.045em;font-size:clamp(36px,4.4vw,56px);line-height:1.05;display:block}.ct-fix-line[data-accent]{color:var(--blue)}.ct-fix-visual{gap:16px;display:grid}.ct-before-after{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;display:grid}.ct-ba-card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:24px}.ct-ba-card.is-after{border-color:#315ef859;box-shadow:0 18px 40px -20px #315ef873}.ct-ba-score{align-items:baseline;gap:5px;margin:14px 0 16px;display:flex}.ct-ba-score b{font:700 48px/1 var(--font-mono);letter-spacing:-.06em}.ct-ba-card:not(.is-after) .ct-ba-score b{color:#a0a9b8}.ct-ba-card.is-after .ct-ba-score b{color:var(--blue)}.ct-ba-score span{color:var(--pd-muted);font:500 13px/1 var(--font-mono)}.ct-ba-card ul{border-top:1px solid #eef1f6;gap:10px;margin:0;padding:14px 0 0;list-style:none;display:grid}.ct-ba-card li{font:500 13px/1 var(--font-mono);align-items:center;gap:10px;display:flex}.ct-ba-arrow{color:#fff;background:var(--blue);border-radius:50%;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 10px 22px -8px #315ef899}.ct-ba-chips{flex-wrap:wrap;gap:8px;display:flex}.ct-ba-chips span{color:var(--ink-soft);border:1px solid var(--line);font:600 13px/1 var(--font-mono);background:#fff;border-radius:999px;padding:8px 14px}.ct-ba-chips span.is-positive{color:var(--pd-green);background:#e9f8f0;border-color:#cdeedb}.ct-safe-fix{border:1px solid var(--line);background:#fff;border-radius:18px;padding:22px 24px}.ct-safe-head{align-items:center;gap:10px;display:flex}.ct-safe-head svg{color:var(--blue)}.ct-safe-head strong{font-size:15px}.ct-safe-head code{color:var(--blue);background:var(--blue-soft);font:500 12px/1.2 var(--font-mono);border-radius:6px;margin-left:auto;padding:4px 9px}.ct-safe-diff{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin:18px 0;display:grid}.ct-safe-diff>svg{color:var(--pd-muted)}.ct-safe-diff>div{gap:8px;display:grid}.ct-safe-diff code{font:500 14px/1 var(--font-mono);border-radius:10px;padding:11px 14px}.ct-safe-diff code.is-before{color:#b42318;background:#fef3f2;-webkit-text-decoration:line-through #b4231866;text-decoration:line-through #b4231866}.ct-safe-diff code.is-after{color:#067647;background:#ecfdf3}.ct-safe-foot{border-top:1px solid #eef1f6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;display:flex}.ct-safe-foot p{color:var(--pd-green);align-items:center;gap:7px;margin:0;font-size:13px;font-weight:600;display:inline-flex}html[lang=zh-CN] .ct-fix-line{letter-spacing:-.01em;line-height:1.2}@media (max-width:960px){.ct-float-issues{left:16px}.ct-overview-grid{grid-template-columns:1fr}.ct-priority{border-top:1px solid #eef1f6;border-left:0;padding-top:20px;padding-left:0}.ct-fix-layout{grid-template-columns:1fr;gap:40px}.ct-fix-layout .pd-heading{position:static}.ct-fix-line{margin-right:.3em;display:inline}}@media (max-width:760px){.ct-hero-score,.ct-overview-score{grid-template-columns:1fr;justify-items:center}.ct-hero-score .ct-layer-bars,.ct-overview-score .ct-layer-bars{width:100%}.ct-float-issues{width:auto;margin:-24px 12px 0;animation:none;position:relative;left:0}.ct-hero-visual{padding-bottom:0}.ct-showcase-row,.ct-evidence{grid-template-columns:1fr}.ct-converge{display:none}.ct-unified{margin-top:20px}.ct-showcase{border-radius:20px;padding:16px}.ct-priority li{grid-template-columns:auto 1fr auto}.ct-priority li svg,.ct-evidence-detail:before{display:none}.ct-before-after{grid-template-columns:1fr}.ct-ba-arrow{justify-self:center;transform:rotate(90deg)}.ct-safe-diff{grid-template-columns:1fr}.ct-safe-diff>svg{justify-self:center;transform:rotate(90deg)}}