
.xvg{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#252321;background:#fff;--accent:#ed6509;--accent-dark:#b84600;--tint:#fff8f0;--muted:#77736e;--line:#e9e5df}
.xvg *{box-sizing:border-box}.xvg{margin:0;font-size:14px;line-height:1.7}.xvg h1,.xvg h2,.xvg h3,.xvg p{margin:0}.xvg button{font:inherit;color:inherit;cursor:pointer}.xvg a{color:var(--accent-dark);text-decoration:none}.xvg a:hover{text-decoration:underline}.xvg button,.xvg a,.xvg label,.xvg summary{-webkit-tap-highlight-color:transparent}.xvg button:focus-visible,.xvg a:focus-visible,.xvg summary:focus-visible,.xvg .table-scroll:focus-visible{outline:3px solid #e37a2b;outline-offset:4px}.xvg input:focus-visible{outline:3px solid #e37a2b;outline-offset:3px}.xvg [hidden]{display:none!important}.xvg .icon{width:20px;height:20px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.xvg .icon.small{width:16px;height:16px}.xvg .sr-only{position:absolute;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.xvg .text-button,.xvg .quiet-button,.xvg .inline-button{border:0;background:none;padding:0;color:var(--accent-dark);display:inline-flex;gap:8px;align-items:center}.xvg .text-button{min-height:36px;font-size:13px;font-weight:550}.xvg .text-button:hover,.xvg .quiet-button:hover,.xvg .inline-button:hover{text-decoration:underline}.xvg .quiet-button{color:var(--muted);font-size:12px;min-height:36px}.xvg .inline-button{display:inline;font-size:inherit;font-weight:500}.xvg .eyebrow{font-size:10px;letter-spacing:.6px;font-weight:600;color:var(--accent-dark)}.xvg .page-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.xvg h1{font-size:30px;letter-spacing:-.7px;font-weight:650;line-height:1.5}.xvg .compare-top{gap:9px}.xvg .chooser{display:grid;grid-template-columns:272px minmax(0,1fr);gap:26px;align-items:start;scroll-margin-top:25px}.xvg .selection{padding-right:25px;border-right:1px solid var(--line)}.xvg .selection-heading{display:flex;align-items:center;gap:10px}.xvg .selection-heading h2{font-size:21px;font-weight:650;letter-spacing:-.4px}.xvg .multi-label{color:#82766b;background:#f4f1ed;border-radius:4px;font-size:10px;padding:1px 6px}.xvg .selection-intro{font-size:12px;color:var(--muted);margin-top:4px}.xvg .devices{padding:0;border:0;margin:17px 0 15px;display:grid;gap:11px}.xvg .device{position:relative;display:flex;align-items:center;gap:13px;min-height:66px;border:1px solid #e4e0da;border-radius:12px;padding:12px 16px;background:#fefdfc;cursor:pointer;transition:border-color .15s,background-color .15s,box-shadow .15s}.xvg .device:hover{border-color:#e7ae84;background:#fffbf7}.xvg .device:has(input:checked){border-color:#ee781f;background:#fff8f0;box-shadow:0 1px 4px #dd934015}.xvg .device-icon{background:#f7efe6;width:39px;height:39px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.xvg .device-icon img{width:27px;height:27px;object-fit:contain}.xvg .device-icon.apple img{width:28px;height:28px}.xvg .device-name{font-size:15px;font-weight:600}.xvg .device input{margin-left:auto;accent-color:var(--accent);width:16px;height:16px;flex:0 0 auto;cursor:pointer}.xvg .simple-choice{display:flex;align-items:center;gap:11px;width:100%;padding:12px 14px;text-align:left;border:1px solid #eaded0;border-radius:10px;background:#fcfaf7;color:#7d624c;min-height:65px}.xvg .simple-choice.active{background:#fff1e3;border-color:#e9c29f;color:var(--accent-dark)}.xvg .simple-choice>span{display:flex;flex-direction:column;gap:1px;flex:1}.xvg .simple-choice strong{font-size:13px;font-weight:600}.xvg .simple-choice small{font-size:11px;font-weight:400;color:#85715e}.xvg .simple-choice:hover{background:#ffead6}.xvg .selection-footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px;gap:6px}.xvg .selection-footer .quiet-button{font-size:10px;gap:5px}.xvg .selection-footer .reset{color:var(--accent-dark)}
.xvg .recommendation{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:0 22px;background:var(--tint);border:1px solid #fbf1e6;border-radius:16px;padding:29px 30px 19px;min-height:397px}.xvg .recommendation-copy{min-width:0}.xvg .recommend-badge{display:inline-flex;align-items:center;gap:6px;background:#ee680a;color:white;border-radius:30px;padding:3px 10px;font-size:11px;font-weight:600;line-height:1.8}.xvg .recommend-badge .icon{width:13px;height:13px}.xvg .recommendation h2{font-size:42px;line-height:1.2;letter-spacing:-1.4px;font-weight:650;margin:17px 0 16px}.xvg .recommendation h2:focus{outline:none}.xvg .reasons h3{font-size:19px;font-weight:600;line-height:1.6;letter-spacing:-.35px}.xvg .reasons p{color:#77706a;font-size:12px;line-height:1.85;margin-top:7px;max-width:440px}.xvg .selected-devices{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.xvg .selected-devices span{color:#8d6c50;background:#f6e9db;border-radius:4px;padding:1px 7px;font-size:10px}.xvg .benefits{list-style:none;margin:17px 0 19px;padding:0;font-size:13px;color:#534b44;display:grid;gap:7px}.xvg .benefits li{display:flex;align-items:center;gap:8px}.xvg .benefits .icon{color:var(--accent);width:17px;height:17px;stroke-width:2}.xvg .result-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.xvg .primary{display:inline-flex;align-items:center;justify-content:center;gap:32px;background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:8px;padding:11px 22px;min-height:46px;font-size:15px;font-weight:600;box-shadow:0 3px 8px #dd740f12}.xvg .primary:hover{background:#d85700;border-color:#d85700;text-decoration:none}.xvg .primary .icon{width:18px;height:18px}.xvg .usage-link{font-size:12px;font-weight:550;display:inline-flex;gap:5px;align-items:center;min-height:40px;white-space:nowrap}.xvg .product-art{align-self:center;display:flex;align-items:center;justify-content:center;padding-top:6px}.xvg .product-art img{width:100%;max-height:300px;height:auto;object-fit:contain;filter:drop-shadow(0 7px 6px #49372312)}.xvg .result-footnote{grid-column:1/-1;display:flex;align-items:flex-start;gap:7px;color:#918478;font-size:10px;line-height:1.85;margin-top:20px;padding-top:14px;border-top:1px solid #eee3d8}.xvg .result-footnote>.icon{margin-top:2px;color:#9b8c7d}.xvg .result-footnote #xvg-multi-device-note{margin-top:3px}.xvg .result-footnote button{color:#956d4b}.xvg .legacy-entry{display:flex;align-items:center;justify-content:space-between;gap:15px;border:0;border-bottom:1px solid var(--line);background:#fff;width:100%;padding:12px 3px 9px;font-size:11px;color:#827b72;text-align:left}.xvg .legacy-entry b{font-weight:500;color:var(--accent-dark);margin-left:8px}.xvg .legacy-entry:hover b{text-decoration:underline}
.xvg .legacy-panel{border:1px solid var(--line);background:#fcfbf9;border-radius:13px;padding:24px 28px;margin-top:22px;scroll-margin-top:25px}.xvg .legacy-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.xvg .legacy-heading h2{font-size:20px;font-weight:600;margin:3px 0 8px}.xvg .legacy-heading h2:focus{outline:none}.xvg .muted{font-size:12px;color:var(--muted);line-height:1.85}.xvg .scope-note{font-size:11px;color:#846342;border-left:2px solid #d9b694;padding:1px 0 1px 10px;margin:12px 0}.xvg .answer-group{border:0;margin:19px 0 0;padding:0}.xvg .answer-group legend{font-size:13px;font-weight:600;margin-bottom:10px}.xvg .answer-options{display:flex;flex-wrap:wrap;gap:10px}.xvg .answer-options label{display:flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid #e2dcd4;background:#fff;border-radius:7px;font-size:12px;cursor:pointer;min-height:42px}.xvg .answer-options label:has(input:checked){background:#fff2e5;border-color:#df9b69}.xvg .answer-options input{accent-color:var(--accent);width:14px;height:14px;margin:0}.xvg .detection-help{font-size:11px;color:var(--muted);margin-top:13px}.xvg .detection-help summary{cursor:pointer;width:fit-content;min-height:26px;color:#8c684a}.xvg .detection-help p{max-width:830px;line-height:1.9;margin:8px 0}.xvg .detection-note{margin-top:14px;padding:13px 15px;background:#fff3e6;color:#825b38;font-size:12px;border-radius:6px}.xvg .field-note{font-size:10px;color:var(--muted);margin-top:7px}.xvg .alternative{display:flex;align-items:center;gap:20px;margin-top:18px;border-top:1px solid var(--line);padding:18px 0 0}.xvg .alternative>img{width:66px;height:79px;object-fit:contain}.xvg .alternative>div{flex:1}.xvg .alternative h3{font-size:20px;font-weight:600;margin:1px 0 3px}.xvg .alternative h3 span{font-size:11px;color:var(--muted);font-weight:400;margin-left:8px}.xvg .alternative p{font-size:12px;color:var(--muted)}.xvg .secondary{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:40px;padding:8px 17px;border:1px solid #dcc4b0;border-radius:7px;color:var(--accent-dark);background:#fff;font-size:12px;white-space:nowrap}.xvg .secondary:hover{background:#fff5eb;text-decoration:none}.xvg .legacy-bottom{display:flex;gap:10px;align-items:center;margin-top:17px;border-top:1px solid var(--line);padding-top:10px;font-size:11px;color:#857767}.xvg .legacy-bottom .text-button{font-size:11px}
.xvg .compare{margin-top:25px;border:1px solid #e6e0da;border-radius:12px;background:#fcfbf9;scroll-margin-top:25px}.xvg .compare>summary{display:flex;align-items:center;justify-content:space-between;padding:15px 22px;cursor:pointer;font-size:14px;font-weight:550;min-height:57px;list-style:none}.xvg .compare>summary::-webkit-details-marker{display:none}.xvg .compare>summary>span{display:flex;align-items:center;gap:12px}.xvg .compare>summary>.icon{color:#8e877e}.xvg .compare[open]>summary{border-bottom:1px solid var(--line)}.xvg .compare[open]>summary>.icon{transform:rotate(45deg)}.xvg .compare-body{padding:20px 22px}.xvg .compare-intro{font-size:12px;color:var(--muted);margin-bottom:17px}.xvg .table-scroll{overflow:auto}.xvg .swipe-note{display:none}.xvg table{border-collapse:collapse;min-width:690px;width:100%;background:white;text-align:left}.xvg th,.xvg td{font-size:12px;border-bottom:1px solid var(--line);padding:15px 17px;vertical-align:middle}.xvg thead th{font-size:21px;font-weight:650;border-top:1px solid var(--line)}.xvg thead th:first-child{font-size:12px;color:var(--muted);font-weight:400}.xvg th small{font-size:10px;display:block;font-weight:500;color:var(--muted);margin-top:3px}.xvg tbody th{font-size:11px;font-weight:500;color:var(--muted);width:17%}.xvg td{width:27%}.xvg .x7-col{background:#fff3e6}.xvg .x7-col small{color:var(--accent-dark)}.xvg table .text-button{font-size:11px;min-height:28px}.xvg .table-note{font-size:10px;color:var(--muted);margin-top:12px}
.xvg dialog{border:1px solid #e8dfd5;border-radius:15px;background:white;color:#29251f;width:calc(100% - 36px);max-width:520px;padding:30px;box-shadow:0 18px 65px #0002}.xvg dialog::backdrop{background:#24170c70}.xvg .close-button{float:right;display:grid;place-items:center;background:transparent;border:0;padding:5px;color:#8a7a6d;border-radius:4px}.xvg .close-button:hover{background:#fff3e6}.xvg dialog h2{font-size:25px;font-weight:600;line-height:1.5;margin:8px 0 14px}.xvg dialog p{font-size:13px;color:var(--muted);line-height:1.9}.xvg .dialog-note{background:#fff5e9;border-radius:7px;padding:12px 15px;margin:15px 0 20px}.xvg dialog dt{font-size:13px;font-weight:600;margin:15px 0 5px}.xvg dialog dd{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.xvg dialog dl{margin:0 0 22px}.xvg .noscript{background:#fff0de;margin:20px auto;padding:15px;max-width:1160px}
@media(max-width:1230px){.xvg .chooser{grid-template-columns:250px minmax(0,1fr);gap:22px}.xvg .selection{padding-right:21px}.xvg .recommendation{grid-template-columns:minmax(0,1fr) 195px;padding:26px 26px 18px;gap:0 18px}.xvg .recommendation h2{font-size:39px}.xvg .result-actions{gap:14px}.xvg .primary{gap:25px}}
@media(max-width:1000px){.xvg .chooser{grid-template-columns:220px minmax(0,1fr);gap:19px}.xvg .selection{padding-right:18px}.xvg .device{padding:12px;gap:10px}.xvg .device-name{font-size:14px}.xvg .device-icon{width:32px;height:34px}.xvg .device-icon img{width:24px;height:24px}.xvg .recommendation{grid-template-columns:minmax(0,1fr) 150px;padding:23px;gap:0 15px}.xvg .reasons h3{font-size:17px}.xvg .reasons p{font-size:11px}.xvg .recommendation h2{font-size:36px}.xvg .benefits{font-size:12px}.xvg .primary{font-size:14px;gap:20px;padding:10px 19px}.xvg .usage-link{font-size:11px}.xvg .product-art img{max-height:220px}.xvg .selection-footer{flex-wrap:wrap}.xvg .result-actions{gap:4px 15px}.xvg .result-footnote{font-size:9px}.xvg .simple-choice{padding:11px}.xvg .simple-choice strong{font-size:12px}}
@media(max-width:760px){.xvg .page-title{margin-bottom:21px}.xvg h1{font-size:26px}.xvg .compare-top{font-size:11px;gap:5px}.xvg .compare-top>.icon:first-child{display:none}.xvg .chooser{grid-template-columns:1fr;gap:17px}.xvg .selection{padding:0;border:0}.xvg .selection-heading h2{font-size:17px}.xvg .selection-intro{font-size:11px;margin-top:3px}.xvg .devices{grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0}.xvg .device{min-height:80px;padding:12px 10px;gap:4px;flex-direction:column;align-items:flex-start;border-radius:10px}.xvg .device-icon{width:29px;height:28px;background:transparent;border-radius:0}.xvg .device-icon img{width:23px;height:23px}.xvg .device-icon.apple img{width:23px;height:23px}.xvg .device-name{font-size:12px;line-height:1.5;white-space:nowrap}.xvg .device input{position:absolute;top:15px;right:10px;width:14px;height:14px;margin:0}.xvg .simple-choice{min-height:43px;padding:9px 12px;border-radius:8px}.xvg .simple-choice>span{flex-direction:row;gap:10px;align-items:center}.xvg .simple-choice strong{font-size:12px}.xvg .simple-choice small{font-size:10px}.xvg .simple-choice>.icon{width:16px;height:16px}.xvg .selection-footer{margin-top:4px;min-height:25px}.xvg .selection-footer .quiet-button{min-height:25px}.xvg .recommendation{grid-template-columns:minmax(0,1fr) 140px;border-radius:12px;min-height:0;padding:22px;gap:0 16px}.xvg .recommendation h2{font-size:33px;line-height:1.2;margin:13px 0}.xvg .reasons h3{font-size:16px}.xvg .reasons p{font-size:11px;line-height:1.8}.xvg .selected-devices{margin-top:9px}.xvg .selected-devices span{font-size:9px}.xvg .benefits{font-size:11px;gap:6px;margin:14px 0 18px}.xvg .benefits .icon{width:14px;height:14px}.xvg .result-footnote{font-size:9px;margin-top:16px;padding-top:12px}.xvg .result-actions{gap:6px 15px}.xvg .primary{font-size:13px;min-height:44px;padding:10px 18px}.xvg .product-art img{max-height:218px}.xvg .legacy-entry{font-size:10px;line-height:1.8;padding:10px 0 7px}.xvg .legacy-entry b{display:inline;margin-left:5px}.xvg .legacy-panel{padding:19px;margin-top:17px}.xvg .legacy-heading h2{font-size:17px;margin-top:4px}.xvg .legacy-heading{align-items:flex-start}.xvg .legacy-heading .quiet-button{font-size:11px}.xvg .muted{font-size:11px}.xvg .scope-note{font-size:10px}.xvg .answer-group legend{font-size:12px}.xvg .answer-options{display:grid;gap:8px}.xvg .answer-options label{font-size:11px;min-height:43px}.xvg .detection-help{font-size:10px}.xvg .detection-note{font-size:11px}.xvg .field-note{font-size:10px}.xvg .alternative{gap:12px;flex-wrap:wrap}.xvg .alternative>img{width:51px;height:62px}.xvg .alternative h3{font-size:18px}.xvg .alternative h3 span{font-size:10px}.xvg .alternative p{font-size:11px}.xvg .alternative .secondary{margin-left:63px}.xvg .legacy-bottom{font-size:10px;gap:8px;flex-wrap:wrap}.xvg .legacy-bottom .text-button{font-size:10px}.xvg .compare{margin-top:19px;border-radius:10px}.xvg .compare>summary{font-size:13px;padding:12px 15px;min-height:51px}.xvg .compare>summary .icon{width:17px;height:17px}.xvg .compare-body{padding:15px}.xvg .compare-intro{font-size:11px;margin-bottom:10px}.xvg .swipe-note{display:block;color:#9a8c7e;font-size:9px;margin-bottom:10px}.xvg table{min-width:640px}.xvg .table-note{font-size:9px}}
@media(max-width:480px){.xvg .page-title{margin-bottom:17px}.xvg .compare-top{font-size:10px}.xvg .compare-top>.icon{width:13px;height:13px}.xvg .recommendation{grid-template-columns:minmax(0,1fr) 104px;gap:0 9px;padding:18px}.xvg .recommend-badge{font-size:10px;padding:2px 8px}.xvg .recommendation h2{font-size:30px;letter-spacing:-.8px;margin:12px 0 10px}.xvg .reasons h3{font-size:15px;line-height:1.65}.xvg .reasons p{font-size:11px}.xvg .product-art{padding-top:0;align-self:start;margin-top:46px}.xvg .product-art img{max-height:157px}.xvg .benefits{font-size:10px;gap:6px;grid-column:1/-1}.xvg .benefits li{gap:6px}.xvg .benefits .icon{width:13px;height:13px}.xvg .result-actions{gap:5px 11px}.xvg .primary{min-height:42px;font-size:13px;padding:9px 16px;gap:21px}.xvg .usage-link{font-size:10px;min-height:32px}.xvg .usage-link .icon{width:13px;height:13px}.xvg .result-footnote{font-size:9px;gap:6px}.xvg .selected-devices{gap:4px}.xvg .selected-devices span{padding:1px 5px;font-size:9px}.xvg .recommendation-copy{display:contents}.xvg .recommendation-copy>.recommend-badge,.xvg .recommendation-copy>h2,.xvg .recommendation-copy>.reasons,.xvg .recommendation-copy>.selected-devices{grid-column:1}.xvg .recommendation-copy>.recommend-badge{justify-self:start;align-self:start}.xvg .recommendation-copy>h2{grid-row:2}.xvg .recommendation-copy>.reasons{grid-row:3}.xvg .recommendation-copy>.selected-devices{grid-row:4}.xvg .product-art{grid-column:2;grid-row:1/5;align-self:center;margin:0}.xvg .benefits{margin:13px 0 16px}.xvg .result-actions{grid-column:1/-1;flex-wrap:nowrap}.xvg .result-footnote{grid-column:1/-1}.xvg .legacy-entry span{max-width:90%}.xvg .legacy-entry b{white-space:nowrap}.xvg .device-name{font-size:11px}}
@media(max-width:350px){.xvg .page-title h1{font-size:23px}.xvg .compare-top{font-size:9px}.xvg .devices{gap:7px}.xvg .device{padding:10px 8px}.xvg .device input{right:8px;top:12px}.xvg .device-name{font-size:10px}.xvg .simple-choice small{font-size:9px}.xvg .simple-choice>span{gap:6px}.xvg .recommendation{padding:16px;grid-template-columns:minmax(0,1fr) 88px;gap:0 8px}.xvg .recommendation h2{font-size:28px}.xvg .reasons h3{font-size:14px}.xvg .reasons p{font-size:10px}.xvg .result-footnote{font-size:9px}.xvg .result-actions{gap:8px}.xvg .primary{padding:9px 14px;gap:17px}.xvg .usage-link{font-size:9px}.xvg .benefits{font-size:10px}}
@media(prefers-reduced-motion:reduce){.xvg *{transition:none!important}}

@media(max-width:760px){.xvg .reasons p{font-size:12px}.xvg .result-footnote{font-size:10px}}

.xvg .compare-product{display:block;width:100px;height:105px;object-fit:contain;margin:0 0 12px}
.xvg thead th small{line-height:1.7;max-width:230px}
.xvg .recommendation-column.android-only{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px;align-items:stretch}
.xvg .android-options{border:1px solid #e7e0d7;border-radius:16px;background:#fcfbf9;padding:24px;display:flex;flex-direction:column;min-width:0}
.xvg .android-options-heading h2{font-size:19px;line-height:1.5;font-weight:600;margin:5px 0 7px}
.xvg .android-options-heading>p{font-size:11px;color:var(--muted);line-height:1.85}
.xvg .android-model{display:flex;gap:15px;align-items:center;padding:21px 0;border-bottom:1px solid var(--line)}
.xvg .android-model img{width:62px;height:80px;object-fit:contain;flex:0 0 auto}
.xvg .android-model h3{font-size:19px;font-weight:650;line-height:1.5}
.xvg .android-model p{font-size:11px;color:var(--muted);line-height:1.8;margin:4px 0 6px}
.xvg .android-model strong{font-size:11px;color:#795a3e;font-weight:500}
.xvg .android-options .secondary{align-self:flex-start;margin-top:22px}
.xvg .android-options-note{font-size:10px;color:var(--muted);margin:12px 0 0;line-height:1.85}
.xvg .android-only .recommendation{grid-template-columns:minmax(0,1fr) 110px;padding:24px 22px 18px;gap:0 12px;align-content:start}
.xvg .android-only .recommendation-copy{display:contents}
.xvg .android-only .recommendation-copy>.recommend-badge,.xvg .android-only .recommendation-copy>h2,.xvg .android-only .recommendation-copy>.reasons,.xvg .android-only .recommendation-copy>.selected-devices{grid-column:1}
.xvg .android-only .recommendation-copy>.recommend-badge{justify-self:start;align-self:start}
.xvg .android-only .recommendation-copy>h2{grid-row:2;font-size:33px}
.xvg .android-only .recommendation-copy>.reasons{grid-row:3}
.xvg .android-only .recommendation-copy>.selected-devices{grid-row:4}
.xvg .android-only .product-art{grid-column:2;grid-row:1/5;align-self:center;padding:0}
.xvg .android-only .reasons h3{font-size:16px}
.xvg .android-only .reasons p{font-size:11px;line-height:1.85}
.xvg .android-only .benefits,.xvg .android-only .result-actions{grid-column:1/-1}
.xvg .android-only .benefits{font-size:12px;margin-top:20px}
.xvg .android-only .result-actions{gap:9px 13px}
.xvg .android-only .primary{gap:22px;font-size:14px;padding:10px 19px}
.xvg .android-only .usage-link{font-size:11px}
.xvg .android-only .result-footnote{margin-top:19px}
@media(max-width:1100px) and (min-width:761px){.xvg .recommendation-column.android-only{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:12px}.xvg .android-options{padding:18px}.xvg .android-options-heading h2{font-size:17px}.xvg .android-model{gap:10px}.xvg .android-model img{width:48px;height:65px}.xvg .android-model h3{font-size:17px}.xvg .android-only .recommendation{padding:20px 17px;grid-template-columns:minmax(0,1fr) 77px;gap:0 8px}.xvg .android-only .recommendation-copy>h2{font-size:28px}.xvg .android-only .reasons h3{font-size:15px}.xvg .android-only .benefits{font-size:11px}.xvg .android-only .primary{padding:10px 16px}}
@media(max-width:760px){.xvg .recommendation-column.android-only{grid-template-columns:1fr;gap:13px}.xvg .android-only .recommendation{grid-template-columns:minmax(0,1fr) 120px}.xvg .android-only .recommendation-copy>h2{font-size:33px}.xvg .android-only .reasons p{font-size:12px}.xvg .android-options{padding:20px;border-radius:12px}.xvg .android-model{padding:16px 0}.xvg .android-model img{width:62px;height:74px}.xvg .android-options-heading h2{font-size:18px}.xvg .android-model p{font-size:12px}.xvg .android-options .secondary{margin-top:17px}.xvg .compare-product{width:83px;height:90px}.xvg .android-only .benefits{font-size:11px}}
@media(max-width:380px){.xvg .android-only .recommendation{padding:18px;grid-template-columns:minmax(0,1fr) 88px;gap:0 8px}.xvg .android-only .recommendation-copy>h2{font-size:28px}.xvg .android-only .reasons h3{font-size:14px}.xvg .android-only .benefits{font-size:10px}.xvg .android-only .result-actions{gap:8px}.xvg .android-only .primary{font-size:13px;padding:10px 14px;gap:17px}.xvg .android-only .usage-link{font-size:10px}}

/* 第二轮批注：比较表层级与列分隔 */
.xvg .compare-model-name{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.xvg .compare-best{display:inline-block;padding:3px 9px;border-radius:20px;background:var(--accent);color:#fff;font-size:11px;font-weight:650;line-height:1.6;white-space:nowrap}
.xvg .compare-emphasis{font-weight:700;color:#30271f;font-size:13px}
.xvg .x7-col .compare-emphasis{color:var(--accent-dark)}
.xvg .compare thead th:nth-child(4),.xvg .compare tbody td:nth-child(4){border-left:1px solid #ded8cf;background:#faf9f7}
.xvg #xvg-conditions-dialog dd{line-height:1.8}.xvg #xvg-conditions-dialog dt{margin-top:13px}
@media(max-width:760px){.xvg .compare-best{font-size:10px;padding:3px 7px}.xvg .compare-model-name{gap:7px}.xvg .compare-emphasis{font-size:12px}}

/* 比较栏角标和参数强调 */
.xvg .compare thead th.x7-col{position:relative}
.xvg .compare-best{position:absolute;top:12px;right:12px}
.xvg .compare-emphasis{color:var(--accent-dark)}
@media(max-width:760px){.xvg .compare thead th.x7-col{padding-top:37px}.xvg .compare-best{top:9px;right:9px}}

/* 独立型号选购入口 */
.xvg .android-model>div{flex:1;min-width:0}
.xvg .android-options .model-buy{display:flex;width:fit-content;min-height:34px;padding:5px 13px;margin-top:10px;font-size:11px}
.xvg .compare .compare-buy{min-height:39px;padding:8px 20px;font-size:12px;line-height:1.7;font-weight:600}
@media(max-width:760px){.xvg .compare .compare-buy{min-height:40px;padding:8px 17px}.xvg .android-options .model-buy{min-height:38px}}

/* A 方案：明确设备选择起点 */
.xvg .selection{padding:18px 14px 12px;border:1px solid #e7dfd5;border-radius:13px;background:#faf8f5}
.xvg .selection-heading{gap:8px;align-items:center}
.xvg .selection-heading h2{font-size:18px;letter-spacing:-.4px}
.xvg .start-index{display:inline-flex;justify-content:center;align-items:center;width:23px;height:23px;border-radius:50%;background:var(--accent);color:white;font-size:12px;font-weight:650;flex:0 0 auto}
.xvg .selection-intro{font-size:11px;margin-top:9px;line-height:1.85;color:#786b5d}
.xvg .device{background:#fff;gap:10px;padding:12px;min-height:68px}
.xvg .device:hover{border-color:#ec8b43;background:#fffaf4;box-shadow:0 2px 7px #bc7e3720}
.xvg .device-name{font-size:14px}
.xvg .device-icon{width:32px;height:35px}
.xvg .device-icon img{width:25px;height:25px}
.xvg .device input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}
.xvg .device:has(input:focus-visible){outline:3px solid #eaa261;outline-offset:3px}
.xvg .choice-state{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;color:var(--accent-dark);font-size:11px;font-weight:550;border:1px solid #efd5bd;background:#fffaf4;border-radius:5px;min-width:42px;padding:2px 6px;line-height:1.7;flex:0 0 auto}
.xvg .state-checked{display:none;align-items:center;gap:2px}
.xvg .choice-state .icon{width:12px;height:12px;stroke-width:2.4}
.xvg .device:has(input:checked){border-color:var(--accent);background:#fff0df;box-shadow:none}
.xvg .device:has(input:checked) .state-idle{display:none}
.xvg .device:has(input:checked) .state-checked{display:inline-flex}
.xvg .device:has(input:checked) .choice-state{color:white;background:var(--accent);border-color:var(--accent)}
.xvg .simple-choice{margin-top:19px;background:white;border-color:#e4d9cb}
.xvg .simple-choice.active{background:#fff7ee;border-color:#e5c9ae}
.xvg .simple-choice strong{font-size:12px}.xvg .simple-choice small{font-size:12px;font-weight:600;color:var(--accent-dark)}
.xvg .selection-footer .quiet-button{font-size:10px}
@media(max-width:1000px) and (min-width:761px){.xvg .selection{padding:16px 11px 10px}.xvg .selection-heading h2{font-size:15px}.xvg .start-index{width:21px;height:21px}.xvg .device{gap:8px;padding:11px 9px}.xvg .device-name{font-size:12px}.xvg .device-icon{width:26px}.xvg .device-icon img{width:23px;height:23px}.xvg .choice-state{font-size:10px;min-width:37px;padding:2px 4px}}
@media(max-width:760px){.xvg .selection{padding:16px 13px 10px}.xvg .selection-heading h2{font-size:18px}.xvg .selection-intro{font-size:11px;margin-top:6px}.xvg .devices{gap:8px;margin:13px 0 12px}.xvg .device{padding:11px 8px;min-height:103px;gap:5px;align-items:flex-start}.xvg .device-name{font-size:11px}.xvg .device-icon{height:25px;width:26px;background:transparent}.xvg .choice-state{margin:2px 0 0;font-size:10px;padding:1px 6px;min-width:42px}.xvg .device input{inset:0;width:100%;height:100%;margin:0}.xvg .simple-choice{margin-top:13px;min-height:43px}.xvg .simple-choice>span{gap:5px}.xvg .simple-choice strong,.xvg .simple-choice small{font-size:12px}.xvg .selection-footer{margin-top:5px}}
@media(max-width:350px){.xvg .selection{padding:14px 10px 9px}.xvg .selection-heading h2{font-size:17px}.xvg .selection-intro{font-size:10px}.xvg .devices{gap:6px}.xvg .device{padding:10px 6px}.xvg .device-name{font-size:10px}}

/* 明确版本对比展开入口 */
.xvg .compare{border-color:#e7bd9c;background:#fffaf5}
.xvg .compare>summary{padding:16px 22px;min-height:66px;background:#fff6ec;gap:16px;border-radius:11px;color:#5e3820}
.xvg .compare>summary:hover{background:#ffeddb}
.xvg .compare .compare-heading{gap:12px;font-size:16px;font-weight:650}
.xvg .compare-heading>.icon{color:var(--accent-dark)}
.xvg .compare-heading small{font-size:12px;font-weight:450;color:#8d725b;margin-left:9px;white-space:nowrap}
.xvg .compare>summary>.compare-toggle{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;min-height:34px;border:1px solid #e8b389;border-radius:6px;background:white;color:var(--accent-dark);font-size:12px;font-weight:600;white-space:nowrap;flex:0 0 auto}
.xvg .compare-collapse{display:none}
.xvg .compare[open]>summary{border-radius:11px 11px 0 0;border-bottom-color:#e7bd9c}
.xvg .compare[open] .compare-expand{display:none}
.xvg .compare[open] .compare-collapse{display:inline}
.xvg .compare[open] .compare-toggle>.icon{transform:rotate(180deg)}
.xvg .compare-body{background:#fff;border-radius:0 0 11px 11px}
@media(min-width:761px){
  .xvg .chooser{align-items:stretch}
  .xvg .recommendation-column:not(.android-only){display:flex;flex-direction:column;min-height:0}
  .xvg .recommendation-column:not(.android-only)>.recommendation{flex:1}
  .xvg .recommendation-column:not(.android-only)>.legacy-entry{flex-shrink:0}
}
@media(max-width:600px){.xvg .compare>summary{padding:13px 14px;gap:10px;min-height:64px}.xvg .compare .compare-heading{font-size:14px;gap:9px}.xvg .compare-heading small{display:block;margin:1px 0 0;font-size:10px}.xvg .compare>summary>.compare-toggle{font-size:11px;padding:5px 9px;gap:5px}.xvg .compare .compare-heading>.icon{width:19px;height:19px}}

/* V1.2：产品特点与适用场景分段 */
.xvg .compare td.scenario-cell{vertical-align:top;line-height:1.9}
.xvg .scenario-cell p+p{margin-top:13px}
.xvg .scenario-audience{padding-top:11px;border-top:1px solid #e5ddd3;color:#665443}
@media(max-width:760px){.xvg .compare td.scenario-cell{line-height:1.85}.xvg .scenario-cell p+p{margin-top:10px}.xvg .scenario-audience{padding-top:9px}}

/* V1.2.1：共享表格行高，三列场景分隔线对齐 */
.xvg .compare .scenario-features-row td{border-bottom:0;padding-bottom:0}
.xvg .compare .scenario-audience-row td{padding-top:13px;vertical-align:top}
.xvg .compare .scenario-audience-row .scenario-audience{margin:0;padding-top:11px;border-top:1px solid #e5ddd3}
.xvg .compare .scenario-audience-row .x2-col{border-left:1px solid #ded8cf;background:#faf9f7}
@media(max-width:760px){.xvg .compare .scenario-audience-row td{padding-top:10px}.xvg .compare .scenario-audience-row .scenario-audience{padding-top:9px}}

/* V1.2.3：蓝牙卡名称保持整词，窄屏操作区允许换行 */
.xvg .product-kind{display:inline-block;white-space:nowrap}
.xvg [data-buy="x7"]{white-space:nowrap}
@media(max-width:480px){.xvg .result-actions{flex-wrap:wrap}.xvg .simple-choice>span{flex-wrap:wrap}}

/* V1.2.7: 沿用现有向导的图标底座和两行设备说明。 */
.xvg .device{min-height:84px}
.xvg .device-icon{width:40px;height:40px;background:#f0f0ec;border:1px solid #deded8;border-radius:12px}
.xvg .device-model{white-space:nowrap}
.xvg .device-copy{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.xvg .device-description{font-size:11px;font-weight:400;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}
.xvg .simple-choice{background:#fff7ee;border-color:#e5c9ae;color:var(--accent-dark);text-decoration:none;white-space:normal}
.xvg .simple-choice>span{flex-direction:column;align-items:flex-start;gap:5px;min-width:0}
.xvg .simple-choice strong{font-size:13px;line-height:1.6}
.xvg .simple-choice small{font-size:11px;font-weight:400;line-height:1.6;color:#85715e}
.xvg .simple-choice>.icon{flex:0 0 auto}
@media(max-width:1000px) and (min-width:761px){.xvg .device{gap:7px}.xvg .device-icon{width:32px;height:36px;border-radius:10px}.xvg .device-description{font-size:10px}.xvg .simple-choice{gap:8px;padding:11px 10px}.xvg .simple-choice strong{font-size:12px}.xvg .simple-choice small{font-size:10px}}
@media(max-width:760px){.xvg .device{min-height:146px}.xvg .device-icon{width:36px;height:36px;border-radius:10px;background:#f0f0ec}.xvg .device-copy{flex:1}.xvg .device-description{font-size:10px}.xvg .simple-choice>span{flex-direction:column;align-items:flex-start;gap:3px}.xvg .simple-choice strong{font-size:13px}.xvg .simple-choice small{font-size:11px}}
@media(max-width:350px){.xvg .device-description{font-size:9px}.xvg .simple-choice strong{font-size:12px}.xvg .simple-choice small{font-size:10px}}

/* V1.2.8: 加宽设备区，快捷入口复用旧向导的实心闪电与购买提示。 */
@media(min-width:1001px){.xvg .chooser{grid-template-columns:320px minmax(0,1fr)}}
@media(min-width:761px) and (max-width:1000px){.xvg .chooser{grid-template-columns:270px minmax(0,1fr)}}
.xvg .simple-choice{display:grid;grid-template-columns:40px minmax(0,1fr) 52px;gap:10px;padding:14px 12px;border-style:dashed}
.xvg .simple-choice>.shortcut-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:#f4f1ec;border:1px solid #e4e0da}
.xvg .shortcut-icon svg{width:26px;height:26px}
.xvg .simple-choice>.shortcut-copy{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.xvg .simple-choice>.shortcut-destination{display:grid;grid-template-columns:1fr 14px;align-items:center;gap:2px 3px;justify-self:end;text-align:right}
.xvg .shortcut-destination>span{grid-column:1/-1;font-size:10px;font-weight:600;color:#85715e;white-space:nowrap}
.xvg .shortcut-destination>b{font-size:16px;line-height:1.3;color:var(--accent-dark)}
.xvg .shortcut-destination>.icon{width:14px;height:14px}
@media(max-width:1000px) and (min-width:761px){.xvg .simple-choice{grid-template-columns:32px minmax(0,1fr) 48px;gap:7px;padding:12px 9px}.xvg .simple-choice>.shortcut-icon{width:32px;height:36px;border-radius:10px}.xvg .shortcut-icon svg{width:23px;height:23px}}
@media(max-width:760px){.xvg .simple-choice{grid-template-columns:36px minmax(0,1fr) 52px;gap:10px;padding:13px 11px}.xvg .simple-choice>.shortcut-icon{width:36px;height:36px;border-radius:10px}.xvg .simple-choice>.shortcut-copy{gap:4px}.xvg .simple-choice>.shortcut-destination{display:grid}}


.xvg{max-width:1160px;margin:0 auto;box-sizing:border-box;min-width:0;isolation:isolate}
.xvg[data-xvg-part="guide"]{padding-top:24px}
.xvg .device-icon svg{width:27px;height:27px;display:block;flex:0 0 auto}
.xvg a[data-buy]{text-decoration:none;cursor:pointer}
.xvg a[data-buy]:hover{text-decoration:none}
.xvg .close-button{cursor:pointer}
@media(max-width:1230px){.xvg{margin-left:35px;margin-right:35px}}
@media(max-width:1000px){.xvg{margin-left:25px;margin-right:25px}}
@media(max-width:760px){.xvg{margin-left:20px;margin-right:20px}.xvg .device-icon svg{width:23px;height:23px}}
@media(max-width:480px){.xvg{margin-left:18px;margin-right:18px}}
@media(max-width:350px){.xvg{margin-left:14px;margin-right:14px}}
.xvg dialog[open].xvg-dialog-fallback{display:block;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;z-index:2147483001;max-height:85vh;overflow:auto}
.xvg .xvg-backdrop{position:fixed;inset:0;background:#24170c70;z-index:2147483000}

