.vs-x{font-weight:400;font-style:italic;opacity:.55;margin:0 .08em}
.vs-hero .ch-art{display:flex;justify-content:center}
.vs-card{position:relative;width:min(100%,460px);background:linear-gradient(180deg,#ffffff 0%,#f5f8ff 100%);border-radius:28px;padding:22px;box-shadow:0 40px 90px -30px rgba(37,84,212,.65),0 0 0 1px rgba(255,255,255,.65) inset,0 0 0 8px rgba(255,255,255,.08);transform:rotateY(-6deg) rotateX(3deg);transition:transform .6s var(--ease-emphasis)}
.vs-card:hover{transform:none}
.vs-card::before{content:"";position:absolute;inset:-60px -40px auto;height:220px;background:radial-gradient(closest-side,rgba(79,125,240,.55),transparent);filter:blur(30px);z-index:-1}
.vs-card-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:6px 6px 16px;border-bottom:1px solid var(--line)}
.vs-brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:600;font-size:17px;color:var(--ink-1)}
.vs-brand--f{justify-content:flex-end}
.vs-brand img,.vs-pick-top img{width:34px;height:34px;padding:7px;border-radius:11px;background:linear-gradient(135deg,#4f7df0,#2554d4);box-shadow:0 8px 18px -6px rgba(37,84,212,.7)}
.vs-brand i,.vs-pick-top i{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#0f172a;color:#fff;font-style:normal;font-weight:700;font-family:var(--font-display)}
.vs-badge{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-mono);font-size:13px;font-weight:600;color:#fff;background:radial-gradient(circle at 30% 30%,#7aa0ff,#2554d4);box-shadow:0 10px 24px -8px rgba(37,84,212,.8)}
.vs-score{list-style:none;margin:0;padding:8px 0 0}
.vs-score li{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:10px;align-items:center;padding:11px 8px;border-radius:14px;font-size:13.5px}
.vs-score li:nth-child(odd){background:rgba(37,84,212,.045)}
.vs-score .vs-k{color:var(--ink-3);font-weight:500}
.vs-score b{font-weight:600;color:var(--ink-2)}
.vs-score b:last-child{text-align:right}
.vs-score b.win{color:#0b7a55}
.vs-score b.win::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--dv-green);margin-right:7px;vertical-align:1px;box-shadow:0 0 0 4px rgba(0,182,122,.15)}
.vs-card-foot{display:flex;justify-content:space-between;gap:10px;padding:14px 8px 2px;font-size:12px;color:var(--ink-3);border-top:1px solid var(--line);margin-top:8px}
.vs-card-foot .cs-live{color:#0b7a55;font-weight:600}
.vs-sec{scroll-margin-top:90px}
.vs-sec--soft{background:linear-gradient(180deg,#f3f6fc 0%,#fff 100%)}
.vs-head{max-width:760px;margin:0 0 var(--space-7)}
.vs-head h2{font-family:var(--font-display);font-size:var(--fs-display-md);line-height:1.12;letter-spacing:-.02em;margin:.2em 0 .35em;color:var(--ink-1);text-wrap:balance}
.vs-head .lead{color:var(--ink-2);font-size:17px;line-height:1.6}
.vs-table{background:#fff;border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:0 30px 70px -45px rgba(15,23,42,.45)}
.vs-row{display:grid;grid-template-columns:minmax(150px,1.1fr) 1.3fr 1.3fr;gap:0;border-top:1px solid var(--line-2)}
.vs-row>span{padding:16px 22px;font-size:15px;line-height:1.5;color:var(--ink-2)}
.vs-row .vs-k{font-weight:600;color:var(--ink-1)}
.vs-row .vs-col-d{background:rgba(37,84,212,.035)}
.vs-row .win{color:#0b7a55;font-weight:600;position:relative;padding-left:44px}
.vs-row .win::before{content:"";position:absolute;left:18px;top:19px;width:18px;height:18px;border-radius:50%;background:var(--dv-green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/12px no-repeat}
.vs-row--h{position:sticky;top:0;z-index:2;background:#fff;border-top:0;border-bottom:1px solid var(--line)}
.vs-row--h>span{font-family:var(--font-display);font-weight:600;font-size:16px;color:var(--ink-1);display:flex;align-items:center;gap:10px;padding-top:20px;padding-bottom:18px}
.vs-row--h img{width:24px;height:24px}
.vs-grp{border-top:1px solid var(--line);background:#f7f9fd}
.vs-grp span{display:block;padding:12px 22px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:#2554d4;font-weight:600}
.vs-src{margin-top:var(--space-5);font-size:13.5px;color:var(--ink-3);max-width:860px}
.vs-src a{color:#2554d4}
.vs-verdict{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}
.vs-pick{border-radius:28px;padding:clamp(24px,3vw,36px);border:1px solid var(--line);background:#fff}
.vs-pick--d{background:radial-gradient(120% 90% at 0% 0%,#24408f 0%,#0b1430 55%,#070c16 100%);color:#e8eefc;border-color:rgba(255,255,255,.08);box-shadow:0 40px 80px -40px rgba(37,84,212,.8)}
.vs-pick-top{display:flex;align-items:center;gap:12px;margin-bottom:var(--space-5)}
.vs-pick h3{font-family:var(--font-display);font-size:22px;margin:0;font-weight:600}
.vs-pick--d h3{color:#fff}
.vs-pick ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.vs-pick li{position:relative;padding-left:30px;font-size:15.5px;line-height:1.55}
.vs-pick li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;background:#2554d4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/12px no-repeat}
.vs-pick--d li::before{background-color:#4f7df0}
.vs-pick--f li::before{background-color:#0f172a}
.vs-faq-wrap{max-width:920px}
.vs-faq{display:grid;gap:12px}
.vs-faq details{background:#fff;border:1px solid var(--line);border-radius:20px;padding:0 24px;transition:box-shadow .3s var(--ease-standard)}
.vs-faq details[open]{box-shadow:0 20px 50px -35px rgba(15,23,42,.5)}
.vs-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-weight:600;font-size:16.5px;color:var(--ink-1)}
.vs-faq summary::-webkit-details-marker{display:none}
.vs-faq summary i{flex:none;width:30px;height:30px;border-radius:50%;background:#eef3fd;position:relative;transition:transform .3s var(--ease-emphasis)}
.vs-faq summary i::before,.vs-faq summary i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;background:#2554d4;border-radius:2px}
.vs-faq summary i::after{transform:rotate(90deg)}
.vs-faq details[open] summary i{transform:rotate(45deg)}
.vs-faq details p{margin:0 0 20px;color:var(--ink-2);line-height:1.65;font-size:15.5px}
@media (max-width:900px){.vs-verdict{grid-template-columns:1fr}.vs-card{transform:none}}
@media (max-width:720px){
 .vs-row{grid-template-columns:1fr 1fr}
 .vs-row .vs-k{grid-column:1/-1;padding-bottom:4px;background:#fff}
 .vs-row>span{padding:10px 16px}
 .vs-row .win{padding-left:40px}.vs-row .win::before{left:14px;top:12px}
 .vs-row--h>span:first-child{display:none}
 .vs-score li{grid-template-columns:1fr 1fr;row-gap:2px}.vs-score .vs-k{grid-column:1/-1}
}
.vs-bottom{max-width:860px}
.vs-bottom p{margin:.4em 0 0;color:var(--ink-2);line-height:1.65}
.vs-card-head{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.vs-brand span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:480px){
 .vs-card{padding:16px}
 .vs-card-head{gap:6px}
 .vs-brand{font-size:15px;gap:7px}
 .vs-brand img,.vs-brand i{width:28px;height:28px;padding:5px;border-radius:9px}
 .vs-badge{width:32px;height:32px;font-size:11px}
 .vs-card-foot{flex-direction:column;gap:4px}
}
.vs-tm{margin-top:6px}