.c6-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}
.c6-vis{position:relative;height:372px}
.c6-win{position:absolute;left:0;top:0;width:52%;height:226px;border:1px solid var(--line);border-radius:12px;background:var(--paper);overflow:hidden}
.c6-bar{display:flex;align-items:center;gap:5px;height:36px;padding:0 10px;border-bottom:1px solid var(--line);background:var(--white)}
.c6-bar>i{flex:none;width:7px;height:7px;border-radius:50%;background:var(--line)}
.c6-url{flex:1;min-width:0;margin-left:4px;height:22px;border-radius:999px;background:var(--paper);font-size:12px;color:var(--muted);display:flex;align-items:center;padding:0 9px;white-space:nowrap;overflow:hidden}
.c6-ro{flex:none;height:20px;padding:0 7px;border-radius:999px;background:var(--navy);color:var(--white);font-size:12px;font-weight:700;letter-spacing:.02em;display:flex;align-items:center}
.c6-body{position:relative;padding:22px 16px}
.c6-err{display:grid;gap:8px}
.c6-err strong{font-size:17px;font-weight:700}
.c6-err code{display:block;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;line-height:1.5;color:var(--ink);background:var(--white);border:1px solid var(--line);border-left:3px solid var(--ink);border-radius:6px;padding:8px 10px;letter-spacing:0}
.c6-scan{position:absolute;left:0;right:0;top:0;height:46px;background:linear-gradient(180deg,rgba(36,87,232,0) 0%,rgba(36,87,232,.10) 85%,rgba(36,87,232,.0) 100%);border-bottom:2px solid var(--blue);opacity:0;pointer-events:none}
.c6-res{position:absolute;right:0;top:44px;width:52%;border:1px solid var(--line);border-radius:12px;background:var(--white);padding:14px;z-index:2}
.c6-ring{position:absolute;inset:-1px;border:2px solid var(--blue);border-radius:12px;opacity:0}
.c6-rh{font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--blue);padding-bottom:9px;margin-bottom:4px;border-bottom:1px solid var(--line)}
.c6-rh strong{display:block;font-size:16px;color:var(--ink);letter-spacing:-.02em;margin-top:2px}
.c6-row{display:grid;gap:6px;padding:9px 0;border-bottom:1px dashed var(--line)}
.c6-row:last-child{border-bottom:0;padding-bottom:0}
.c6-row>span{font-size:12px;font-weight:600;color:var(--muted)}
.c6-sk{display:grid;gap:5px}
.c6-sk b{display:block;height:8px;border-radius:4px;background:var(--line);transform-origin:left center}
.c6-sk b:nth-child(2){width:62%}
.c6-tiers{display:flex;gap:5px}
.c6-tier{position:relative;flex:1;min-width:0;height:28px;border-radius:8px;border:1px solid var(--line);display:grid;place-items:center;font-size:12px;font-weight:650;white-space:nowrap}
.c6-tier>b{position:absolute;inset:-1px;border-radius:8px;border:2px solid var(--blue);background:var(--soft);opacity:0}
.c6-tier>em{position:relative;font-style:normal}
.c6-cta{font-size:12px;font-weight:600;color:var(--blue)}
.c6-next{margin-top:9px;font-size:13px;font-weight:650}
.c6-list{list-style:none;display:grid;gap:6px}
.c6-list li{position:relative;display:grid;grid-template-columns:44px 1fr;align-items:center;padding:14px 14px 14px 10px;border-top:1px solid var(--line)}
.c6-list li:first-child{border-top:0}
.c6-hl{position:absolute;inset:0;border-radius:12px;background:var(--soft);opacity:0}
.c6-mark{position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:2px;background:var(--blue);transform:scaleY(0)}
.c6-num{position:relative;width:30px;height:30px;display:grid;place-items:center;font-size:13px;font-weight:600;color:var(--muted);letter-spacing:0}
.c6-num b{position:absolute;inset:0;border-radius:50%;background:var(--blue);color:var(--white);display:grid;place-items:center;font-weight:700;opacity:0}
.c6-txt{position:relative;display:grid;gap:3px}
.c6-txt strong{font-size:18px;font-weight:650}
.c6-txt span{font-size:15px;color:var(--muted)}
@container (max-width:639px){
.c6-grid{grid-template-columns:1fr;gap:16px}
.c6-vis{height:410px}
.c6-next{margin-top:7px}
.c6-win{width:100%;height:150px}
.c6-bar{height:32px}
.c6-body{padding:14px 12px}
.c6-err{gap:6px}
.c6-err strong{font-size:15px}
.c6-scan{height:36px}
.c6-res{top:122px;left:12%;right:0;width:auto;padding:10px 12px}
.c6-rh{padding-bottom:7px}
.c6-rh strong{font-size:14px}
.c6-row{padding:7px 0;gap:5px}
.c6-list li{grid-template-columns:40px 1fr;padding:10px 10px 10px 8px}
.c6-num{font-size:12px}
.c6-txt strong{font-size:16px}
.c6-txt span{font-size:13px}
}