/* 梯子收藏 · v2 视觉：照小红书/抖音/点评的手机社区习惯，浅色底 + 暖色点缀，原生 CSS，无外部字体 */
:root{
--bg:#fff5ef;--bg2:#ffeee6;--card:#fff;--ink:#231f2b;--ink2:#4a4455;--mut:#625c70;--line:#f3e7e1;
--red:#ff3d5a;--org:#ff8a2a;--yel:#ffc83d;--pink:#ff7eb6;--vio:#7b61ff;--teal:#13b79a;
--g1:linear-gradient(135deg,#d92d4b 0%,#c4501a 100%);--red-ink:#c21a38;--g2:linear-gradient(135deg,#ffd36b,#ff9a3d);
--sh:0 6px 20px rgba(255,90,70,.10),0 1px 3px rgba(35,31,43,.06);--sh2:0 14px 40px rgba(35,31,43,.16);
--r:18px;--num:"DIN Alternate","Bahnschrift","SF Pro Rounded","Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 -apple-system,BlinkMacSystemFont,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei","Noto Sans SC",sans-serif;min-height:100vh;
background-image:radial-gradient(900px 380px at 10% -80px,#ffe0d2 0%,transparent 70%),radial-gradient(700px 320px at 100% -40px,#ffeec2 0%,transparent 65%);background-repeat:no-repeat}
a{color:var(--red-ink);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;color:inherit}
.wrap{max-width:1200px;margin:0 auto;padding:0 14px}.narrow{max-width:760px}
.num{font-family:var(--num);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.muted{color:var(--mut)}.small{font-size:13px}.crumb{font-size:13px;color:var(--mut);margin:12px 0 0}
/* 顶栏：毛玻璃 */
.demo-bar{background:#fff0d6;color:#8a4b00;font-size:12px;text-align:center;padding:5px 12px}
header.top{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.72);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid rgba(243,231,225,.8)}
header.top .wrap{display:flex;align-items:center;gap:12px;min-height:54px}
.logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:18px;color:var(--ink)}.logo:hover{text-decoration:none}
.logo i{width:30px;height:30px;border-radius:10px;background:var(--g1);display:grid;place-items:center;box-shadow:0 4px 10px rgba(255,90,70,.35)}
.logo i svg{width:18px;height:18px}.logo b{color:var(--red)}
nav.main{display:flex;gap:2px;margin-left:auto}nav.main a{color:var(--ink2);padding:0 12px;min-height:44px;display:inline-flex;align-items:center;border-radius:12px;font-weight:500}nav.main a:hover{background:#fff1ea;text-decoration:none}
.top-write{display:none;min-height:40px}
/* 品牌标签条（吸顶） */
.strip{position:sticky;top:54px;z-index:25;background:rgba(255,245,239,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.strip .in{display:flex;gap:8px;overflow-x:auto;padding:10px 14px;scrollbar-width:none;scroll-snap-type:x proximity;max-width:1200px;margin:0 auto}.strip .in::-webkit-scrollbar{display:none}
.chipb{flex:none;scroll-snap-align:start;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink2);cursor:pointer;font-weight:500;transition:transform .15s,background .15s,color .15s,box-shadow .15s}
.chipb:active{transform:scale(.94)}.chipb.on{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:0 6px 14px rgba(35,31,43,.25)}
/* 通用 */
.pill{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:600;line-height:1;white-space:nowrap;background:#f4f0f2;color:#7b7584}
.pill.ad{background:linear-gradient(135deg,#ffe38a,#ffc04a);color:#7a4a00}.pill.demo{background:#efeaf0;color:#6c6676}
.pill.off{background:#ece8ff;color:#5a45e0}.pill.ok{background:#dcf7f0;color:#0b8a73}.pill.warn{background:#fff0d9;color:#b45f06}.pill.bad{background:#ffe4e8;color:#d1233f}.pill.hot{background:#ffe4e8;color:#d1233f}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 20px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;font-weight:600;transition:transform .15s,box-shadow .2s}
.btn:hover{text-decoration:none}.btn:active{transform:scale(.96)}
.btn.primary{background:var(--g1);border-color:transparent;color:#fff;box-shadow:0 8px 18px rgba(255,90,70,.32)}.btn.primary:hover{box-shadow:0 10px 24px rgba(255,90,70,.42);color:#fff}
.btn.sm{min-height:44px;padding:0 14px;font-size:13px}.btn.big{min-height:50px;font-size:16px;padding:0 28px}.btn.danger{color:var(--red);border-color:#ffc9d1}
.card{background:var(--card);border-radius:var(--r);box-shadow:var(--sh);padding:16px;margin:0 0 14px;border:1px solid rgba(243,231,225,.7)}
.note{border-radius:14px;padding:11px 14px;font-size:14px;background:#fff0d9;color:#7a4300}.note.green{background:#e0f8f1;color:#0a5f4f}.note.blue{background:#eceaff;color:#3a2fa0}
.err{display:none;background:#ffe4e8;color:#a31a30;border-radius:12px;padding:10px 14px;margin:10px 0}.err.on{display:block}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
h1{font-size:26px;line-height:1.25;margin:18px 0 6px;font-weight:800;letter-spacing:-.01em}h2{font-size:19px;margin:0 0 12px;font-weight:800}h3{font-size:16px;margin:0 0 8px;font-weight:700}
/* 星星：半星用渐变裁切 */
.stars{display:inline-block;font-size:var(--fs,16px);letter-spacing:2px;line-height:1;background:linear-gradient(90deg,#ffb300 var(--p,0%),#e4dde0 var(--p,0%));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;vertical-align:middle}
/* 首页 */
.hero{padding:18px 0 6px}.hero h1{font-size:28px;margin:0 0 6px}.hero p{margin:0;color:var(--ink2)}
.hero h1 em{font-style:normal;color:var(--red-ink)}
.adcard{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:6px 14px;align-items:center;padding:14px 16px;border-radius:var(--r);background:linear-gradient(120deg,#fff4cc,#ffe3b0 60%,#ffd5b0);border:1.5px dashed #f0b04a;margin:0 0 12px;box-shadow:0 6px 18px rgba(255,168,60,.2)}
.adcard .lg{width:46px;height:46px;border-radius:14px;background:#fff;display:grid;place-items:center;font-weight:800;color:#c2650a;box-shadow:inset 0 0 0 2px #ffd48a}
.adcard b{font-size:17px}.adcard .sl{color:#7a5320;font-size:13px;grid-column:2}.adcard .pill{margin-left:6px}
.adnote{font-size:12px;color:#9a6a1e;margin:-4px 0 14px}
.feed{display:grid;grid-template-columns:1fr;gap:14px}
.bcard{background:#fff;border-radius:22px;box-shadow:var(--sh);padding:16px;position:relative;overflow:hidden;border:1px solid rgba(243,231,225,.7)}
.bcard::before{content:"";position:absolute;right:-50px;top:-50px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(255,138,42,.18),transparent 70%)}
.bcard .top{display:flex;gap:12px;align-items:center}.bcard .logo-b{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:20px;flex:none}
.bcard .nm{font-weight:800;font-size:18px;line-height:1.2}.bcard .nm a{color:var(--ink)}
.bcard .sc{margin-left:auto;text-align:right}.big{font-size:38px;line-height:1;color:var(--red)}.big small{font-size:13px;color:var(--mut);font-weight:500;margin-left:2px}
.rk{position:absolute;left:0;top:0;background:var(--g1);color:#fff;font-weight:800;font-size:12px;padding:3px 12px 4px 10px;border-radius:0 0 14px 0}
.dims{display:flex;flex-wrap:wrap;gap:6px 14px;margin:12px 0 4px;font-size:13px;color:var(--ink2)}.dims b{font-family:var(--num);font-size:15px;color:var(--ink)}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.tg{display:inline-flex;align-items:center;gap:4px;min-height:30px;padding:0 11px;border-radius:999px;font-size:13px;border:0;cursor:pointer;transition:transform .15s,box-shadow .15s}.tg:active{transform:scale(.93)}
.tg b{font-family:var(--num);font-size:12px;opacity:.8}.tg.c0{background:#ffe9e0;color:#d2461f}.tg.c1{background:#fff2c9;color:#9a6a00}.tg.c2{background:#ffe3ee;color:#c2255c}.tg.c3{background:#ffe9d0;color:#c2540a}.tg.neg{background:#efedf1;color:#6d6877}
.tg.sel{box-shadow:0 0 0 2px currentColor,0 6px 14px rgba(0,0,0,.12)}
.hotc{display:flex;gap:10px;margin-top:10px;padding:10px 12px;background:#fff8f4;border-radius:14px}.hotc p{margin:0;font-size:14px;color:var(--ink2)}.hotc .who{font-size:12px;color:var(--mut)}
.bfoot{display:flex;gap:10px;align-items:center;margin-top:12px;font-size:13px;color:var(--mut);flex-wrap:wrap}.bfoot .go{margin-left:auto}
.side{display:none}
.stream{max-height:calc(100vh - 150px);overflow:auto;scrollbar-width:thin}
.sitem{display:flex;gap:10px;padding:10px 0;border-top:1px solid var(--line)}.sitem:first-child{border-top:0}.sitem p{margin:2px 0 0;font-size:13.5px;color:var(--ink2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.how{margin:22px 0 90px}.how summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center}.how ul{margin:6px 0 0;padding-left:20px;color:var(--ink2)}
/* 头像 */
.av{width:40px;height:40px;border-radius:50%;flex:none;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.12)}.av svg{display:block;width:100%;height:100%}.av.sm{width:30px;height:30px}
/* 品牌页 */
.bh{margin-top:12px;border-radius:26px;padding:20px 18px;background:var(--g1);color:#fff;position:relative;overflow:hidden;box-shadow:0 16px 36px rgba(255,90,70,.28)}
.bh::after{content:"";position:absolute;right:-60px;bottom:-80px;width:240px;height:240px;border-radius:50%;background:rgba(255,255,255,.14)}
.bh h1{margin:0;font-size:26px;color:#fff}.bh .sub{opacity:.92;font-size:13.5px;margin:4px 0 0}
.bh .scrow{display:flex;align-items:flex-end;gap:14px;margin-top:14px;flex-wrap:wrap}.bh .big{font-size:56px;color:#fff}.bh .big small{color:#ffe9dd}
.bh .stars{--fs:22px;background:linear-gradient(90deg,#fff3a6 var(--p,0%),rgba(255,255,255,.35) var(--p,0%));-webkit-background-clip:text;background-clip:text}
.bh .dr{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:12px;font-size:14px}.bh .dr b{font-family:var(--num);font-size:17px}
.bh .alt{margin-top:10px;font-size:12.5px;background:rgba(255,255,255,.2);display:inline-block;padding:4px 12px;border-radius:999px}
.coop{margin:12px 0}
.sec{margin:22px 0 10px;display:flex;align-items:center;gap:8px}.sec h2{margin:0}
.tabs{position:sticky;top:54px;z-index:20;display:flex;gap:8px;align-items:center;padding:8px 0;background:rgba(255,245,239,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}
.tab{flex:none;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:#fff;cursor:pointer;font-weight:600;color:var(--ink2);transition:transform .15s}.tab:active{transform:scale(.94)}
.tab.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.tab.pic{background:linear-gradient(135deg,#ff5a8a,#ff9a3d);color:#fff;border-color:transparent;box-shadow:0 8px 18px rgba(255,90,110,.35);display:inline-flex;align-items:center;gap:6px}.tab.pic.on{box-shadow:0 0 0 3px #fff,0 0 0 5px #ff5a8a,0 8px 18px rgba(255,90,110,.35)}
.tabs select{flex:none;min-height:40px;border-radius:999px;border:1px solid var(--line);padding:0 12px;background:#fff;font:inherit;width:auto}
/* 评论（抖音式：头像 | 内容 | 右侧竖排红心） */
.cm{display:grid;grid-template-columns:40px minmax(0,1fr) 44px;gap:10px;padding:14px 0;border-top:1px solid var(--line);animation:rise .4s both}.cm:first-child{border-top:0}
.cm .nmx{font-weight:700;display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:14px;color:var(--ink2)}
.cm .tx{margin:3px 0 4px;white-space:pre-wrap;word-break:break-word;font-size:15px}
.cm .sc4{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:var(--mut)}.cm .sc4 b{font-family:var(--num);color:var(--ink2);font-size:13px}
.cm .ft{margin-top:6px;font-size:12.5px;color:var(--mut);display:flex;gap:4px;flex-wrap:wrap;align-items:center}
.cm .ft button,.more{background:none;border:0;color:var(--ink2);font-weight:600;cursor:pointer;min-height:44px;padding:0 6px;border-radius:8px}.cm .ft button:hover,.more:hover{background:#fff1ea}
.more{color:var(--mut);font-size:13px;padding:0 4px 0 0;display:inline-flex;align-items:center;gap:4px}.more svg{width:12px;height:12px;transition:transform .2s}.more.open svg{transform:rotate(180deg)}
.lk{display:flex;flex-direction:column;align-items:center;gap:0;background:none;border:0;cursor:pointer;color:var(--mut);min-height:48px;padding:2px;border-radius:12px;font-size:12px}
.lk svg{width:24px;height:24px;transition:transform .2s;fill:none;stroke:currentColor;stroke-width:1.8}.lk.on{color:var(--red)}.lk.on svg{fill:var(--red);stroke:var(--red);animation:pop .45s}
.lk i{font-style:normal;font-family:var(--num);font-weight:700}
.thr{margin:4px 0 0;padding:6px 0 0 0}.rp{display:flex;gap:8px;padding:6px 0}.rp .nmx{font-size:13px}.rp .tx{font-size:14px;margin:1px 0}
.rform{display:none;gap:8px;margin-top:6px}.rform.open{display:flex}.rform input[type=text]{flex:1;min-width:0;min-height:44px;border:1px solid var(--line);background:#fff7f3;border-radius:999px;padding:0 14px;font:inherit}
.thr[hidden]{display:none}
/* 带图（小红书式：图在上、字在下） */
.pics{display:grid;gap:6px;margin:6px 0}.pics.n1{grid-template-columns:1fr}.pics.n2{grid-template-columns:1fr 1fr}
.pics button{border:0;padding:0;background:#f4ece8;border-radius:14px;overflow:hidden;cursor:zoom-in;aspect-ratio:4/3;display:block}.pics.n1 button{aspect-ratio:4/3;max-width:420px}.pics img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.pics button:hover img{transform:scale(1.04)}
.lb{position:fixed;inset:0;z-index:80;background:rgba(20,16,26,.88);display:none;place-items:center;padding:18px;animation:fade .2s}.lb.open{display:grid}.lb img{max-width:100%;max-height:88vh;border-radius:14px;box-shadow:var(--sh2)}.lb button{position:absolute;top:14px;right:14px;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.2);color:#fff;font-size:22px;cursor:pointer}
.vtab{width:100%;border-collapse:collapse;font-size:14px}.vtab td{padding:9px 4px;border-top:1px solid var(--line);vertical-align:top}.vtab tr:first-child td{border-top:0}
.ex-i{padding:9px 0;border-top:1px dashed #ecdcd4;font-size:14px}.ex-i:first-child{border-top:0}.ex-i q{font-weight:600}.ex-i .src{display:block;color:var(--mut);font-size:12px}
/* 底部固定「说说你的体验」 */
.dock{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(to top,rgba(255,245,239,.96) 60%,rgba(255,245,239,0));pointer-events:none}
.dock button{pointer-events:auto;display:flex;align-items:center;gap:10px;width:100%;max-width:560px;margin:0 auto;min-height:50px;border:0;border-radius:999px;background:#fff;box-shadow:0 8px 28px rgba(35,31,43,.18);padding:0 8px 0 20px;color:var(--mut);cursor:pointer;text-align:left;font-size:15px}
.dock button span{flex:1}.dock button b{background:var(--g1);color:#fff;border-radius:999px;padding:0 20px;min-height:38px;display:inline-flex;align-items:center;font-size:14px}
/* 半屏表单 */
.shade{position:fixed;inset:0;z-index:60;background:rgba(25,18,30,.45);opacity:0;pointer-events:none;transition:opacity .25s;backdrop-filter:blur(2px)}.shade.open{opacity:1;pointer-events:auto}
.sheet{position:fixed;z-index:61;left:0;right:0;bottom:0;max-height:92vh;background:#fff;border-radius:26px 26px 0 0;box-shadow:var(--sh2);transform:translateY(105%);transition:transform .32s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column}.sheet.open{transform:none}
.sheet .grab{width:42px;height:5px;border-radius:3px;background:#e5d8d2;margin:9px auto 0;flex:none}
.sheet .sh{display:flex;align-items:center;padding:8px 16px 4px;flex:none}.sheet .sh h2{margin:0;font-size:18px}.sheet .x{margin-left:auto;width:44px;height:44px;border-radius:50%;border:0;background:#f6efec;cursor:pointer;font-size:20px}
.sheet .sb{overflow:auto;padding:4px 16px 12px;flex:1;overscroll-behavior:contain}
.sheet .sf{padding:10px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);flex:none;background:#fff}
.field{margin:0 0 18px}.field>.lb2{display:block;font-weight:700;margin-bottom:8px}.req{color:var(--red)}
.pills{display:flex;flex-wrap:wrap;gap:8px}.pills label{position:relative;margin:0}.pills input{position:absolute;opacity:0;pointer-events:none}
.pills span{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;background:#f6efec;cursor:pointer;user-select:none;transition:transform .15s,background .15s,color .15s}
.pills input:checked+span{background:var(--g1);color:#fff;transform:scale(1.04);box-shadow:0 6px 14px rgba(255,90,70,.3)}.pills input:focus-visible+span{outline:2px solid var(--red);outline-offset:2px}
.srow{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:8px;margin-bottom:6px}.srow .st{display:flex;gap:2px}
.star{width:44px;height:44px;border:0;background:none;cursor:pointer;font-size:28px;line-height:1;color:#e4dde0;transition:transform .15s,color .15s;padding:0}.star.on{color:#ffb300}.star:active{transform:scale(1.25)}.srow .lbl{font-weight:600}.srow .v{font-family:var(--num);font-weight:800;color:var(--org);min-width:20px;text-align:right}
.wheels{display:grid;grid-template-columns:1.2fr 1fr 1.3fr;gap:8px}.wcol .cap{font-size:12px;color:var(--mut);text-align:center;margin-bottom:2px}
.wheel{position:relative;height:132px;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;-webkit-mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent)}.wheel::-webkit-scrollbar{display:none}
.wheel .pad{height:44px}.wheel button{display:block;width:100%;height:44px;scroll-snap-align:center;border:0;background:none;cursor:pointer;color:#a59fae;font-size:15px;transition:color .15s,font-size .15s}.wheel button.on{color:var(--ink);font-weight:800;font-size:17px}
.wwrap{position:relative}.wwrap::after{content:"";position:absolute;left:0;right:0;top:44px;height:44px;border-radius:12px;background:rgba(255,90,70,.08);pointer-events:none}
.sheet textarea,.sheet select,.sheet input[type=text],.card textarea{width:100%;min-height:44px;border:1px solid var(--line);border-radius:14px;padding:10px 14px;font:inherit;background:#fffaf7;color:var(--ink)}.sheet textarea{min-height:110px;resize:vertical}
.cnt{text-align:right;font-size:12px;color:var(--mut)}
.thumbs{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.thumbs div{position:relative}.thumbs img{width:76px;height:76px;object-fit:cover;border-radius:12px}.thumbs button{position:absolute;top:-6px;right:-6px;width:24px;height:24px;border-radius:50%;border:0;background:#222;color:#fff;cursor:pointer}
.addpic{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border-radius:14px;background:#fff1ea;color:var(--red);font-weight:600;cursor:pointer}
.sheet-brandsel{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.sheet-brandsel::-webkit-scrollbar{display:none}
.done{text-align:center;padding:30px 10px}.done .ok{width:72px;height:72px;border-radius:50%;background:var(--g1);display:grid;place-items:center;margin:0 auto 12px;animation:pop .5s}.done .ok svg{width:36px;height:36px}
footer{margin-top:20px;padding:18px 0 110px;color:var(--mut);font-size:12.5px}
/* 后台（沿用旧结构，换新皮） */
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.at{width:100%;border-collapse:collapse;font-size:14px}.at th,.at td{padding:10px 8px;border-top:1px solid var(--line);text-align:left;vertical-align:top}.at th{color:var(--mut);font-weight:500;font-size:13px}.rowact{display:flex;gap:6px;flex-wrap:wrap}.tag{display:inline-block;padding:1px 9px;border-radius:999px;font-size:12px;line-height:20px;background:#f4f0f2;color:#7b7584}.tag.demo{background:#efeaf0}.tag.ok{background:#dcf7f0;color:#0b8a73}.tag.warn{background:#fff0d9;color:#b45f06}.tag.bad{background:#ffe4e8;color:#d1233f}
input[type=password],.card input[type=text],.card select{width:100%;min-height:44px;border:1px solid var(--line);border-radius:14px;padding:8px 14px;font:inherit;background:#fffaf7}
.go-wrap{padding:30px 0}
@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(1)}35%{transform:scale(1.5)}65%{transform:scale(.9)}100%{transform:scale(1)}}@keyframes fade{from{opacity:0}to{opacity:1}}
.bcard{animation:rise .45s both}
@media(min-width:700px){.feed{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){
.home{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}.side{display:block;position:sticky;top:130px}
.feed{grid-template-columns:1fr 1fr}.top-write{display:inline-flex}.dock button{max-width:520px}
.sheet{left:auto;top:0;right:0;bottom:0;width:480px;max-height:none;border-radius:26px 0 0 26px;transform:translateX(105%)}.sheet.open{transform:none}.sheet .grab{display:none}
.bh{padding:26px 28px}.bh h1{font-size:32px}
}
@media(max-width:560px){h1{font-size:23px}.hero h1{font-size:24px}.two{grid-template-columns:1fr}.at{display:block;overflow-x:auto}.adcard{grid-template-columns:auto 1fr}.adcard .btn{grid-column:1/3}.adcard .sl{grid-column:1/3}.bh .big{font-size:50px}nav.main a{padding:0 8px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
/* R64 点按区 ≥44px */
button.tg{min-height:44px;padding:0 15px}.tab,.tabs select,.chipb{min-height:44px}.logo{min-height:44px}
.crumb a{display:inline-flex;align-items:center;min-height:44px}.crumb{margin:2px 0 0}
.src a,.ex-i a,footer a{display:inline-flex;align-items:center;min-height:44px}.bfoot a.go{min-height:44px}
.cm .ft{flex-wrap:wrap}.cm .ft>span{flex:1 0 100%}
.adcard .btn{min-height:44px}
.cm .ft button,.more{min-width:44px}.crumb a{padding:0 8px;margin-left:-8px}.bcard .nm a{display:inline-flex;align-items:center;min-height:44px}
.sitem .muted a{display:inline-flex;align-items:center;min-height:44px;padding:0 3px}.sitem .muted{line-height:1.2}
/* v2.1：来源横幅、分段 tab、采集条目、规则弹层 */
.srcbar{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin:12px 0 4px;padding:12px 16px;border-radius:18px;background:linear-gradient(120deg,#fff,#fff0ea 55%,#f1ecff);border:1px solid #f3dfd8;box-shadow:0 4px 14px rgba(123,97,255,.07)}
.sb-t{flex:1 1 320px;font-size:14px;color:var(--ink2)}.sb-t b{color:var(--ink)}
.linkb{background:none;border:0;color:var(--red);font-weight:700;cursor:pointer;min-height:44px;padding:0 6px;border-radius:10px;text-decoration:underline;text-underline-offset:3px}
.sb-i{display:flex;gap:8px;flex-wrap:wrap}.sb-p{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px 0 6px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:13px;color:var(--ink2)}.sb-p.zero{opacity:.6}.sb-p b{color:var(--ink);font-size:14px}
.av.ic{display:grid;place-items:center;box-shadow:none}.av.ic svg{width:70%;height:70%;display:block}.av.ic{color:#fff}.av.ic.sm{width:30px;height:30px}
.seg{display:inline-flex;padding:4px;border-radius:999px;background:#f3e9e4;margin:4px 0 8px}.seg button{min-height:44px;padding:0 18px;border:0;border-radius:999px;background:none;cursor:pointer;font-weight:700;color:var(--ink2);transition:background .2s,color .2s,box-shadow .2s}.seg button.on{background:#fff;color:var(--red);box-shadow:0 3px 10px rgba(35,31,43,.12)}
.cm.src{grid-template-columns:40px minmax(0,1fr)}.cm.src .tx{font-size:15px}.cm.src .ft a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}
.rules{position:fixed;z-index:62;left:50%;top:50%;width:min(92vw,420px);transform:translate(-50%,-46%) scale(.96);opacity:0;pointer-events:none;background:#fff;border-radius:22px;padding:20px;box-shadow:var(--sh2);transition:opacity .2s,transform .25s}.rules.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}.rules ul{padding-left:20px;color:var(--ink2)}.rules a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:999px){.side{display:block;margin-top:6px}.stream{max-height:560px}}
.nmx a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}.rules .btn,.rules a{min-height:48px}
.cm .ft>span.pill{flex:none}
.hero h1{font-size:26px}@media(max-width:560px){.hero h1{font-size:22px}}
/* v2.2：测速、教程、导航 */
nav.main{overflow-x:auto;scrollbar-width:none;flex:1;min-width:0;justify-content:flex-end}nav.main::-webkit-scrollbar{display:none}nav.main a{flex:none;white-space:nowrap}
.srcrow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:stretch;margin:12px 0 4px}.srcrow .srcbar{margin:0}
.speedcta{display:flex;flex-direction:column;justify-content:center;gap:2px;max-width:260px;padding:12px 16px;border-radius:18px;background:linear-gradient(135deg,#ff5a6e,#ff8a2a);color:#fff;box-shadow:0 8px 20px rgba(255,90,70,.28);transition:transform .15s}.speedcta:hover{text-decoration:none;transform:translateY(-1px)}.speedcta b{font-size:16px}.speedcta span{font-size:12.5px;opacity:.92;line-height:1.4}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stats>div{background:#fff8f4;border-radius:14px;padding:12px 10px;text-align:center}.stats b{display:block;font-size:26px;line-height:1.1}.stats b small{font-size:13px;color:var(--mut)}.stats span{font-size:12px;color:var(--mut)}.stats .hi{background:var(--g1);color:#fff}.stats .hi span{color:#fff;opacity:.9}
.chips2{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.hrow{display:grid;grid-template-columns:64px 1fr 36px;gap:10px;align-items:center;min-height:32px;font-size:13px}.hb{height:12px;border-radius:6px;background:#f0e7e2;overflow:hidden}.hb i{display:block;height:100%;border-radius:6px}
.spin{width:34px;height:34px;border:4px solid #ffd9c9;border-top-color:var(--red);border-radius:50%;margin:10px auto;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.doc{max-width:820px;margin:0 auto}.doc h1{margin-top:12px}.doc h2{margin:28px 0 10px;font-size:21px}.doc h3{margin:18px 0 6px;font-size:17px}.doc p,.doc li{color:var(--ink2)}.doc ol,.doc ul{padding-left:22px}.doc .fig{margin:12px 0;background:#fff;border-radius:18px;padding:10px;box-shadow:var(--sh);text-align:center}.doc .fig svg{max-width:100%;height:auto}.doc .fig figcaption{font-size:12.5px;color:var(--mut);padding:4px 6px}
.doc .src{font-size:12.5px;color:var(--mut)}.doc a.ext{display:inline-flex;align-items:center;min-height:44px;font-weight:600}.doc .toc a{display:inline-flex;align-items:center;min-height:44px;padding:0 8px}
@media(max-width:700px){.srcrow{grid-template-columns:1fr}.speedcta{max-width:none}.stats{grid-template-columns:1fr 1fr}.hrow{grid-template-columns:56px 1fr 30px}}
@media(max-width:700px){.phone2{grid-template-columns:1fr!important}}
.doc p a:not(.ext),.doc li a,#sres p a{display:inline-block;padding:13px 3px;margin:-13px 0;line-height:20px}
/* 点选省份 / 运营商 / 时长 */
.sub3{font-size:13px;color:var(--mut);margin:10px 0 6px}
.provbtn{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;border:1px solid var(--line);border-radius:14px;padding:0 14px;background:#fffaf7;color:var(--mut);cursor:pointer;font-size:15px}.provbtn.set{color:var(--ink);font-weight:700;border-color:#ffb08f;background:#fff1ea}.provbtn svg{transition:transform .2s}.provbtn[aria-expanded=true] svg{transform:rotate(180deg)}
.pgrid{display:none;margin-top:8px;padding:10px;border-radius:16px;background:#fffaf7;border:1px solid var(--line);animation:rise .22s both}.pgrid.open{display:block}
.pg{display:grid;grid-template-columns:44px 1fr;gap:6px;align-items:start;padding:4px 0}.pgn{font-size:12.5px;color:var(--mut);line-height:44px}.pgi{display:flex;flex-wrap:wrap;gap:6px}
.pc{min-height:44px;min-width:56px;padding:0 12px;border-radius:12px;border:1px solid var(--line);background:#fff;cursor:pointer;font-size:15px;transition:transform .15s,background .15s,color .15s,box-shadow .15s}.pc:active{transform:scale(.92)}.pc.on{background:var(--g1);color:#fff;border-color:transparent;font-weight:700;box-shadow:0 6px 14px rgba(255,90,70,.3);animation:pop .35s}
.pills input:checked+span{animation:pop .35s}
.pills span{min-height:44px}
/* v2.3：三个广告位各自配色 + 招商入口 */
.adhead{display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px;color:#8a6a2a;margin:0 0 8px}
.adlink{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;font-weight:700;color:var(--red)}
.adcard{border-style:solid;border-width:1.5px;position:relative}.adcard .adfine{position:absolute;right:14px;bottom:6px;font-size:11px;opacity:.7}.adcard .sl{padding-bottom:12px}
.adcard.t-orange{background:linear-gradient(120deg,#fff1da,#ffe0a8 60%,#ffcd8a);border-color:#f2b25c;color:#6b3d05}.adcard.t-orange .lg{color:#c2650a;box-shadow:inset 0 0 0 2px #ffd48a}.adcard.t-orange .adbtn{background:linear-gradient(135deg,#ff9a3d,#ffb800);color:#fff;border-color:transparent;box-shadow:0 8px 18px rgba(255,150,40,.35)}
.adcard.t-blue{background:linear-gradient(120deg,#e8f8ff,#cdeefb 60%,#b5e2f5);border-color:#7cc4e2;color:#0b4a63}.adcard.t-blue .lg{color:#0a7ea8;box-shadow:inset 0 0 0 2px #a6dcef}.adcard.t-blue .adbtn{background:linear-gradient(135deg,#1fb5c9,#2a8de0);color:#fff;border-color:transparent;box-shadow:0 8px 18px rgba(30,150,210,.32)}
.adcard.t-pink{background:linear-gradient(120deg,#fff0f8,#fadcf0 60%,#f6c9e2);border-color:#e59cc6;color:#6b1650}.adcard.t-pink .lg{color:#b02b86;box-shadow:inset 0 0 0 2px #f0bfdc}.adcard.t-pink .adbtn{background:linear-gradient(135deg,#c957d6,#f0457f);color:#fff;border-color:transparent;box-shadow:0 8px 18px rgba(220,70,150,.32)}
.adcard .sl{color:inherit;opacity:.85}.adcard .pill.ad{background:rgba(255,255,255,.85);color:#7a4a00;border:1px solid rgba(0,0,0,.1)}
.adcard.t-blue .pill.ad{color:#0b5a78}.adcard.t-pink .pill.ad{color:#8a1f66}
.adbtn:hover{color:#fff}
.exc{margin:10px 0;border:1px dashed #e4b7a6;border-radius:14px;background:#fffaf7;padding:0 12px}.exc summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600;color:var(--ink2)}
.cm.src.excl{opacity:.8}
.cm .ft a,.adnote a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0 4px}
/* 建议收录 */
.feedhead{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0 8px}.feedhead h2{margin:0}
.sgbtn{background:linear-gradient(135deg,#fff,#fff0ea);border-color:#ffb08f;color:#c2361b;font-weight:700;box-shadow:0 4px 12px rgba(255,90,70,.12)}
.chipb.add{border-style:dashed;border-color:#ffb08f;color:#c2361b;background:#fff7f3}
.sugg{margin-top:14px}.sgl{list-style:none;margin:0;padding:0}.sgl li{display:flex;align-items:center;gap:8px;min-height:44px;border-top:1px solid var(--line)}.sgl li:first-child{border-top:0}.sgl .sgn{flex:1;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis}
.sheet input[type=text]{font-size:16px}
/* v2.4：横条 / 圆环 / 好中差堆叠条 */
.bars4{display:grid;gap:10px}.b4{display:grid;grid-template-columns:42px minmax(0,1fr) 74px;gap:10px;align-items:center;min-height:28px}.bl{font-size:13px;color:var(--ink2);font-weight:600}
.bt{height:12px;border-radius:7px;background:#f0e7e2;overflow:hidden}.bf{display:block;height:100%;width:0;border-radius:7px;transition:width .9s cubic-bezier(.2,.8,.2,1)}.in .bf{width:var(--w)}
.bv{font-size:13px;color:var(--mut);display:flex;align-items:baseline;gap:4px;justify-content:flex-end;white-space:nowrap}.bv b{font-size:15px;color:var(--ink)}.bv small{font-size:11px;color:var(--mut)}.bv em{font-style:normal;font-size:12px;color:#8b8595}
.ringw{position:relative;display:grid;place-items:center;flex:none}.ringw svg{display:block}.ringfg{stroke-dasharray:var(--c);stroke-dashoffset:var(--c);transition:stroke-dashoffset 1.1s cubic-bezier(.2,.8,.2,1)}.in .ringfg{stroke-dashoffset:var(--off)}
.ringn{position:absolute;font-size:22px;line-height:1;color:var(--ink)}.ringw[style*="92px"] .ringn{font-size:30px}
.scorebox{display:flex;align-items:center;gap:12px;margin-top:12px}.nodata b{display:block;font-size:15px;color:var(--ink2)}.nodata span{font-size:12px;color:var(--mut)}
.sent{margin:0 0 10px}.sl{font-size:12.5px;color:var(--ink2);font-weight:600;margin-bottom:4px}.sb3{display:flex;height:12px;border-radius:7px;overflow:hidden;background:#f0e7e2;gap:2px}.sb3 i{display:block;height:100%;width:0;transition:width .9s cubic-bezier(.2,.8,.2,1)}.in .sb3 i{width:var(--w)}.sb3.empty{background:repeating-linear-gradient(45deg,#f0e7e2,#f0e7e2 6px,#f7f0ec 6px,#f7f0ec 12px)}
.s-pos{background:linear-gradient(90deg,#6fe3a5,#22b573)}.s-mid{background:#cfc9d2}.s-neg{background:linear-gradient(90deg,#ff8a96,#ff4d63)}
.sn{display:flex;gap:12px;margin-top:3px;font-size:12px;color:var(--mut)}.sn .g{color:#14925a;font-weight:700}.sn .r{color:#d1233f;font-weight:700}
/* 首页卡片：电脑横向长卡，手机竖排 */
.bcard.rowc{display:grid;grid-template-columns:1fr;gap:12px 20px;padding:16px}.rowc .rk{z-index:2}.rowc .c-l{padding-top:6px}.rowc .c-f{margin-top:0}.rowc .c-d{margin-top:0}
@media(min-width:1000px){.feed{grid-template-columns:1fr}.bcard.rowc{grid-template-columns:230px minmax(0,1fr) 270px;grid-template-areas:"l m r" "f f f" "d d d";align-items:start}.rowc .c-l{grid-area:l}.rowc .c-m{grid-area:m;padding-top:22px}.rowc .c-r{grid-area:r}.rowc .c-f{grid-area:f;border-top:1px solid var(--line);padding-top:10px}.rowc .c-d{grid-area:d}}
@media(min-width:700px) and (max-width:999px){.feed{grid-template-columns:1fr}.bcard.rowc{grid-template-columns:1fr 1fr;grid-template-areas:"l m" "r r" "f f" "d d"}.rowc .c-l{grid-area:l}.rowc .c-m{grid-area:m}.rowc .c-r{grid-area:r}.rowc .c-f{grid-area:f}.rowc .c-d{grid-area:d}}
/* 品牌页头部 */
.bh .scrow{align-items:center}.bh .ringw .ringn{color:#fff}.bh .ringw circle:first-child{stroke:rgba(255,255,255,.28)}.bh .ringfg{stroke:#fff6c8}
.vizp{margin-top:12px}.vizg{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}.vizg h3{margin:0 0 10px}.spd{display:flex;gap:14px;align-items:center;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.spd>div:last-child{flex:1;min-width:0}
@media(max-width:700px){.vizg{grid-template-columns:1fr}.b4{grid-template-columns:42px minmax(0,1fr) 70px}}
@media(prefers-reduced-motion:reduce){.bf,.sb3 i{width:var(--w)!important;transition:none!important}.ringfg{stroke-dashoffset:var(--off)!important;transition:none!important}}
[hidden]{display:none!important}
/* ====== 审计修复（2026-11-11）：对比度 ≥4.5:1、点按区、行宽 ====== */
:root{--sh:0 6px 20px rgba(217,45,75,.10),0 1px 3px rgba(35,31,43,.06)}
::placeholder{color:#6f6979;opacity:1}
.pill{color:#5a5566}.pill.ok{color:#076b58}.pill.bad,.pill.hot{color:#b3152f}.pill.warn{color:#8f4a00}.pill.demo{color:#55505f}.pill.off{color:#4a38c4}
.pill.ad{color:#6b3d00}
.tag{color:#5a5566}.tag.ok{color:#076b58}.tag.warn{color:#8f4a00}.tag.bad{color:#b3152f}
.tg.c0{color:#a9300c}.tg.c1{color:#744d00}.tg.c2{color:#9c1745}.tg.c3{color:#8f3b00}.tg.neg{color:#4f4a5c}
.sn .g{color:#0e7a49}.sn .r{color:#b3152f}
.star{color:#a69eae}.star.on{color:#ffb300}
.rk{background:linear-gradient(135deg,#c42544,#b84a14)}
.btn.primary,.speedcta,.stats .hi,.pc.on,.pills input:checked+span,.dock button b,.sheet .done .ok{background:var(--g1)}
.tab.pic{background:linear-gradient(135deg,#c8265f,#b84a14)}
.adcard.t-orange .adbtn{background:linear-gradient(135deg,#ffb347,#ffc93d);color:#4a2a00;box-shadow:0 6px 14px rgba(255,160,40,.35)}.adcard.t-orange .adbtn:hover{color:#4a2a00}
.adcard.t-blue .adbtn{background:linear-gradient(135deg,#0b7f93,#1a62b5)}
.adcard.t-pink .adbtn{background:linear-gradient(135deg,#a8349f,#c8225f)}
.adcard .adfine{opacity:1;color:inherit;font-size:11.5px}.adcard .sl{opacity:1}
.adlink{color:var(--red-ink)}.linkb{color:var(--red-ink)}
.bh{background:linear-gradient(135deg,#d42b49 0%,#b8470f 100%)}.bh .alt{background:rgba(255,255,255,.18)}.bh .sub,.bh .small{opacity:1}
.speedcta{background:linear-gradient(135deg,#d42b49,#b8470f)}.speedcta span{opacity:1}
.provbtn.set{color:var(--ink)}
.logo b{color:var(--red-ink)}
.ex-i .src,.cm .ft,.sub3,.muted{color:var(--mut)}
.cm .ft button,.more{color:#4a4455}
.sgbtn,.chipb.add{color:#a8260f}
/* 点按区：go 页、404、面包屑里的单链接 */
.crumb a{min-width:44px;justify-content:center}
.narrow p>a:not(.btn),.go p>a:not(.btn){display:inline-flex;align-items:center;min-height:44px}
/* 行宽：正文每行不超过约 36 个汉字 */
.doc p,.doc li,.rules li,.how li,.hero p,.note,main.narrow p{max-width:36em}
footer p{max-width:44em}
.doc .toc{max-width:36em}
.h3s{font-size:16px;margin:0 0 10px}
.bv em{color:#625c70}.star{color:#8e8696}
footer{color:#5f5969}footer p{max-width:38em}
.tg b{opacity:1}.bfoot b,.bv b,.sn b{color:var(--ink)}
.req{color:var(--red-ink)}.seg button.on{color:var(--red-ink)}.btn.danger{color:var(--red-ink)}
.bh .sub{max-width:36em}p.muted,.muted.small{max-width:40em}
.srow .v{color:#a04a00}
.bh{background:linear-gradient(135deg,#c7253f 0%,#a8400d 100%)}.speedcta{background:linear-gradient(135deg,#c7253f,#a8400d)}.btn.primary,.stats .hi,.pc.on,.pills input:checked+span,.dock button b,.done .ok{background:linear-gradient(135deg,#cc2845,#b8470f)}
.sb-p.zero{opacity:1;background:#faf6f3;color:var(--mut)}
.adhead{color:#5f4410}.adcard.t-orange .lg{color:#8f4400}.adcard.t-blue .lg{color:#06607f}.adcard.t-pink .lg{color:#85196a}
.addpic{color:var(--red-ink)}
.lb button{background:#2b2533}
p.muted,.muted.small{max-width:36em}
.cm .ft span a{font-weight:400;color:var(--ink2);text-decoration:underline;text-underline-offset:2px;min-height:0;min-width:0;display:inline}
@media(max-width:560px){.at,.at tbody,.at tr,.at td{display:block}.at{overflow:visible}.at tr:first-child{display:none}.at tr{border-top:1px solid var(--line);padding:12px 0}.at td{border:0;padding:3px 0}.at .rowact{margin-top:6px}}
/* 修：顶栏「写评价」按钮在手机上也显示，把导航挤出屏幕（口碑榜、测速看不见） */
.top-write{display:none!important}@media(min-width:1000px){.top-write{display:inline-flex!important}}
nav.main{justify-content:flex-start;margin-left:auto}
@media(max-width:430px){nav.main a{padding:0 6px;font-size:14px}.logo{font-size:16px}header.top .wrap{gap:4px}}
nav.main a{min-width:44px;justify-content:center}
/* 套餐表、跑路时间线 */
.tblw{overflow-x:auto;-webkit-overflow-scrolling:touch}.ptab{width:100%;border-collapse:collapse;font-size:14px;min-width:520px}.ptab th,.ptab td{padding:10px 10px;border-top:1px solid var(--line);text-align:right;white-space:nowrap}.ptab thead th{border-top:0;color:var(--mut);font-weight:600;font-size:12.5px}
.ptab th:first-child,.ptab td:first-child{text-align:left}.ptab tbody th{text-align:left;font-weight:700;position:sticky;left:0;background:#fff}.ptab td:nth-child(2){text-align:left;white-space:normal;min-width:110px}
.tline{list-style:none;margin:0;padding:0}.tline li{display:grid;grid-template-columns:92px 1fr;gap:10px;padding:10px 0;border-top:1px solid var(--line)}.tline li:first-child{border-top:0}.tline p{margin:0 0 2px}.tdate{font-size:13px;color:var(--mut)}
@media(max-width:560px){.tline li{grid-template-columns:1fr;gap:2px}}
@media(max-width:560px){.ptab{min-width:0}.ptab thead{display:none}.ptab,.ptab tbody,.ptab tr,.ptab th,.ptab td{display:block;width:100%}.ptab tr{border-top:1px solid var(--line);padding:10px 0}.ptab tr:first-child{border-top:0}.ptab tbody th{position:static;padding:0 0 4px;border:0;font-size:15px}.ptab td{display:flex;justify-content:space-between;gap:10px;border:0;padding:3px 0;text-align:right;white-space:normal}.ptab td::before{content:attr(data-l);color:var(--mut);font-size:13px;text-align:left}.ptab td:nth-child(2){min-width:0}}
a.ext{display:inline-flex;align-items:center;min-height:44px}
.ptab td::before{font-weight:400;font-family:inherit}
.tline a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}.tline li>div{max-width:36em}
.chipb{min-width:44px}
.sn .g{color:#0a6238}.rk{background:linear-gradient(135deg,#b01e3c,#a03a0c)}
.cm .ft a{min-height:44px;line-height:20px;box-sizing:border-box}
.bcard .nm a{min-width:44px}.tline{max-width:36em}.tline li{max-width:100%}
.ownbadge{display:flex;flex-direction:column;justify-content:center;min-height:76px;padding:8px 14px;border-radius:16px;background:#fff0d9;color:#6b3d00}.ownbadge b{font-size:15px}.ownbadge span{font-size:12.5px}
.ownbadge.big{min-height:92px;background:rgba(255,255,255,.92);color:#5a2f00}.ownnote{margin:0;font-size:13.5px;color:var(--ink2);background:#fff8f0;border-radius:12px;padding:10px 12px}
.ownbadge b{line-height:1.35;display:block}.ownbadge span{line-height:1.35;display:block}
.morerisk{margin-top:6px}.morerisk summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:var(--red-ink);font-weight:600}
.tgstars{display:block;margin-top:2px;color:var(--ink2)}.pnote{display:block;font-weight:400;white-space:normal;max-width:240px}
.ptab thead th:nth-child(2){text-align:left}
/* 品牌筛选条：手机单行横向滚动 + 右侧渐隐；电脑最多 2 行，超出收进「更多」 */
.strip{position:sticky}.strip::after{content:'';position:absolute;right:0;top:0;bottom:0;width:38px;background:linear-gradient(90deg,rgba(255,245,239,0),rgba(255,245,239,.96));pointer-events:none;transition:opacity .2s}.strip.end::after{opacity:0}
.chipb.smore{border-style:dashed;color:var(--ink2);font-weight:600}
@media(min-width:700px){.strip::after{display:none}.strip .in{flex-wrap:wrap;overflow:visible}.chipb.hid{display:none}.strip.exp .chipb.hid{display:inline-flex}.chipb{align-items:center}}
@media(max-width:699px){.chipb.smore{display:none!important}}
/* 首页：不够 3 条的品牌用精简行（服务端渲染，减少首页节点数） */
.bcard.slim{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px}.bcard.slim .c-l{flex:1 1 220px}.bcard.slim .bfoot{flex:1 1 220px;justify-content:space-between;border:0;padding:0;margin:0}
.c-dl:empty::before{content:'取原话中…';color:var(--mut);font-size:13px;padding:8px 0;display:block}
/* 站长 11-12：WgetCloud 推广小按钮（含推广链接标注），不挡评分和评价 */
.pbtn{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;margin:6px 0 0}.pbtn .btn{min-height:44px;padding:0 12px;font-size:12.5px}.bfoot .pbtn{margin:0 0 0 auto}.stream .pbtn{margin-top:4px}
/* ===== /clash/ 教程页版面（站长 11-12：可读性）===== */
.cl{max-width:1120px;margin:0 auto;padding-bottom:40px}
.cl-h h1{margin:10px 0 12px;max-width:26em}
.cl-lead{font-size:17px;line-height:1.75;color:var(--ink2);max-width:44em;margin:0 0 10px}
.cl-meta{font-size:14px;line-height:1.7;color:var(--mut);max-width:44em;margin:0 0 18px}
.cl-grid{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:32px;align-items:start}
.cl-toc{position:sticky;top:78px;order:2;background:#fff;border:1px solid var(--line);border-radius:16px;padding:6px 14px;box-shadow:var(--sh)}
.cl-toc summary{font-weight:700;font-size:15px;min-height:44px;display:flex;align-items:center;cursor:pointer;list-style:none}
.cl-toc summary::-webkit-details-marker{display:none}
.cl-toc nav{display:flex;flex-direction:column;padding-bottom:8px}.cl-toc nav a{display:flex;align-items:center;min-height:44px;font-size:14.5px;color:#a8260f;font-weight:600;border-top:1px solid var(--line)}
.cl-main{order:1;min-width:0}
.cl-sec{margin:0 0 30px}.cl-sec h2,.cl-card h2{font-size:22px;margin:0 0 10px}
.cl-sec p,.cl-card p,.cl-card li{font-size:16.5px;line-height:1.75;color:var(--ink2);margin:0 0 14px;max-width:44em}
.cl-card h3{font-size:17px;margin:20px 0 6px;color:var(--ink)}
.cl-tag{font-size:14px!important;color:var(--mut)!important;margin:-4px 0 4px!important}
.cl-two{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0 0 30px}
.cl-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px 22px;box-shadow:var(--sh);min-width:0}
.cl-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;counter-reset:f}
.cl-flow li{counter-increment:f;position:relative;background:#fff0ea;border:1px solid #f0bba6;border-radius:16px;padding:14px 14px 14px 52px;display:flex;flex-direction:column;gap:4px;min-width:0}
.cl-flow li::before{content:counter(f);position:absolute;left:14px;top:14px;width:28px;height:28px;border-radius:50%;background:#a8260f;color:#fff;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center}
.cl-flow b{font-size:16px;color:var(--ink)}.cl-flow span{font-size:14px;line-height:1.5;color:var(--ink2)}
.cl-flow li.last{background:#fff;border-color:#a8260f}
.cl-steps{list-style:none;margin:0 0 14px;padding:0;counter-reset:s}
.cl-steps li{counter-increment:s;position:relative;padding:0 0 14px 44px;margin:0}
.cl-steps li::before{content:counter(s);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;background:#a8260f;color:#fff;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center}
.cl-steps li:not(:last-child)::after{content:"";position:absolute;left:14px;top:32px;bottom:2px;width:2px;background:#f0bba6}
.cl-steps b{display:block;font-size:16.5px;color:var(--ink);line-height:1.5}.cl-steps span{display:block;font-size:15.5px;line-height:1.7;color:var(--ink2);margin-top:2px}
.cl code{font-size:14.5px;background:#f6efec;padding:1px 6px;border-radius:6px}
.cl a.ext{display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:#a8260f}
.cl-src{background:#f4f1f5;border-radius:12px;padding:12px 14px;margin-top:16px}
.cl-src b{font-size:14px;color:#4a4455}.cl-src p{font-size:14px!important;line-height:1.7!important;color:#4a4455!important;margin:6px 0 0!important}
.cl p a:not(.ext){display:inline-block;padding:13px 3px;margin:-13px 0;line-height:20px}
@media(max-width:1000px){.cl-grid{grid-template-columns:1fr}.cl-toc{position:static;order:0;margin-bottom:18px}.cl-main{order:1}.cl-two{grid-template-columns:1fr}.cl-flow{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.cl-flow{grid-template-columns:1fr}.cl-card{padding:16px 16px}}
/* ===== /clash/ 步骤条补充 ===== */
.cl-ver{font-size:14px!important;color:var(--mut)!important;margin:0 0 14px!important}
.cl-steps .cl-d{font-size:15.5px;line-height:1.75;color:var(--ink2);margin-top:2px}
.cl-steps .cl-d a{display:inline-block;padding:13px 3px;margin:-13px 0;line-height:20px;color:#a8260f;font-weight:600}
.cl-steps .cl-d .cl-ul{margin:8px 0 0;padding-left:18px}.cl-steps .cl-d .cl-ul li{padding:0 0 8px;margin:0;font-size:15.5px;line-height:1.7}
.cl-steps .cl-d .cl-ul li{counter-increment:none;position:static}
.cl-steps .cl-d .cl-ul li::before,.cl-steps .cl-d .cl-ul li::after{content:none}
.cl-fig{display:flex;justify-content:center;margin:6px 0 4px}.cl-fig .fig{margin:0;max-width:260px;background:#fff;border-radius:18px;padding:8px;box-shadow:var(--sh);text-align:center}.cl-fig svg{max-width:100%;height:auto}.cl-fig figcaption{font-size:14px;color:var(--mut);padding:4px 6px}
.cl-src p a.ext{display:inline;min-height:0;padding:0;margin:0}.cl-src p a{display:inline-block;padding:13px 3px;margin:-13px 0;line-height:20px;color:#a8260f;font-weight:600}
/* ===== 视觉升级 v3（站长 11-12：参考博客视觉 SOP）=====
只动样式：小图标全部是 CSS 背景里的内联 SVG（零 DOM、零请求）；文字、链接、数据、评分逻辑一律不变。
配色：主色 红橙渐变（沿用） + 青 #0f8f7e + 靛 #5546d6 + 琥珀 #c27800 + 蓝 #1f6fd1 + 粉 #c2377d（V15 至少四色）。 */
:root{--c-red:#cf2e45;--c-teal:#0b7a6b;--c-ind:#5546d6;--c-amb:#9a5b00;--c-blue:#1f6fd1;--c-pink:#c2377d;
--t-red:#ffe9ec;--t-teal:#dff6f1;--t-ind:#e9e7ff;--t-amb:#fff0d1;--t-blue:#e3efff;--t-pink:#ffe6f2;
--k-red:#8f1030;--k-teal:#0b5a50;--k-ind:#3b2fa0;--k-amb:#6b4200;--k-blue:#0f4a96;--k-pink:#8a1c58}
body{background-image:radial-gradient(900px 380px at 6% -80px,#ffe0d2 0%,transparent 70%),radial-gradient(700px 320px at 100% -40px,#ffeec2 0%,transparent 65%),radial-gradient(640px 300px at 52% -90px,#dff1ff 0%,transparent 70%)}
/* --- 图标库（白色线条，叠在彩色圆角方块上）--- */
.k-trophy{--hc:var(--c-amb);--ico:url("data:image/svg+xml;utf8,")}
.k-chat{--hc:var(--c-blue);--ico:url("data:image/svg+xml;utf8,")}
.k-quote{--hc:var(--c-ind);--ico:url("data:image/svg+xml;utf8,")}
.k-tag{--hc:var(--c-red);--ico:url("data:image/svg+xml;utf8,")}
.k-shield{--hc:var(--c-teal);--ico:url("data:image/svg+xml;utf8,")}
.k-alert{--hc:var(--c-red);--ico:url("data:image/svg+xml;utf8,")}
.k-plane{--hc:var(--c-blue);--ico:url("data:image/svg+xml;utf8,")}
.k-spark{--hc:var(--c-pink);--ico:url("data:image/svg+xml;utf8,")}
.k-gauge{--hc:var(--c-teal);--ico:url("data:image/svg+xml;utf8,")}
.k-bolt{--hc:var(--c-amb);--ico:url("data:image/svg+xml;utf8,")}
.k-laptop{--hc:var(--c-ind);--ico:url("data:image/svg+xml;utf8,")}
.k-phone{--hc:var(--c-teal);--ico:url("data:image/svg+xml;utf8,")}
.k-pen{--hc:var(--c-pink);--ico:url("data:image/svg+xml;utf8,")}
/* --- H2 标题牌（V6）：图标方块 + 浅底牌，每个板块一个色 --- */
.hpl{display:inline-flex;align-items:center;gap:10px;margin:0;padding:5px 18px 5px 6px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 4px 12px rgba(60,40,30,.08),0 1px 2px rgba(60,40,30,.05);font-size:19px;line-height:1.3}
.hpl::before{content:"";flex:none;width:34px;height:34px;border-radius:11px;background:var(--ico) center/20px 20px no-repeat,linear-gradient(145deg,var(--hc),color-mix(in srgb,var(--hc) 72%,#000));box-shadow:0 3px 8px color-mix(in srgb,var(--hc) 40%,transparent)}
.feedhead h2.hpl,.card>h2.hpl{font-size:19px}
/* --- 顶部导航：每项一个色标 --- */
nav.main a::before{content:"";display:inline-block;width:18px;height:18px;margin-right:5px;vertical-align:-3px;background-repeat:no-repeat;background-position:center;background-size:contain}
nav.main a:nth-child(1)::before{background-image:url("data:image/svg+xml;utf8,")}
nav.main a:nth-child(2)::before{background-image:url("data:image/svg+xml;utf8,")}
nav.main a:nth-child(3)::before{background-image:url("data:image/svg+xml;utf8,")}
nav.main a:nth-child(4)::before{background-image:url("data:image/svg+xml;utf8,")}
@media(max-width:560px){nav.main a::before{display:none}}
/* --- 首页：Hero 右侧自画插画（装饰，桌面显示）+ 榜单卡配色 --- */
.hero{position:relative}
@media(min-width:900px){.hero::after{content:"";position:absolute;right:2%;top:-2px;width:200px;height:84px;pointer-events:none;background:url("data:image/svg+xml;utf8,") no-repeat center/contain;opacity:.95}}
.feed .bcard{--ac:var(--c-red);--at:var(--t-red);--ak:var(--k-red);border-left:5px solid var(--ac)}
.feed .bcard:nth-child(4n+2){--ac:var(--c-teal);--at:var(--t-teal);--ak:var(--k-teal)}
.feed .bcard:nth-child(4n+3){--ac:var(--c-ind);--at:var(--t-ind);--ak:var(--k-ind)}
.feed .bcard:nth-child(4n){--ac:var(--c-amb);--at:var(--t-amb);--ak:var(--k-amb)}
.feed .bcard .nm a{display:inline-block;background:var(--at);color:var(--ak);padding:0 12px;border-radius:999px;font-weight:800;font-size:16px;line-height:1.35;padding-top:2px;padding-bottom:2px}
.feed .bcard .nm a:hover{text-decoration:none;filter:brightness(.97)}
.bcard .rk{background:linear-gradient(135deg,#d92d4b,#c4501a)}
.feed .bcard:nth-child(1) .rk{background:linear-gradient(135deg,#ffd45c,#f0a30a);color:#3a2300}
.feed .bcard:nth-child(2) .rk{background:linear-gradient(135deg,#cfdcec,#9db4d0);color:#0b1b2e}
.feed .bcard:nth-child(3) .rk{background:linear-gradient(135deg,#f2c19b,#dc9462);color:#2a1300}
.feed .bcard.slim{border-left-width:4px}
/* --- 评论条：按好/中/差给左色条，让一长列不再是同一种段落（V16）--- */
/* --- 品牌页：套餐表头、卡片顶部色条 --- */
.ptab thead th{background:var(--t-ind);color:var(--k-ind);border-bottom:2px solid #cfc8ff}
.ptab td.num{color:var(--k-red);font-weight:800}
.vtab td:first-child{font-weight:600}
.card{position:relative}
.card.vizp{border-top:4px solid var(--c-teal)}
.note.coop{border-left:4px solid var(--c-amb)}
.bh{box-shadow:0 14px 36px rgba(196,80,26,.25)}
/* --- 测速页 / 提示框：左侧图标方块 --- */
.note.blue,.note.green{position:relative;padding-left:60px}
.note.blue::before,.note.green::before{content:"";position:absolute;left:14px;top:14px;width:34px;height:34px;border-radius:11px;background:var(--ico) center/20px 20px no-repeat,var(--hc)}
.note.blue{--hc:var(--c-ind);--ico:url("data:image/svg+xml;utf8,")}
.note.green{--hc:var(--c-teal);--ico:url("data:image/svg+xml;utf8,")}
.stats .hi{box-shadow:0 8px 18px rgba(196,80,26,.25)}
/* --- 写评价页：每个题目一个色标 --- */
.field>.lb2:first-child{display:flex;align-items:center;gap:10px;font-size:16px}
.field>.lb2:first-child::before{content:"";flex:none;width:28px;height:28px;border-radius:9px;background:var(--ico) center/16px 16px no-repeat,var(--hc)}
#app .field:nth-of-type(1)>.lb2:first-child{--hc:var(--c-red);--ico:url("data:image/svg+xml;utf8,")}
#app .field:nth-of-type(2)>.lb2:first-child{--hc:var(--c-teal);--ico:url("data:image/svg+xml;utf8,")}
#app .field:nth-of-type(3)>.lb2:first-child{--hc:var(--c-amb);--ico:url("data:image/svg+xml;utf8,")}
#app .field:nth-of-type(4)>.lb2:first-child{--hc:var(--c-ind);--ico:url("data:image/svg+xml;utf8,")}
#app .field:nth-of-type(5)>.lb2:first-child{--hc:var(--c-blue);--ico:url("data:image/svg+xml;utf8,")}
#app .field:nth-of-type(6)>.lb2:first-child{--hc:var(--c-pink);--ico:url("data:image/svg+xml;utf8,")}
.field{background:#fffaf7;border:1px solid var(--line);border-radius:16px;padding:14px 16px}
/* --- /clash/ 教程页：步骤编号、流程卡轮换四色（V15）--- */
.cl-flow li:nth-child(1){background:var(--t-red);border-color:#f0b4be}.cl-flow li:nth-child(1)::before{background:var(--c-red)}
.cl-flow li:nth-child(2){background:var(--t-ind);border-color:#c9c2ff}.cl-flow li:nth-child(2)::before{background:var(--c-ind)}
.cl-flow li:nth-child(3){background:var(--t-teal);border-color:#a8e3d2}.cl-flow li:nth-child(3)::before{background:var(--c-teal)}
.cl-flow li.last{background:var(--t-amb);border-color:#e6c27a}.cl-flow li.last::before{background:var(--c-amb)}
#pc .cl-steps li::before{background:var(--c-ind)}#pc .cl-steps li:not(:last-child)::after{background:#c9c2ff}
#phone .cl-steps li::before{background:var(--c-teal)}#phone .cl-steps li:not(:last-child)::after{background:#a8e3d2}
#pc{border-top:5px solid var(--c-ind)}#phone{border-top:5px solid var(--c-teal)}
.cl-sec h2.hpl,.cl-card h2.hpl{font-size:20px;margin-bottom:12px}
.cl-card h3{display:inline-block;background:var(--t-amb);color:var(--k-amb);padding:2px 12px;border-radius:8px;font-size:16px}
.cl-src{border-left:4px solid var(--c-blue);background:var(--t-blue)}.cl-src b,.cl-src p{color:#16365f!important}
@media(max-width:560px){.hpl{font-size:17px}.feed .bcard{border-left-width:4px}}
/* 测速页：表单卡顶色条 + 三个结果卡轮换色 */
#app .card:has(#sgo){border-top:4px solid var(--c-ind)}
#sres .card:nth-child(3n+1){border-top:4px solid var(--c-teal)}#sres .card:nth-child(3n+2){border-top:4px solid var(--c-blue)}#sres .card:nth-child(3n){border-top:4px solid var(--c-amb)}
.cl-src p a.ext{display:inline-block;padding:13px 3px;margin:-13px 0;line-height:20px}
/* ===== 评论条改成独立卡片（站长 11-12：条和条之间要分得开）===== */
.cm.src{margin:10px 0;padding:14px;border:1px solid #dcd8d2;border-left:4px solid #8a7f70;border-radius:12px;background:#f4f2ef;animation:none}
.cm.src:first-child{border-top:1px solid #dcd8d2}
.cm.src:has(.pill.bad){background:#fdeeee;border-color:#f1c4c4;border-left-color:#cf2e45}
.cm.src:has(.pill.ok){background:#edf7f0;border-color:#bfe0c9;border-left-color:#1a8f64}
#revs.card,.side .card .stream{padding-top:4px;padding-bottom:4px}
.stream .cm.src{margin:10px 2px}
/* 已剔除 / TG 测评频道 / 跑路风险观察：同一套卡片，底色用浅灰 */
.exc .cm.src,.exc .cm.src:has(.pill.bad),.exc .cm.src:has(.pill.ok){background:#f4f2ef;border-color:#dcd8d2;border-left-color:#8a7f70;opacity:1}
.tline li,.tline li:first-child{background:#f4f2ef;border:1px solid #dcd8d2;border-left:4px solid #8a7f70;border-radius:12px;padding:14px;margin:10px 0}
.tline{display:block}
@media(max-width:560px){.cm.src{padding:12px}}
/* 品牌筛选条：桌面宽度下它会折成两行、吸顶时盖住榜单卡顶部，所以桌面不吸顶；手机是单行横滑，保留吸顶，并给卡片留出滚动定位的位置 */
@media(min-width:700px){.strip{position:static}}
.feed .bcard,.feed .bcard.slim{scroll-margin-top:118px}
/* ===== 采集榜更新横幅（站长 11-12）：浅底 + 主色描边 + 图标方块 ===== */
.upbar{position:relative;display:flex;align-items:center;gap:12px;margin:14px 0 10px;padding:12px 16px 12px 62px;background:linear-gradient(180deg,#fff8f1,#fff3e8);border:1.5px solid #c4501a;border-radius:16px;box-shadow:0 6px 16px rgba(196,80,26,.12)}
.upbar::before{content:"";position:absolute;left:14px;top:50%;width:36px;height:36px;margin-top:-18px;border-radius:12px;background:url("data:image/svg+xml;utf8,") center/22px 22px no-repeat,linear-gradient(135deg,#d92d4b,#c4501a);box-shadow:0 3px 8px rgba(196,80,26,.35)}
.upm{display:flex;flex-direction:column;gap:2px;min-width:0}.upm b{font-size:15px;line-height:1.5;color:var(--ink);overflow-wrap:anywhere}.upd{font-size:13px;color:var(--ink2)}
@media(max-width:560px){.upbar{padding:10px 12px 10px 56px;border-radius:14px}.upbar::before{left:11px;width:34px;height:34px;margin-top:-17px}.upm b{font-size:14px}}
/* ===== 品牌真 logo（有的用图，没有的仍是字母方块）===== */
.logo-i{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;background:#fff}
.bcard .logo-b.logo-ph{background:#fff;box-shadow:0 0 0 1px rgba(35,31,43,.10),0 3px 8px rgba(35,31,43,.12);overflow:hidden;padding:0;border-radius:15px}
.adcard .lg .logo-i{border-radius:12px}.adcard .lg{overflow:hidden}
.bhlg{flex:none;width:56px;height:56px;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.75),0 4px 12px rgba(0,0,0,.2)}.bhlg .logo-i{border-radius:16px}
/* ===== 榜单卡「网友怎么说」：一条好评、一条差评，浅绿 / 浅红小卡 ===== */
.c-say{display:flex;flex-direction:column;gap:6px;min-width:0}
.sayh{font-size:13px;font-weight:700;color:var(--ink2)}
.say{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;padding:6px 10px;border:1px solid #dcd8d2;border-left:4px solid #8a7f70;border-radius:10px;background:#f4f2ef;font-size:13.5px;line-height:1.5}
.say.ok{background:#edf7f0;border-color:#bfe0c9;border-left-color:#1a8f64}.say.bad{background:#fdeeee;border-color:#f1c4c4;border-left-color:#cf2e45}
.say .sg{flex:none;font-size:12px;font-weight:700;padding:0 8px;border-radius:999px;line-height:20px}.say.ok .sg{background:#d6efdf;color:#0c5a3a}.say.bad .sg{background:#f8d5d5;color:#8f1030}
.say .sq{flex:1 1 220px;min-width:0;color:var(--ink);overflow-wrap:anywhere}.say.none .sq{color:var(--mut)}.say .sm{flex:none;font-size:12px;color:var(--mut)}
.say a{display:inline-flex;align-items:center;min-height:44px;margin:-12px 0;padding:0 4px;font-weight:600;font-size:12.5px}
@media(min-width:1000px){.bcard.rowc{grid-template-areas:"l m r" "s s s" "f f f" "d d d"}.rowc .c-say{grid-area:s}}
@media(min-width:700px) and (max-width:999px){.bcard.rowc{grid-template-areas:"l m" "r r" "s s" "f f" "d d"}.rowc .c-say{grid-area:s}}
@media(max-width:699px){.say{padding:8px 10px}}
/* ===== 斑马纹（站长 11-12）：表格隔行 #faf6f1，悬停 #f3ece3；评论卡片不加 ===== */
.ptab tbody tr:nth-child(even),.ptab tbody tr:nth-child(even) th,.vtab tr:nth-child(even),.vtab tr:nth-child(even) td{background:#faf6f1}
.ptab tbody tr:hover,.ptab tbody tr:hover th,.vtab tr:hover,.vtab tr:hover td{background:#f3ece3}
.feed .bcard.slim:nth-child(even){background:#faf6f1}.feed .bcard.slim:hover{background:#f3ece3}
.ptab tbody tr:nth-child(even) th{background:#faf6f1}.ptab tbody tr:hover th{background:#f3ece3}
@media(max-width:560px){.ptab tbody tr:nth-child(even){padding-left:8px;padding-right:8px}.ptab tbody tr:nth-child(odd){padding-left:8px;padding-right:8px}}
/* ===== 首页右侧「最新评价」标题牌 + 切换标签（站长 11-12）===== */
.side .hpl{background:#fdecea;color:#a8260f;border-color:#f3c9c4}
.side .seg{background:none;padding:0;gap:8px;display:flex;flex-wrap:wrap}
.side .seg button{background:#fdecea;color:#a8260f;border:1px solid #f3c9c4;border-radius:999px;min-height:44px;padding:0 20px;box-shadow:none}
.side .seg button.on{background:linear-gradient(135deg,#d92d4b,#c4501a);color:#fff;border-color:transparent;box-shadow:0 4px 10px rgba(196,80,26,.3)}
/* ===== 品牌页：采集到的套餐价格分组（官网 / 第三方并排）===== */
.pdoubt{margin:0 0 10px;padding:8px 12px;border-radius:10px;background:#fff0d1;border:1px solid #e6c27a;color:#6b4200;font-size:14px}
.pgrid{display:grid;gap:14px;grid-template-columns:1fr}.pgrid.multi{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}
.pgrp{border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff;min-width:0}.pgrp.official{border-top:4px solid var(--c-teal)}.pgrp.third{border-top:4px solid var(--c-amb)}
.pgh{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;margin-bottom:8px;font-size:14px}.pgh a{display:inline-flex;align-items:center;min-height:44px;margin:-10px 0;font-weight:600}
.ptab2{width:100%;border-collapse:collapse;font-size:14px;min-width:360px}.ptab2 th,.ptab2 td{padding:8px 8px;border-top:1px solid var(--line);text-align:left;vertical-align:top}.ptab2 thead th{background:var(--t-ind);color:var(--k-ind);border-top:0}
.ptab2 tbody th{font-weight:700}.ptab2 td.num{font-family:var(--num);font-weight:800;color:var(--k-red);white-space:nowrap}
.ptab2 tbody tr:nth-child(even),.ptab2 tbody tr:nth-child(even) th{background:#faf6f1}.ptab2 tbody tr:hover,.ptab2 tbody tr:hover th{background:#f3ece3}
@media(max-width:560px){.pgrid.multi{grid-template-columns:1fr}}
.ptab2 td:nth-child(3),.ptab2 th:nth-child(3){white-space:nowrap}
/* 所有板块标题牌统一：浅主色底 + 主色字（站长 11-12），图标方块保持各板块自己的颜色 */
.hpl{background:#fdecea;color:#a8260f;border-color:#f3c9c4}
/* 斑马纹 v2（站长 11-12）：奇数行保持原底，偶数行 #faf6f1；评价小卡偶数条同色系深一档。只改 CSS，不动 DOM。 */
.feed .bcard:nth-child(even){background:#faf6f1}
.feed .bcard:nth-child(even) .cm,.feed .bcard:nth-child(even) .say{background-clip:padding-box}
.bars4 .b4,.hrow{padding:3px 8px;border-radius:8px}
.bars4 .b4:nth-child(even),.hrow:nth-child(even){background:#faf6f1}
.sitem{padding-left:8px;padding-right:8px;border-radius:8px}
.sitem:nth-child(even){background:#faf6f1}
.sgl li{padding:0 8px;border-radius:8px}.sgl li:nth-child(even){background:#faf6f1}
.rules li:nth-child(even),.how li:nth-child(even),.doc li:nth-child(even),.exc>.cm.src:nth-of-type(even){background:#faf6f1}
.rules li,.how li{padding:4px 8px;border-radius:8px}
.cl-steps>li{padding:10px 10px 14px 52px;border-radius:10px}
.cl-steps>li:nth-child(even){background:#faf6f1}
.cl-steps>li::before{left:8px;top:10px}.cl-steps>li:not(:last-child)::after{left:22px;top:42px}
.sheet li:nth-child(even),.rform .field:nth-of-type(even){background:#faf6f1;border-radius:8px}
/* 评价小卡：奇数条原色，偶数条同色系深一档（AA：正文 #2b2420 在 #fae2e2/#e1f1e6/#ece8e2 上均 >12:1） */
.cm.src:nth-of-type(even):has(.pill.bad),.tline li:nth-child(even):has(.pill.bad){background:#fae2e2}
.cm.src:nth-of-type(even):has(.pill.ok){background:#e1f1e6}
.cm.src:nth-of-type(even):not(:has(.pill.bad)):not(:has(.pill.ok)),.tline li:nth-child(even){background:#ece8e2}
.stream .cm.src:nth-child(even):has(.pill.bad){background:#fae2e2}.stream .cm.src:nth-child(even):has(.pill.ok){background:#e1f1e6}
.stream .cm.src:nth-child(even):not(:has(.pill.bad)):not(:has(.pill.ok)){background:#ece8e2}
.exc .cm.src:nth-of-type(even),.exc .cm.src:nth-of-type(even):has(.pill.bad),.exc .cm.src:nth-of-type(even):has(.pill.ok){background:#ece8e2}
/* 品牌卡价格摘要行（站长 11-12）：只展示；手机上折行不溢出 */
.prow{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:8px;padding:6px 10px;border-radius:8px;background:#fff6ef;border:1px solid #f3d9c8;font-size:13.5px;color:var(--ink);line-height:1.5;min-width:0}
.prow b{font-size:14.5px;color:#7a2208}.prow.none{background:#f4f2ef;border-color:#dcd8d2;color:var(--ink2)}
.prow .pt{overflow-wrap:anywhere}.prow .pconf{display:inline-flex;align-items:center;min-height:44px;margin:-10px 0;color:#a8260f;font-weight:600;font-size:13px;text-decoration:underline}
.feed .bcard.slim .prow{margin:8px 0 0}
/* ===== 设计对比（/design-compare/，本地用）：榜单大卡 A/B、评价小卡 A/B。主色 #a8260f 暗渐变；浅底；奇偶行交替 ===== */
.vc{max-width:1240px;padding-bottom:60px}.vc-top h1{font-size:22px;margin:18px 0 4px}.vc-top p{margin:0 0 12px;max-width:44em}
.vc-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start}.vc-main,.vc-side{min-width:0}
.vc-l{margin:20px 0 10px;display:flex;flex-direction:column;gap:2px;padding:8px 12px;border-left:4px solid #a8260f;background:#fff}.vc-l b{font-size:16px}.vc-l span{font-size:13px;color:var(--mut)}
.vc-list{display:flex;flex-direction:column;gap:0}
.va-rk{display:inline-block;padding:1px 9px;border-radius:6px;background:linear-gradient(135deg,#c4501a,#a8260f);color:#fff;font:700 12px/20px var(--num);letter-spacing:.02em}
.va-coop{font-size:12.5px;color:var(--mut)}
/* 大卡 A */
.v-a,.v-b{background:#fff;border:1px solid #f0e2da;border-radius:16px;padding:16px 18px;margin:0 0 12px;box-shadow:var(--sh)}
.v-a:nth-of-type(even),.v-b:nth-of-type(even){background:#faf6f1}
.va-h{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.va-h .logo-b{flex:none}
.va-t{min-width:0;flex:1 1 160px}.va-t h3,.vb-h h3{margin:0;font-size:20px;line-height:1.3;color:var(--ink)}.va-t h3 a,.vb-h h3 a{color:var(--ink)}
.va-score{display:flex;align-items:baseline;gap:6px;margin-left:auto}.va-score b{font-size:40px;line-height:1;color:#a8260f}.va-score span{font-size:13px;color:var(--mut)}
.va-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.5fr);gap:8px;margin:14px 0 10px}
.va-c{position:relative;padding:8px 10px 10px;border-radius:10px;background:rgba(168,38,15,.05);display:flex;flex-direction:column;gap:1px;min-width:0;overflow:hidden}
.va-c .k{font-size:12.5px;color:var(--ink2);font-weight:600}.va-c b{font-size:22px;line-height:1.2;color:var(--ink)}.va-c .s{font-size:12px;color:var(--mut)}
.va-c i{position:absolute;left:0;bottom:0;height:3px;width:var(--w);background:linear-gradient(90deg,#c4501a,#a8260f)}
.va-c.off b{color:#8a8196}.va-p b{font-size:15.5px;line-height:1.4;color:#7a2208;overflow-wrap:anywhere}
.va-p .pconf{display:inline-flex;align-items:center;min-height:32px;font-size:12.5px;font-weight:600;text-decoration:underline}
.v-a .sent,.v-b .sent{margin:0 0 10px}
.va-say{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}
.vq{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;padding:8px 10px;border-radius:10px;font-size:14px;line-height:1.55;align-content:start}
.vq.ok{background:#edf7f0}.vq.bad{background:#fdeeee}.vq.none{background:#f4f2ef}
.vq-t{grid-row:1/3;font-size:12px;font-weight:700;padding:1px 8px;border-radius:999px;height:fit-content;margin-top:2px}
.vq.ok .vq-t{background:#cdeadb;color:#0b5a3a}.vq.bad .vq-t{background:#f7cdd3;color:#9a1830}.vq.none .vq-t{background:#e6e2dc;color:#4a4455}
.vq q{quotes:none;color:var(--ink);overflow-wrap:anywhere}.vq-m{font-size:12px;color:var(--mut)}
.va-f{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:6px}
.va-cta{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;background:linear-gradient(135deg,#c4501a,#a8260f);color:#fff;font-weight:700;font-size:14.5px}.va-cta:hover{text-decoration:none;filter:brightness(1.06)}
/* 大卡 B */
.v-b{display:grid;grid-template-columns:200px minmax(0,1fr);gap:20px;padding:0;overflow:hidden}
.vb-l{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:18px;background:linear-gradient(180deg,#fdecea,#fff3ea);border-right:1px solid #f3d4cb}
.vb-n{font-size:64px;line-height:1.05;color:#a8260f;margin-top:8px}.vb-u{font-size:13px;color:var(--ink2);font-weight:600}.vb-c{font-size:13px;color:var(--mut);margin-bottom:12px}
.vb-sent{display:flex;width:100%;height:10px;border-radius:6px;overflow:hidden;background:#eadfd8;gap:2px}.vb-sent i{display:block;height:100%;width:var(--w)}.vb-sent .g{background:#1a8f64}.vb-sent .m{background:#b9b2aa}.vb-sent .r{background:#cf2e45}
.vb-sn{font-size:13px;display:flex;gap:10px;margin-top:6px}.vb-sn b{font-weight:700}.vb-sn .g{color:#0b5a3a}.vb-sn .r{color:#9a1830}
.vb-r{padding:16px 18px 16px 0;min-width:0}.vb-h{display:flex;align-items:center;gap:12px}
.vb-hl{margin:10px 0 6px;font-size:15px;color:var(--ink);font-weight:600}
.vb-ds{list-style:none;margin:0 0 8px;padding:0}.vb-d{display:grid;grid-template-columns:44px minmax(0,1fr) 36px 44px;gap:8px;align-items:center;min-height:32px;padding:0 8px;border-radius:8px}.vb-d:nth-child(even){background:rgba(168,38,15,.05)}
.vb-d .k{font-size:13.5px;font-weight:600;color:var(--ink2)}.vb-d .tr{height:8px;border-radius:5px;background:#eadfd8;overflow:hidden}.vb-d .tr i{display:block;height:100%;width:var(--w);background:linear-gradient(90deg,#c4501a,#a8260f)}
.vb-d b{font-size:15px;text-align:right}.vb-d .s{font-size:12px;color:var(--mut)}
.vb-miss{padding:6px 8px;font-size:13px;color:var(--mut)}
.vb-pr{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:4px 0 8px;padding:8px 10px;border-radius:10px;background:#fff6ef;border:1px solid #f3d9c8}.vb-pr .k{font-size:13px;font-weight:600;color:var(--ink2)}.vb-pr b{color:#7a2208}.vb-pr .s{font-size:12px;color:var(--mut)}.vb-pr .pconf{font-size:12.5px;font-weight:600;text-decoration:underline}
/* 评价小卡 A / B */
.vr-a,.vr-c{padding:12px 14px;margin:0 0 8px;border-radius:12px;border:1px solid #dcd8d2;background:#f4f2ef}
.vr-a{border-left:4px solid #8a7f70}.vr-a.t-bad{background:#fdeeee;border-color:#f1c4c4;border-left-color:#cf2e45}.vr-a.t-ok{background:#edf7f0;border-color:#bfe0c9;border-left-color:#1a8f64}
.vr-a:nth-child(even).t-bad{background:#fae2e2}.vr-a:nth-child(even).t-ok{background:#e1f1e6}.vr-a:nth-child(even).t-mid{background:#ece8e2}
.vr-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px}.vr-t{font-size:12px;font-weight:700;padding:0 8px;border-radius:999px;line-height:20px}
.t-bad .vr-t{background:#f7cdd3;color:#9a1830}.t-ok .vr-t{background:#cdeadb;color:#0b5a3a}.t-mid .vr-t{background:#e0dbd4;color:#4a4455}
.vr-b{font-weight:700;color:var(--ink)}.vr-m{margin-left:auto;color:var(--mut);font-size:12.5px}
.vr-q{margin:6px 0 4px;font-size:15.5px;line-height:1.65;color:var(--ink);overflow-wrap:anywhere}
.vr-f{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12.5px;color:var(--mut)}.vr-f a{display:inline-flex;align-items:center;min-height:44px;margin:-10px 0;font-weight:600;white-space:nowrap}
.vr-s{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vr-c{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;background:none;border:0;padding:8px 6px}.vr-c:nth-child(even){background:#faf6f1;border-radius:12px}
.vr-c .av.ic{width:28px;height:28px;margin-top:2px}
.vr-bub{position:relative;padding:10px 14px;border-radius:4px 16px 16px 16px;background:#f4f2ef;border:1px solid #dcd8d2}.vr-c.t-bad .vr-bub{background:#fdeeee;border-color:#f1c4c4}.vr-c.t-ok .vr-bub{background:#edf7f0;border-color:#bfe0c9}
.vr-c:nth-child(even).t-bad .vr-bub{background:#fae2e2}.vr-c:nth-child(even).t-ok .vr-bub{background:#e1f1e6}.vr-c:nth-child(even).t-mid .vr-bub{background:#ece8e2}
.vr-bub p{margin:0;font-size:15.5px;line-height:1.65;color:var(--ink);overflow-wrap:anywhere}
.vr-cap{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;margin-top:4px;padding-left:4px;font-size:12.5px;color:var(--mut)}.vr-cap b{color:var(--ink)}.vr-cap a{display:inline-flex;align-items:center;min-height:44px;margin:-12px 0;font-weight:600}
@media(max-width:980px){.vc-grid{grid-template-columns:1fr}}
@media(max-width:700px){.va-grid{grid-template-columns:1fr 1fr}.va-p{grid-column:1/-1}.va-say{grid-template-columns:1fr}.va-score{margin-left:0;width:100%}.v-b{grid-template-columns:1fr}.vb-r{padding:0 16px 16px}.vb-l{border-right:0;border-bottom:1px solid #f3d4cb}.v-a{padding:14px}}
.v-a .logo-b,.v-b .logo-b{width:44px;height:44px;flex:none}.v-a .logo-b img,.v-b .logo-b img{width:100%;height:100%;object-fit:contain}
.va-s{display:grid;grid-template-columns:auto minmax(80px,1fr) auto;gap:10px;align-items:center;margin:0 0 10px;font-size:13px}.va-s .k{font-weight:600;color:var(--ink2)}.va-s .vb-sn{margin:0}
.vr-s{white-space:normal;overflow:visible;text-overflow:clip;flex:1 1 0}
.v-a .logo-b,.v-b .logo-b{border-radius:14px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:20px}.v-a .logo-b.logo-ph,.v-b .logo-b.logo-ph{background:#fff;box-shadow:0 0 0 1px rgba(35,31,43,.10),0 3px 8px rgba(35,31,43,.12);overflow:hidden;padding:0}
/* ===== 多色版（11-12 站长：色彩能再多样化吗）：暗红 #a8260f 只留给品牌色（按钮、TOP1 标）；分项固定一项一色；左栏按分数段；平台各一色。文字对比度均 ≥4.5 ===== */
.vr-rk{display:inline-block;padding:1px 9px;border-radius:6px;color:#fff;font:700 12px/20px var(--num);letter-spacing:.02em}
.vr-rk.rk-1{background:linear-gradient(135deg,#c4501a,#a8260f)}.vr-rk.rk-2{background:linear-gradient(135deg,#2f6fd6,#2557b8)}.vr-rk.rk-3{background:linear-gradient(135deg,#a2620f,#96590f)}.vr-rk.rk-4{background:linear-gradient(135deg,#5f6e88,#4f5e78)}
.vb-l.bd-hi{background:linear-gradient(180deg,#dff3e8,#f1faf5);border-right-color:#b9dfca}.vb-l.bd-hi .vb-n{color:#0b6b43}
.vb-l.bd-mid{background:linear-gradient(180deg,#ffeccb,#fff8ea);border-right-color:#f0d49c}.vb-l.bd-mid .vb-n{color:#8a5200}
.vb-l.bd-lo{background:linear-gradient(180deg,#fbe3e0,#fff3ea);border-right-color:#f0c4bd}.vb-l.bd-lo .vb-n{color:#a8260f}
.vb-l.bd-na{background:linear-gradient(180deg,#e8ebf1,#f6f7fa);border-right-color:#d3d8e2}.vb-l.bd-na .vb-n{color:#4a4455}
.vb-d.d-sp .k,.vb-d.d-sp b{color:#1b5fb8}.vb-d.d-st .k,.vb-d.d-st b{color:#0f7a4f}.vb-d.d-sv .k,.vb-d.d-sv b{color:#6b3fc0}.vb-d.d-pr .k,.vb-d.d-pr b{color:#8a5200}
.vb-d.d-sp .tr i{background:linear-gradient(90deg,#5b9bf5,#1d5fd6)}.vb-d.d-st .tr i{background:linear-gradient(90deg,#3cc795,#0f8f60)}.vb-d.d-sv .tr i{background:linear-gradient(90deg,#a98af2,#6b3fc0)}.vb-d.d-pr .tr i{background:linear-gradient(90deg,#f7c04a,#d98a00)}
.vb-d.d-sp:nth-child(even){background:rgba(29,95,214,.06)}.vb-d.d-st:nth-child(even){background:rgba(15,143,96,.07)}.vb-d.d-sv:nth-child(even){background:rgba(107,63,192,.06)}.vb-d.d-pr:nth-child(even){background:rgba(217,138,0,.08)}
.vb-d{min-height:34px}.vb-d .k{font-weight:700}
.vb-pr{background:#fff7e6;border-color:#f2d9a6}.vb-pr .k{color:#8a5200}.vb-pr b{color:#6b3f00}
.vb-hl{display:inline-block;margin:10px 0 6px;padding:2px 10px;border-radius:8px;background:#eaf1fc;color:#173f7c;font-size:14.5px}
.vb-miss{background:#f4f2ef;border-radius:8px;margin-top:2px}
.pf{font-weight:700}.pf-yt{color:#c4182f}.pf-blog{color:#9a5200}.pf-tg{color:#1b5fb8}.pf-gh{color:#3b3647}.pf-forum{color:#6b3fc0}
.vc-one{max-width:860px;margin:0 auto}.vc-one.vc-narrow{max-width:400px}
@media(max-width:700px){.vc-one.vc-narrow{max-width:none}}
/* 评价卡品牌名胶囊（站长 11-12）：浅底 + 同色深字，按品牌 hash 固定取 8 色之一，避开评级的绿/灰/红；点击进品牌页 */
.bchip{position:relative;display:inline-block;padding:1px 10px;border-radius:999px;font-weight:700;font-size:12.5px;line-height:20px;text-decoration:none}.bchip:hover{text-decoration:none;filter:brightness(.96)}
.bchip::after{content:"";position:absolute;inset:-12px -4px}
.bchip.bc-0{background:#dfeafb;color:#17458f}.bchip.bc-1{background:#ece6fa;color:#52279f}.bchip.bc-2{background:#fdebc4;color:#6f4200}.bchip.bc-3{background:#d6f0f3;color:#08545f}.bchip.bc-4{background:#ffe5d2;color:#862f00}.bchip.bc-5{background:#e0e4fb;color:#2a3896}.bchip.bc-6{background:#dcf0fb;color:#0b5481}
.vr-cap a.bchip{display:inline-block;min-height:0;margin:0;padding:1px 10px;font-weight:700}
/* 排行大卡斑马纹（站长 11-12）：奇数名次保持浅底，偶数名次整张卡浅蓝底；按名次的奇偶，不按页面里第几张 */
.v-b.v-od{background:#fff}.v-b.v-ev{background:#e8f1fd;border-color:#c5d9f4}
.v-b.v-ev .vb-hl{background:#fff;box-shadow:inset 0 0 0 1px #c5d9f4}.v-b.v-ev .vb-miss{background:#dde9f9}
.v-b.v-ev .vb-d:nth-child(even){background:rgba(255,255,255,.55)}
/* 左分数栏斑马纹（站长 11-12）：奇数名次暖色（浅琥珀到浅桃）、偶数名次比卡底深一档的蓝；分数段改用数字颜色 + 左侧 6px 细色边（≥3.5 绿、2.5~3.5 琥珀、<2.5 红） */
.v-b.v-od .vb-l{background:linear-gradient(180deg,#ffe4bd,#ffeed6);border-right-color:#f0cf9a}
.v-b.v-ev .vb-l{background:linear-gradient(180deg,#d3e4fb,#dbe8fc);border-right-color:#b6cff3}
.vb-l{box-shadow:inset 6px 0 0 var(--bc,#8a8196);padding-left:24px}
.vb-l.bd-hi{--bc:#1a8f64}.vb-l.bd-mid{--bc:#d98a00}.vb-l.bd-lo{--bc:#cf2e45}.vb-l.bd-na{--bc:#8a8196}
.vb-l .vb-u,.vb-l .vb-c{color:#4a4455}
/* 评价卡 B：每条评价外面包一张完整的卡（站长 11-12）。卡有自己的底色、圆角、细边框，奇偶斑马纹（白 / 浅靛蓝，和气泡的绿、灰、红评级色分开），卡与卡之间留间距；图标、气泡、胶囊、评级、来源行都在卡里 */
.vr-c{background:#fff;border:1px solid #d9e0ee;border-radius:14px;padding:12px 12px 8px;margin:0 0 12px}
.vr-c:nth-child(even){background:#eef2fb;border-radius:14px}
.vr-c:nth-child(even).t-bad .vr-bub{background:#fdeeee}.vr-c:nth-child(even).t-ok .vr-bub{background:#edf7f0}.vr-c:nth-child(even).t-mid .vr-bub{background:#f4f2ef}
.vr-c .vr-cap{padding-left:0;margin-top:6px}
/* 评价卡 B：「原帖 ↗」固定在卡片右上角（站长 11-12），和平台图标、平台名、日期同一行，任何宽度下都不换行、不单独掉行 */
.vr-c{display:block}
.vr-top{display:flex;align-items:center;gap:8px;min-width:0;margin-bottom:8px}
.vr-top .av.ic{flex:none;width:28px;height:28px;margin:0}
.vr-top .pf{flex:none;font-size:13px}.vr-top .vr-d{flex:1 1 auto;min-width:0;font-size:12.5px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vr-top .vr-lk{flex:none;margin-left:auto;display:inline-flex;align-items:center;min-height:44px;margin-top:-8px;margin-bottom:-8px;padding-left:8px;font-size:13px;font-weight:600;white-space:nowrap}
.vr-c .vr-cap{margin-top:8px;padding-left:2px}
/* 落全站补充：分项「样本不足」合成一行灰字（品牌页 barsViz）；品牌页/首页旧列表里的 .vr-c 卡片间距 */
.b4-miss{margin:2px 0 0;padding:6px 10px;border-radius:8px;background:#f4f2ef;font-size:13px;color:#625c70}
.card .vr-c:last-child,.stream .vr-c:last-child{margin-bottom:0}
/* 本站评价列表（侧栏「本站评价」页签、品牌页「本站评价」）也做成完整卡片 + 奇偶斑马纹，和全网采集的评价卡一致（站长 11-12） */
.stream .sitem,#revs .cm:not(.src){background:#fff;border:1px solid #d9e0ee;border-radius:14px;padding:12px;margin:0 0 12px}
.stream .sitem:nth-child(even),#revs .cm:not(.src):nth-child(even){background:#eef2fb}
.stream .sitem:nth-child(even){background:#fff}.stream .sitem:nth-of-type(even){background:#eef2fb}
/* TOP7 及以后默认折叠、侧栏长列表前 6 条（站长 11-12）。 里内容完整保留 */
.fold-rank,.fold-more{margin:0 0 12px}
.fold-sum{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;min-height:48px;padding:10px 16px;border:1.5px dashed #c9b8a8;border-radius:14px;background:#fff;color:#a8260f;font-size:15px;list-style:none;cursor:pointer;text-align:center}
.fold-sum::-webkit-details-marker{display:none}.fold-sum b{font-weight:800}.fold-sum svg{width:16px;height:16px;transition:transform .2s}
.fold-rank[open]>.fold-sum svg,.fold-more[open]>.fold-sum svg{transform:rotate(180deg)}
.fold-rank[open]>.fold-sum,.fold-more[open]>.fold-sum{margin-bottom:12px;background:#faf6f1}
.fold-rank>.bcard.slim{margin-bottom:10px}
.fold-more>.fold-sum{font-size:14px;min-height:44px}
/* 页面大背景的矢量微元素（站长 11-12）：内联 SVG 平铺，线条风、四色、约 8% 透明度；卡片实底，图案只在卡片外的空白处露出来；手机上放大平铺（密度减半） */
body{background-image:radial-gradient(900px 380px at 10% -80px,#ffe0d2 0%,transparent 70%),radial-gradient(700px 320px at 100% -40px,#ffeec2 0%,transparent 65%),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22420%22 height=%22420%22 viewBox=%220 0 420 420%22%3E%3Cg opacity=%22.085%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg transform=%22translate(52 60) rotate(-8) scale(1.0)%22 stroke=%22%231d5fd6%22 fill=%22none%22%3E%3Cpath d=%22M-22 -16h44a8 8 0 0 1 8 8v20a8 8 0 0 1-8 8H-6l-12 11v-11h-4a8 8 0 0 1-8-8V-8a8 8 0 0 1 8-8z%22/%3E%3Cpath d=%22M-14 -2h28M-14 6h18%22/%3E%3C/g%3E%3Cg transform=%22translate(178 38) rotate(12) scale(0.8)%22 stroke=%22%23d98a00%22 fill=%22none%22%3E%3Cpath d=%22M0 -18l5.3 11 12.1 1.6-8.9 8.4 2.3 12L0 8.9l-10.8 5.9 2.3-12-8.9-8.4 12.1-1.6z%22/%3E%3C/g%3E%3Cg transform=%22translate(300 82) rotate(0) scale(0.9)%22 stroke=%22%230f8f60%22 fill=%22none%22%3E%3Cpath d=%22M0 -10v38M-9 28h18M-6 28l6-38 6 38M-4 12h8%22/%3E%3Ccircle cx=%220%22 cy=%22-14%22 r=%223%22/%3E%3Cpath d=%22M-12 -22a17 17 0 0 0 0 16M12 -22a17 17 0 0 1 0 16M-19 -26a26 26 0 0 0 0 24M19 -26a26 26 0 0 1 0 24%22/%3E%3C/g%3E%3Cg transform=%22translate(380 30) rotate(0) scale(0.75)%22 stroke=%22%236b3fc0%22 fill=%22none%22%3E%3Ccircle r=%2217%22/%3E%3Cpath d=%22M-8 1l6 6 11-13%22/%3E%3C/g%3E%3Cg transform=%22translate(112 160) rotate(0) scale(1.0)%22 stroke=%22%230f8f60%22 fill=%22none%22%3E%3Cpath d=%22M-20 12a9 9 0 0 1 1-18 12 12 0 0 1 22-3 10 10 0 0 1 14 9 8 8 0 0 1-1 12z%22/%3E%3C/g%3E%3Cg transform=%22translate(236 176) rotate(0) scale(0.95)%22 stroke=%22%236b3fc0%22 fill=%22none%22%3E%3Ccircle r=%2220%22/%3E%3Cellipse rx=%228.5%22 ry=%2220%22/%3E%3Cpath d=%22M-20 0h40M-17 -10h34M-17 10h34%22/%3E%3C/g%3E%3Cg transform=%22translate(356 168) rotate(-14) scale(0.7)%22 stroke=%22%231d5fd6%22 fill=%22none%22%3E%3Cpath d=%22M0 -18l5.3 11 12.1 1.6-8.9 8.4 2.3 12L0 8.9l-10.8 5.9 2.3-12-8.9-8.4 12.1-1.6z%22/%3E%3C/g%3E%3Cg transform=%22translate(28 238) rotate(0) scale(0.8)%22 stroke=%22%23d98a00%22 fill=%22none%22%3E%3Ccircle r=%2220%22/%3E%3Cellipse rx=%228.5%22 ry=%2220%22/%3E%3Cpath d=%22M-20 0h40M-17 -10h34M-17 10h34%22/%3E%3C/g%3E%3Cg transform=%22translate(150 268) rotate(0) scale(0.8)%22 stroke=%22%23a8260f%22 fill=%22none%22%3E%3Ccircle r=%2217%22/%3E%3Cpath d=%22M-8 1l6 6 11-13%22/%3E%3C/g%3E%3Cg transform=%22translate(284 276) rotate(8) scale(0.9)%22 stroke=%22%231d5fd6%22 fill=%22none%22%3E%3Cpath d=%22M-22 -16h44a8 8 0 0 1 8 8v20a8 8 0 0 1-8 8H-6l-12 11v-11h-4a8 8 0 0 1-8-8V-8a8 8 0 0 1 8-8z%22/%3E%3Cpath d=%22M-14 -2h28M-14 6h18%22/%3E%3C/g%3E%3Cg transform=%22translate(390 300) rotate(0) scale(0.8)%22 stroke=%22%230f8f60%22 fill=%22none%22%3E%3Cpath d=%22M-20 12a9 9 0 0 1 1-18 12 12 0 0 1 22-3 10 10 0 0 1 14 9 8 8 0 0 1-1 12z%22/%3E%3C/g%3E%3Cg transform=%22translate(70 352) rotate(0) scale(0.85)%22 stroke=%22%236b3fc0%22 fill=%22none%22%3E%3Cpath d=%22M0 -10v38M-9 28h18M-6 28l6-38 6 38M-4 12h8%22/%3E%3Ccircle cx=%220%22 cy=%22-14%22 r=%223%22/%3E%3Cpath d=%22M-12 -22a17 17 0 0 0 0 16M12 -22a17 17 0 0 1 0 16M-19 -26a26 26 0 0 0 0 24M19 -26a26 26 0 0 1 0 24%22/%3E%3C/g%3E%3Cg transform=%22translate(196 372) rotate(-6) scale(0.8)%22 stroke=%22%23d98a00%22 fill=%22none%22%3E%3Cpath d=%22M-22 -16h44a8 8 0 0 1 8 8v20a8 8 0 0 1-8 8H-6l-12 11v-11h-4a8 8 0 0 1-8-8V-8a8 8 0 0 1 8-8z%22/%3E%3Cpath d=%22M-14 -2h28M-14 6h18%22/%3E%3C/g%3E%3Cg transform=%22translate(330 388) rotate(10) scale(0.75)%22 stroke=%22%230f8f60%22 fill=%22none%22%3E%3Cpath d=%22M0 -18l5.3 11 12.1 1.6-8.9 8.4 2.3 12L0 8.9l-10.8 5.9 2.3-12-8.9-8.4 12.1-1.6z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat,no-repeat,repeat;background-size:auto,auto,420px 420px;background-attachment:scroll,scroll,fixed}
@media(max-width:700px){body{background-size:auto,auto,640px 640px;background-attachment:scroll,scroll,scroll}}
@media(prefers-reduced-motion:reduce){body{background-attachment:scroll,scroll,scroll}}
/* 排行大卡两套配色（站长 11-12，照站长贴的 TOP1 / TOP2 示意）：奇数名次暖色、偶数名次冷色，斑马纹保留。文字对比度 ≥4.5（珊瑚色文字用 #c24328，比示意稿 #e8664f 深一档） */
/* —— 暖色（奇数）：左栏白到极浅暖底；分数、TOP 标珊瑚红；稳定条青绿、价格条琥珀；价格框浅黄底+浅金边；主按钮珊瑚橙渐变 —— */
.v-b.v-od{background:#fff;border-color:#f3e3d8}
.v-b.v-od .vb-l{background:linear-gradient(180deg,#fff,#fff4ec);border-right-color:#f5dccd}
.v-b.v-od .vb-l .vb-n{color:#c24328}
.v-b.v-od .vr-rk{background:linear-gradient(135deg,#c8452d,#c24f17)}
.v-b.v-od .vb-d.d-sp .tr i{background:linear-gradient(90deg,#8bb8f2,#4f8fe3)}.v-b.v-od .vb-d.d-st .tr i{background:linear-gradient(90deg,#7fd0bb,#5bbfa6)}.v-b.v-od .vb-d.d-sv .tr i{background:linear-gradient(90deg,#bfa8f5,#9b7ae8)}.v-b.v-od .vb-d.d-pr .tr i{background:linear-gradient(90deg,#f2c872,#e8b04b)}
.v-b.v-od .vb-d.d-st .k,.v-b.v-od .vb-d.d-st b{color:#0b6f5c}
.v-b.v-od .vb-pr{background:#fff8e1;border-color:#ecd08a}
.v-b.v-od .vb-hl{background:#fff1e8;color:#8a2f1b}
.v-b.v-od .va-cta{background:linear-gradient(135deg,#c8452d,#c24f17)}
/* —— 冷色（偶数）：左栏浅蓝渐变；分数深灰蓝；TOP 标蓝；主色调青绿：logo 方块、稳定条、要点框边、价格框边、主按钮；好评条青绿 —— */
.v-b.v-ev{background:#eaf3fc;border-color:#c5dcf2}
.v-b.v-ev .vb-l{background:linear-gradient(180deg,#dcefff,#e9f4ff);border-right-color:#b9d6f1}
.v-b.v-ev .vb-l .vb-n{color:#2f4a63}
.v-b.v-ev .vr-rk{background:linear-gradient(135deg,#3b7be0,#2f6fd6)}
.v-b.v-ev .logo-b:not(.logo-ph){background:linear-gradient(135deg,#2bb3b8,#0e7f87)!important}
.v-b.v-ev .vb-d.d-st .tr i{background:linear-gradient(90deg,#5fd0d3,#2bb3b8)}.v-b.v-ev .vb-d.d-st .k,.v-b.v-ev .vb-d.d-st b{color:#0b6f75}
.v-b.v-ev .vb-hl{background:#fff;box-shadow:none;border:1.5px solid #2bb3b8;color:#0b5a60}
.v-b.v-ev .vb-pr{background:#f1fbfb;border:1.5px solid #2bb3b8}.v-b.v-ev .vb-pr .k{color:#0b6f75}.v-b.v-ev .vb-pr b{color:#0b5a60}
.v-b.v-ev .vb-sent .g{background:#2bb3b8}.v-b.v-ev .vb-sn .g{color:#0b6f75}
.v-b.v-ev .va-cta{background:linear-gradient(135deg,#0e7f87,#0d6f8a)}
.v-b.v-ev .vb-miss{background:#dde9f9}
/* 「看原话与来源（N）」在按钮下面一行小字 */
.v-b .c-d{margin:6px 0 0}.v-b .c-d summary.more{font-size:13px;font-weight:500;color:var(--mut);min-height:36px;display:flex;align-items:center;gap:4px}
/* 折叠按钮加大（站长 11-12）：TOP7 及以后的大按钮——实底珊瑚橙渐变（和 TOP1 主按钮同一套）、白字 18px 加粗、右侧圆形向下箭头、悬停上浮+阴影、手机满宽；展开后文字变「收起」。侧栏「展开更多」小一档 */
.fold-sum{position:relative;border-style:solid}
.fold-sum .ft-o{display:none}.fold-rank[open]>.fold-sum .ft-c,.fold-more[open]>.fold-sum .ft-c{display:none}.fold-rank[open]>.fold-sum .ft-o,.fold-more[open]>.fold-sum .ft-o{display:inline}
.fold-sum .fb-ar{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;color:#c24328}
.fold-sum .fb-ar svg{width:16px;height:16px;transition:transform .2s}
.fold-rank[open]>.fold-sum .fb-ar svg,.fold-more[open]>.fold-sum .fb-ar svg{transform:rotate(180deg)}
.fold-big{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:64px;padding:10px 18px 10px 22px;border:0;border-radius:16px;background:linear-gradient(135deg,#c8452d,#c24f17);color:#fff;text-align:left;box-shadow:0 6px 16px rgba(200,69,45,.28);transition:transform .15s,box-shadow .15s}
.fold-big:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(200,69,45,.36)}
.fold-big .fb-main{display:flex;flex-direction:column;gap:1px;min-width:0}.fold-big b{font-size:18px;font-weight:800;line-height:1.35;color:#fff}.fold-big small{font-size:13px;color:#fff3ec;line-height:1.4}
.fold-big .fb-ar{width:36px;height:36px}.fold-big .fb-ar svg{width:20px;height:20px}
.fold-rank[open]>.fold-big{background:linear-gradient(135deg,#a63a26,#a84612)}
.fold-more>.fold-sum{justify-content:space-between;gap:10px;min-height:48px;padding:8px 14px;border:0;border-radius:12px;background:linear-gradient(135deg,#c8452d,#c24f17);color:#fff;font-size:15px;font-weight:700;box-shadow:0 3px 10px rgba(200,69,45,.22);transition:transform .15s,box-shadow .15s}
.fold-more>.fold-sum:hover{transform:translateY(-1px);box-shadow:0 6px 14px rgba(200,69,45,.3)}
.fold-more>.fold-sum .fb-ar{width:26px;height:26px}
.fold-rank[open]>.fold-sum,.fold-more[open]>.fold-sum{margin-bottom:12px}
@media(max-width:700px){.fold-big{min-height:60px;padding:10px 14px 10px 16px}.fold-big b{font-size:17px}}
/* 站名「梯子收藏」+「收藏本站」按钮（站长 11-12）：珊瑚橙实底、星形图标（白字对比度 4.8）；页头常驻（手机只显示「收藏」二字），首屏一个大按钮 */
.logo span b{color:#c8452d}
.btn.fav{background:#c8452d;color:#fff;border:0;gap:6px;display:inline-flex;align-items:center;font-weight:700;box-shadow:0 4px 12px rgba(200,69,45,.28);transition:transform .15s,box-shadow .15s}
.btn.fav:hover{background:#b83d27;transform:translateY(-1px);box-shadow:0 8px 18px rgba(200,69,45,.34);text-decoration:none}
.btn.fav svg{flex:none}
.top-fav{display:inline-flex!important;min-height:40px;padding:0 12px}.top-fav .fv-l{display:none}@media(min-width:700px){.top-fav .fv-l{display:inline}}
.hero-fav{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0 0 12px;padding:14px 16px;border-radius:16px;background:linear-gradient(135deg,#fff3ec,#fff);border:1px solid #f3d9cc}
.hf-k{margin:0;font-size:22px;font-weight:800;color:#8a2f1b;line-height:1.3}.hf-s{margin:2px 0 0;font-size:14px;color:var(--ink2)}
.hf-btn{min-height:52px;padding:0 24px;font-size:17px;border-radius:999px}.hf-btn svg{width:22px;height:22px}
@media(max-width:560px){.hf-btn{width:100%;justify-content:center}.hf-k{font-size:20px}}
.favtip{position:fixed;inset:0;z-index:90;display:grid;place-items:center;background:rgba(35,31,43,.35);padding:20px}
.ft-card{max-width:340px;width:100%;background:#fff;border-radius:18px;padding:20px 20px 16px;box-shadow:0 20px 50px rgba(35,31,43,.3);text-align:center}
.ft-card b{display:block;font-size:18px;margin-bottom:6px}.ft-card p{margin:0 0 14px;color:var(--ink2);line-height:1.7}
/* 首屏现在有宣传语+收藏按钮，原来右上角的气泡装饰会盖住大按钮，去掉 */
.hero::after{display:none!important}
/* 首屏 hero 卡（站长 11-12）：浅暖到浅蓝柔和渐变；左：小标签、H1、副句、四色要点胶囊、数据小统计；右：收藏本站小卡。对比度 ≥4.5；手机上按钮在要点下方满宽 */
.hero2{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:center;margin:14px 0 14px;padding:26px 28px;border-radius:24px;background:linear-gradient(135deg,#fff1e8 0%,#fffaf6 48%,#e6f0fc 100%);border:1px solid #f1dcd0;box-shadow:0 10px 30px rgba(200,69,45,.08);position:relative;overflow:hidden}
.hero2::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(260px 160px at 92% 8%,rgba(91,155,245,.14),transparent 70%),radial-gradient(240px 150px at 4% 100%,rgba(247,192,74,.16),transparent 70%)}
.hero2>*{position:relative}
.h2-tag{display:inline-block;padding:3px 12px;border-radius:999px;background:#ffe5d8;color:#8a2f1b;font-size:13px;font-weight:700;margin-bottom:10px}
.hero2 h1{font-size:36px;line-height:1.25;margin:0 0 10px;letter-spacing:.2px}.hero2 h1 em{font-style:normal;color:#c8452d}
.h2-sub{margin:0 0 14px;color:var(--ink2);font-size:16px;max-width:34em}
.h2-chips{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.h2-chips li{display:inline-flex;align-items:center;gap:6px;padding:6px 14px 6px 10px;border-radius:999px;font-size:14px;font-weight:700}
.h2-chips .cb{background:#dfeafb;color:#17458f}.h2-chips .cg{background:#d9f1e4;color:#0b5a3a}.h2-chips .ca{background:#fdebc4;color:#6f4200}.h2-chips .cr{background:#ffe0d2;color:#8a2f1b}
.h2-stat{margin:0;color:var(--ink2);font-size:14.5px}.h2-stat b{font-size:18px;color:var(--ink);margin:0 2px}
.h2-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 16px 14px;border-radius:20px;background:#fff;border:1px solid #f0e2da;box-shadow:0 8px 22px rgba(35,31,43,.08);text-align:center}
.h2-art{width:150px;height:auto}.h2-card .hf-btn{width:100%;justify-content:center;min-height:54px;font-size:18px}.h2-hint{margin:0;font-size:13.5px;color:var(--ink2)}
@media(max-width:860px){.hero2{grid-template-columns:1fr;padding:20px 18px;gap:16px}.hero2 h1{font-size:28px}.h2-art{width:110px}}
@media(max-width:560px){.hero2 h1{font-size:25px}.h2-card{flex-direction:row;flex-wrap:wrap;justify-content:center}.h2-art{width:84px}.h2-card .hf-btn{flex:1 1 100%;order:3}.h2-hint{flex:1 1 100%;order:4}}
.hero2 h1{font-size:33px}@media(min-width:861px){.hero2 h1{text-wrap:balance}}
@media(max-width:860px){.hero2 h1{font-size:28px}}@media(max-width:560px){.hero2 h1{font-size:25px}}
/* 演示说明从页面顶部横幅移到页脚（站长 11-12）：一行灰色小字，全站同一处 */
.demo-note{display:inline-block;margin:2px 0;color:#625c70;font-size:12px}
footer p.demo-note{display:block;max-width:none;margin:6px 0 0;color:#625c70;font-size:12px}
/* 板块与背景拉开（站长 11-12）：① 页面大背景加深一档到浅暖米色 #f5ece4（背景微元素透明度不变）；② 所有卡片纯白实底（hero 渐变起点是白）+ 1px 暖灰边 #e8d9cc + 两层阴影，悬停加深；③ 品牌筛选胶囊白底 + 边框 + 小阴影，选中态仍深色实底。斑马纹卡（排行卡偶数名次浅蓝、评价卡偶数浅靛蓝）保留各自的淡色。 */
:root{--bg:#f5ece4;--bg2:#efe3d8;--card:#fff;--line:#e8d9cc;--sh:0 1px 2px rgba(60,30,10,.06),0 8px 24px rgba(60,30,10,.08);--sh-hover:0 2px 4px rgba(60,30,10,.08),0 12px 30px rgba(60,30,10,.13)}
body{background-color:var(--bg)}
header.top{background:rgba(255,252,249,.88);border-bottom:1px solid #e8d9cc}
.card,.srcbar,.hero2,.h2-card,.v-b,.vr-c,.sitem,.bcard,.sheet,.side>.card,.vizp,.sugg{background-color:#fff;border:1px solid #e8d9cc;box-shadow:var(--sh)}
.srcbar{background:#fff}
.hero2{background:linear-gradient(135deg,#fff 0%,#fff9f5 52%,#f1f6fd 100%)}
.v-b.v-ev{background:#eaf3fc;border-color:#c5dcf2}.vr-c:nth-child(even){background:#eef2fb}.stream .sitem:nth-of-type(even),#revs .cm:not(.src):nth-child(even){background:#eef2fb}
.card:hover,.v-b:hover,.vr-c:hover,.srcbar:hover,.hero2:hover,.sitem:hover{box-shadow:var(--sh-hover)}
.card,.v-b,.vr-c,.srcbar,.hero2,.sitem{transition:box-shadow .2s}
.chipb{background:#fff;border:1px solid #e8d9cc;box-shadow:0 1px 2px rgba(60,30,10,.08)}
.chipb.on{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:0 6px 14px rgba(35,31,43,.25)}
.chipb.add{background:#fff7f3;border:1px dashed #ffb08f}
.sb-p{background:#fff;border:1px solid #e8d9cc;box-shadow:0 1px 2px rgba(60,30,10,.06)}
.strip{background:rgba(245,236,228,.94)}
.vb-lim{margin-top:2px;font-size:12px;color:#8a2f1b}
/* 品牌名胶囊对齐（站长 11-12）：原来 a 被撑到 44px 高，文字贴顶、下半截被卡片 overflow 裁掉。改成 inline-flex 居中、固定行高、padding 4px 12px，44px 点按区用伪元素外扩；父容器垂直居中 */
.feed .bcard .nm a{display:inline-flex;align-items:center;min-height:0!important;line-height:1.2;padding:4px 12px!important;position:relative;max-width:100%}
.feed .bcard .nm a::after{content:"";position:absolute;inset:-8px -4px}
.bcard .top{align-items:center}.bcard .top>div:last-child{min-width:0}
.bcard.slim{overflow:visible}
.pill{display:inline-flex;align-items:center;line-height:1.3}
.feed .bcard.slim .prow{margin:0}.bcard.slim{gap:10px 14px}
/* SEO / GEO：数据总结卡、cite 行（blockquote 的出处） */
.bsum{padding:14px 18px;margin:12px 0}.bsum p{margin:0 0 6px;line-height:1.75;color:var(--ink)}.bsum p:last-child{margin:0}
.vr-ci{font-style:normal;display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 auto}.vr-ci .vr-d{flex:1 1 auto}
blockquote.vr-bub{margin:0}
/* 新页面（about / methodology / privacy / contact）：正文排版、流程图 */
.doc h2{font-size:19px;margin:22px 0 6px}.doc h3{font-size:16px;margin:14px 0 4px}.doc p,.doc li{line-height:1.85;max-width:38em}.doc ul{padding-left:1.3em}
.flowwrap{overflow-x:auto;margin:14px 0;padding:10px;background:#fff;border:1px solid #e8d9cc;border-radius:14px}.flow{width:100%;min-width:640px;height:auto}
nav.main a.nv-m{display:none}@media(min-width:960px){nav.main a.nv-m{display:inline-flex}}
footer .flk a{display:inline-flex;align-items:center;min-height:44px;padding:0 4px}
/* 说明页可读性（站长 11-13「methodology 页面可读性差」）：正文放进白卡面板，去掉列表斑马底，章节编号色块 */
body[data-page=doc] main.narrow{max-width:860px;margin:18px auto 110px;background:#fff;border-radius:24px;box-shadow:0 10px 36px rgba(60,30,20,.10);border:1px solid #f0e2d8;padding:22px 40px 34px}
body[data-page=doc] main.narrow h1{font-size:30px;margin:6px 0 10px;letter-spacing:.5px}
body[data-page=doc] .doc{max-width:none}
body[data-page=doc] .doc p,body[data-page=doc] .doc li{max-width:none;font-size:16.5px;line-height:1.95;color:#2f2a36}
body[data-page=doc] .doc>p:first-child{background:#fff6f0;border-left:4px solid #d92d4b;border-radius:10px;padding:12px 16px;color:#3a3340}
body[data-page=doc] .doc h2{font-size:21px;margin:34px 0 10px;padding:12px 0 0;border-top:1px dashed #efdcd0;display:flex;align-items:center;gap:10px}
body[data-page=doc] .doc h2::before{content:"";flex:none;width:8px;height:24px;border-radius:4px;background:linear-gradient(180deg,#d92d4b,#f08a3c)}
body[data-page=doc] .doc h2:nth-of-type(3n+2)::before{background:linear-gradient(180deg,#2563eb,#38bdf8)}
body[data-page=doc] .doc h2:nth-of-type(3n)::before{background:linear-gradient(180deg,#059669,#34d399)}
body[data-page=doc] .doc ul,body[data-page=doc] .doc ol{list-style:none;padding-left:0;margin:6px 0 0}
body[data-page=doc] .doc li,body[data-page=doc] .doc li:nth-child(even){background:none;position:relative;padding:4px 0 4px 22px;margin:2px 0}
body[data-page=doc] .doc li::before{content:"";position:absolute;left:4px;top:.9em;width:8px;height:8px;border-radius:50%;background:#e8735a}
body[data-page=doc] .flowwrap{border:0;background:#fffaf6;padding:14px;border-radius:16px}
@media(max-width:700px){body[data-page=doc] main.narrow{margin:10px 8px 100px;padding:16px 18px 26px;border-radius:18px}body[data-page=doc] main.narrow h1{font-size:25px}body[data-page=doc] .doc p,body[data-page=doc] .doc li{font-size:16px;line-height:1.9}}
body[data-page=doc] ol.flowh{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0;padding:0;counter-reset:none}
body[data-page=doc] ol.flowh li{padding:14px 14px 14px 14px;margin:0;border-radius:16px;display:flex;flex-direction:column;gap:4px;font-size:15px;line-height:1.6;color:#3a3340}
body[data-page=doc] ol.flowh li::before{display:none}
body[data-page=doc] ol.flowh .fn{width:26px;height:26px;border-radius:50%;color:#fff;font-weight:800;font-size:14px;display:inline-flex;align-items:center;justify-content:center}
body[data-page=doc] ol.flowh b{font-size:17px}
body[data-page=doc] ol.flowh .fd{font-size:14.5px;color:#4a4455}
@media(max-width:700px){body[data-page=doc] ol.flowh{grid-template-columns:1fr 1fr}}
body[data-page=doc] .doc ol.flowh li,body[data-page=doc] .doc ol.flowh li:nth-child(even){padding:14px;margin:0;align-items:flex-start}
/* 11-13 站长：F5 时品牌条先全展开再收起（闪）——桌面端未展开时先用 CSS 限两行，JS 折叠前就不会撑开 */
@media(min-width:700px){.strip:not(.exp) .in{max-height:116px;overflow:hidden}}
/* ===== 排行大卡 C（站长 11-13 选定）：博客品牌卡。样式全部限定在 .cC 下；通用小件用 cx- 前缀，不影响别处 ===== */
.cC{--tr:#ece7ef;position:relative;display:grid;grid-template-columns:118px minmax(0,1fr) 236px;gap:18px;padding:20px;margin:0 0 14px;background:#fff;border:2px solid #f2d9cf;border-radius:24px;box-shadow:0 8px 0 #f2d9cf,0 18px 30px -14px rgba(35,31,43,.2);min-width:0}
.cC.r1{background:linear-gradient(180deg,#fff4ee,#fff 60%);border-color:#f1b8a6;box-shadow:0 8px 0 #f1b8a6,0 18px 30px -14px rgba(35,31,43,.2)}
.cC h3{margin:0;font-size:20px;line-height:1.3}.cC h3 a{color:var(--ink)}
.cC .cx-rk{display:inline-flex;align-items:center;gap:4px;padding:2px 10px 2px 8px;border-radius:999px;color:#fff;font:800 12px/20px var(--num);letter-spacing:.03em;background:#6f6a7a}
.cC .cx-rk.r1{background:linear-gradient(135deg,#d9341f,#a8260f)}.cC .cx-rk.r2{background:linear-gradient(135deg,#3f7ee8,#2352b8)}.cC .cx-rk.r3{background:linear-gradient(135deg,#e49a12,#b8700a)}.cC .cx-rk.r4{background:linear-gradient(135deg,#8a8497,#625c70)}
.cC-l{display:flex;flex-direction:column;align-items:center;gap:10px}
.cC-ic{padding:6px;border-radius:26px;background:#fff;box-shadow:0 6px 0 #ece3dc,0 12px 20px -8px rgba(35,31,43,.25),inset 0 0 0 1px #efe3dc}
.cC .logo-b{width:80px;height:80px;border-radius:20px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:34px;overflow:hidden;flex:none}
.cC .logo-b img{width:100%;height:100%;object-fit:contain}.cC .logo-b.logo-ph{background:#fff;box-shadow:0 0 0 1px rgba(35,31,43,.10),0 3px 8px rgba(35,31,43,.12)}
.cC-m{min-width:0;display:flex;flex-direction:column;gap:10px}
.cC-tags{display:flex;flex-wrap:wrap;gap:7px}
.cC-tg{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;font-size:13px;font-weight:700;border:1px solid transparent;box-shadow:inset 0 2px 3px rgba(255,255,255,.8),0 2px 3px rgba(35,31,43,.10)}
.cC-tg.t1{background:var(--sb);color:var(--sc);border-color:var(--sc)}.cC-tg.t2{background:#fff3d9;color:#8a5200}.cC-tg.t3.g{background:#dff6ea;color:#0b6e47}.cC-tg.t3.m{background:#eceaf1;color:#4a4455}.cC-tg.t3.r{background:#fde4e0;color:#b02c1c}.cC-tg.t4{background:#e9efff;color:#2a4fa8}
.cC-slot{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;font-size:13px}.cC-sk{font-weight:700;color:var(--ink2)}
.cC-tr{height:14px;border-radius:99px;background:#e9e3ed;box-shadow:inset 0 2px 3px rgba(35,31,43,.15);overflow:hidden}.cC-tr i{display:block;height:100%;width:var(--w);border-radius:99px;background:linear-gradient(90deg,var(--sc),#ffb703);box-shadow:inset 0 2px 2px rgba(255,255,255,.5)}
.cC .cx-dims{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.cC .cx-dims li{display:grid;grid-template-columns:44px minmax(0,1fr) 34px 44px;align-items:center;gap:8px;font-size:13.5px}
.cC .cx-dims .k{color:var(--ink2);font-weight:700}.cC .cx-dims .tr{height:8px;border-radius:99px;background:var(--tr);overflow:hidden}.cC .cx-dims .tr i{display:block;height:100%;width:var(--w);border-radius:99px}
.cC .cx-dims b{text-align:right;font-size:15px}.cC .cx-dims .s{color:var(--mut);font-size:12px;text-align:right}
.cC .cx-dims .d-sp .tr i{background:linear-gradient(90deg,#5b9bf5,#1d5fd6)}.cC .cx-dims .d-sp b{color:#1b5fb8}
.cC .cx-dims .d-st .tr i{background:linear-gradient(90deg,#3cc795,#0f8f60)}.cC .cx-dims .d-st b{color:#0f7a4f}
.cC .cx-dims .d-sv .tr i{background:linear-gradient(90deg,#a98af2,#6b3fc0)}.cC .cx-dims .d-sv b{color:#6b3fc0}
.cC .cx-dims .d-pr .tr i{background:linear-gradient(90deg,#f7c04a,#d98a00)}.cC .cx-dims .d-pr b{color:#8a5200}
.cC .cx-quiet{margin:0;font-size:12.5px;color:var(--mut)}
.cC .cx-price{margin:0;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:14px}.cC .cx-pk{color:var(--mut);font-size:13px}.cC .cx-pv{color:var(--ink)}
.cC .cx-ptag{padding:1px 8px;border-radius:999px;background:#eef2fb;color:#2a4fa8;font-size:12px;font-weight:600}.cC .cx-price .pconf{font-size:12px;color:#a8260f}
.cC .cx-say{display:grid;grid-template-columns:1fr;gap:10px}
.cC .cx-q{margin:0;padding:11px 14px 10px;border-radius:14px;border:1px solid var(--line);background:#fff;display:flex;flex-direction:column;gap:6px;min-width:0}
.cC .cx-q p{margin:0;font-size:14px;line-height:1.7;color:var(--ink)}.cC .cx-q cite{display:flex;align-items:center;gap:6px;font-style:normal;font-size:12.5px;color:var(--mut)}.cC .cx-q cite .av{width:18px;height:18px;flex:none}
.cC .cx-qt{align-self:flex-start;padding:0 9px;border-radius:999px;font-size:12px;font-weight:700;line-height:20px;color:#fff}
.cC .cx-q.ok{background:#f1fbf6;border-color:#bfe8d4}.cC .cx-q.ok .cx-qt{background:#0f9d63}.cC .cx-q.bad{background:#fff3f1;border-color:#f6c9c2}.cC .cx-q.bad .cx-qt{background:#d23a2a}.cC .cx-q.none{background:#f7f5fa;border-style:dashed}.cC .cx-q.none .cx-qt{background:#8a8497}
.cC-r{display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:10px}
.cC .cx-cta{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 20px;border-radius:16px;border:0;background:linear-gradient(180deg,#ff9b3d,#f26a1b);color:#fff;font-weight:700;font-size:16px;text-align:center;white-space:nowrap;text-decoration:none;box-shadow:0 5px 0 #c4501a,0 10px 18px -6px rgba(242,106,27,.5);transition:transform .15s,box-shadow .15s}
.cC .cx-cta:hover{background:linear-gradient(180deg,#ffa853,#f6741f);text-decoration:none}.cC .cx-cta:active{transform:translateY(3px);box-shadow:0 2px 0 #c4501a}
.cC .cx-lim{font-size:12.5px;color:var(--mut)}
.cC .c-d{margin-top:2px}
@media(max-width:760px){
.cC{grid-template-columns:84px minmax(0,1fr);gap:12px;padding:16px}.cC .logo-b{width:58px;height:58px;font-size:26px}.cC-r{grid-column:1/-1}
.cC .cx-dims li{grid-template-columns:40px minmax(0,1fr) 30px 40px;gap:6px}
}
.cC .cx-st{display:inline-block;width:85px;height:16px;background:linear-gradient(90deg,var(--sc) var(--p),#e3dfe8 var(--p));-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 16'%3E%3Cpath d='M8 1.2l1.9 4.1 4.5.6-3.3 3.1.8 4.4L8 11.1 4.1 13.4l.8-4.4L1.6 5.9l4.5-.6z'/%3E%3C/svg%3E") repeat-x 0 0/17px 16px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 16'%3E%3Cpath d='M8 1.2l1.9 4.1 4.5.6-3.3 3.1.8 4.4L8 11.1 4.1 13.4l.8-4.4L1.6 5.9l4.5-.6z'/%3E%3C/svg%3E") repeat-x 0 0/17px 16px}
/* ===== 最新评价 B 聊天气泡式（站长 11-13 选定）+ 尖角修正：尖角是真三角，与左侧评级色条同色相接 ===== */
.rb{--rc:#8a8497;display:flex;gap:14px;margin:0 0 16px;min-width:0}.rb.t-ok{--rc:#12a36b}.rb.t-bad{--rc:#d23a2a}.rb.t-mid{--rc:#8a8497}
.rb-av{flex:none}.rb .av.ic{display:grid;place-items:center;border-radius:50%;color:#fff;box-shadow:none}.rb .av.ic.md{width:34px;height:34px}.rb .av.ic svg{width:68%;height:68%}
.rb-main{min-width:0;flex:1}
.rb-who{display:flex;align-items:center;gap:8px;margin:0 0 5px;font-size:12.5px;color:var(--mut)}.rb-ci{display:inline-flex;align-items:baseline;gap:8px;font-style:normal;min-width:0}.rb-ci b{color:var(--ink);font-size:13px}.rb-d{white-space:nowrap}
.rb-lk{margin-left:auto;display:inline-flex;align-items:center;min-height:44px;margin-top:-10px;margin-bottom:-10px;padding:0 2px 0 8px;font-size:12.5px;font-weight:600;color:#6b4fe0;text-decoration:none;white-space:nowrap}.rb-lk:hover{text-decoration:underline}
.rb-bub{position:relative;padding:10px 14px;background:#fff;border:1px solid #ddd6e8;border-left:4px solid var(--rc);border-radius:6px 16px 16px 16px;box-shadow:0 2px 6px rgba(35,31,43,.06)}
.rb-bub::before{content:"";position:absolute;left:-12px;top:10px;width:0;height:0;border-style:solid;border-width:7px 8px 7px 0;border-color:transparent var(--rc) transparent transparent}
.rb-q{margin:0}.rb-q p{margin:0;font-size:14.5px;line-height:1.7;color:var(--ink);overflow-wrap:anywhere}
.rb-ft{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:7px}
.rb-tag{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:700;color:#fff;background:var(--rc)}
.rb .bchip{position:relative;display:inline-block;padding:1px 10px;border-radius:999px;font-weight:700;font-size:12.5px;line-height:20px;text-decoration:none}.rb .pbtn{margin:0}
.rb.excl{opacity:.8}
.card #revs .rb:last-child,.stream .rb:last-child{margin-bottom:4px}
#revs.card{padding:14px 16px 4px}
/* 右栏外壳：小标题 + 分段控件 + 细滚动条 */
.side .rv-hd{display:flex;align-items:center;justify-content:space-between;margin:2px 2px 10px}.side .rv-hd h2{display:flex;align-items:center;gap:8px;margin:0;font-size:17px;line-height:1.3;color:var(--ink)}.side .rv-ic{color:#6b4fe0}
.side .card .seg{display:flex;gap:0;padding:4px;border-radius:14px;background:#eef0f6;box-shadow:inset 0 1px 2px rgba(35,31,43,.10);margin:0 0 12px}
.side .card .seg button{flex:1;min-height:44px;padding:0 10px;border:0;border-radius:11px;background:none;color:#5b5668;font:600 14px/1 inherit;font-family:inherit;box-shadow:none;cursor:pointer}
.side .card .seg button.on{background:#fff;color:#6b4fe0;box-shadow:0 2px 6px rgba(35,31,43,.14),0 0 0 1px rgba(35,31,43,.04)}
.side .card .stream{scrollbar-width:thin;scrollbar-color:#6b4fe0 #eee9f2;padding-right:6px}
.side .card .stream::-webkit-scrollbar{width:6px}.side .card .stream::-webkit-scrollbar-track{background:#eee9f2;border-radius:99px}.side .card .stream::-webkit-scrollbar-thumb{background:#6b4fe0;border-radius:99px}
/* ===== 首页分区 D（站长 11-13 选定）：8 个大圆角彩色容器 + 标题胶囊压在上沿 + 顶部粘性锚点目录。限定 [data-page=home] ===== */
[data-page=home] .sx{--c1:#c4501a;--c2:#a8260f;--ct:#fff1ea;--cb:#f4cdbd;position:relative;min-width:0;margin:0 0 34px;padding:30px 20px 20px;border-radius:28px;background:var(--ct);border:2px solid var(--cb);box-shadow:0 18px 32px -20px var(--c2);scroll-margin-top:136px}
[data-page=home] .sx-1{--c1:#d9611a;--c2:#a8260f;--ct:#fff1ea;--cb:#f4cdbd}[data-page=home] .sx-2{--c1:#2f6fd6;--c2:#2557b8;--ct:#eaf2ff;--cb:#c3d6f6}[data-page=home] .sx-3{--c1:#6b4fe0;--c2:#4f35b5;--ct:#f0ecff;--cb:#d3c9f6}
[data-page=home] .sx-4{--c1:#b8700a;--c2:#8f5400;--ct:#fff5df;--cb:#f0d9a6}[data-page=home] .sx-5{--c1:#c42544;--c2:#9a1830;--ct:#fdecef;--cb:#f2c0c9}[data-page=home] .sx-6{--c1:#0b8a84;--c2:#07655f;--ct:#e6f6f4;--cb:#b4e0dc}
[data-page=home] .sx-7{--c1:#0f8a5a;--c2:#0a6b45;--ct:#e8f7ef;--cb:#b7e2cb}[data-page=home] .sx-8{--c1:#52607a;--c2:#3a465c;--ct:#eef1f6;--cb:#ccd3e0}
[data-page=home] .sx-h{position:absolute;left:18px;top:-17px;z-index:2;display:inline-flex;align-items:center;gap:8px;margin:0;padding:5px 16px 5px 5px;border-radius:999px;background:linear-gradient(90deg,var(--c1),var(--c2));color:#fff;font-size:15px;font-weight:700;line-height:1.3;box-shadow:0 6px 12px -6px var(--c2)}
[data-page=home] .sx-h .n{display:inline-grid;place-items:center;height:26px;min-width:32px;padding:0 6px;border-radius:999px;background:#ffffff30;font:800 14px/1 var(--num)}[data-page=home] .sx-h .ic{display:inline-flex}
[data-page=home] .sx .hero2{margin:0}[data-page=home] .sx .srcrow{margin:0}[data-page=home] .sx #ads{margin-top:0}
[data-page=home] .sx-5{padding:30px 12px 8px}[data-page=home] .sx-5 .feedhead{justify-content:flex-end;margin:0 0 10px}[data-page=home] .sx-5 .upbar{margin-top:0}
[data-page=home] .sx-5 .cC:last-child{margin-bottom:14px}
[data-page=home] .sx-6 #sugg>h2.hpl{display:none}[data-page=home] .sx-8{padding-bottom:20px}[data-page=home] .sx-8 .how{margin:0}
[data-page=home] .sx-3.strip{margin:0 0 34px}[data-page=home] .sx-3 .in{padding:0;max-width:none;margin:0}
[data-page=home] .home{gap:22px}[data-page=home] .home>div{min-width:0}[data-page=home] .home .sx:last-child{margin-bottom:34px}
[data-page=home] .home .sx-7{position:sticky;top:136px;margin-bottom:34px;padding:30px 14px 14px}[data-page=home] .sx-7 .side{position:static;margin:0}[data-page=home] .sx-7 .stream{max-height:calc(100vh - 320px)}
[data-page=home] .secnav{position:sticky;top:60px;z-index:28;display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 30px;padding:8px 10px;border-radius:18px;background:rgba(255,255,255,.94);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid #eadfd8;box-shadow:0 8px 20px -12px rgba(35,31,43,.3)}
[data-page=home] .secnav a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border-radius:999px;font-weight:700;font-size:13.5px;color:var(--ink);text-decoration:none;background:#f6f2ee;white-space:nowrap}
[data-page=home] .secnav a b{font:800 12px/1 var(--num);padding:3px 6px;border-radius:999px;color:#fff}
[data-page=home] .secnav a.c1 b{background:#d9611a}[data-page=home] .secnav a.c2 b{background:#2f6fd6}[data-page=home] .secnav a.c3 b{background:#6b4fe0}[data-page=home] .secnav a.c4 b{background:#b8700a}[data-page=home] .secnav a.c5 b{background:#c42544}[data-page=home] .secnav a.c6 b{background:#0b8a84}[data-page=home] .secnav a.c7 b{background:#0f8a5a}[data-page=home] .secnav a.c8 b{background:#52607a}
[data-page=home] .secnav a:hover{background:#ece6e0}
@media(max-width:999px){[data-page=home] .home .sx-7{position:static}[data-page=home] .sx-7 .stream{max-height:560px}}
@media(max-width:699px){
[data-page=home] .secnav{top:54px;flex-wrap:nowrap;overflow-x:auto;margin:0 -14px 22px;border-radius:0;border-left:0;border-right:0;padding:8px 14px;scrollbar-width:none}[data-page=home] .secnav::-webkit-scrollbar{display:none}[data-page=home] .secnav a{flex:none}
[data-page=home] .sx{padding:28px 12px 14px;margin-bottom:30px;scroll-margin-top:196px}[data-page=home] .sx-5{padding:28px 8px 6px}
[data-page=home] .sx-3.strip{position:sticky;top:114px;z-index:25;margin:0 -14px 22px;padding:8px 0;border-radius:0;border-left:0;border-right:0;border-top:1px solid var(--cb);box-shadow:0 6px 14px -10px var(--c2)}
[data-page=home] .sx-3.strip .sx-h{display:none}[data-page=home] .sx-3 .in{padding:0 14px}
}
@media(min-width:700px){[data-page=home] .sx-3.strip{position:static;padding:30px 20px 20px}}
[data-page=home] .sx{scroll-margin-top:152px}[data-page=home] .home .sx-7{top:152px}[data-page=home] .sx-7 .stream{max-height:calc(100vh - 340px)}
@media(max-width:699px){[data-page=home] .secnav{top:55px}[data-page=home] .sx-3.strip{top:118px}[data-page=home] .sx{scroll-margin-top:212px}}
@media(max-width:999px){[data-page=home] .home .sx-7{position:relative;top:auto}}
/* 11-13 站长：01~08 目录不浮动，只在页面顶部出现一次 */
[data-page=home] .secnav{position:static}
[data-page=home] .sx{scroll-margin-top:72px}
@media(min-width:1000px){[data-page=home] .home .sx-7{top:72px}}
@media(max-width:699px){[data-page=home] .sx-3.strip{top:55px}[data-page=home] .sx{scroll-margin-top:130px}}