/* ==== duoyu-tools UI v3 (c209) — tokens ==== */
:root{color-scheme:light dark;
--bg:#f6f7fb;--surface:#fff;--surface-2:#f3f5fa;--surface-3:#eceff6;--line:#e3e7ef;--line-2:#d2d8e4;
--text:#161a24;--text-2:#3b4252;--muted:#5a6375;--faint:#7b8496;
--brand:#3451e8;--brand-hover:#2840c9;--brand-soft:#edf0ff;--brand-soft-2:#dfe5ff;--on-brand:#fff;--link:#2f4ad8;
--ok:#137a3a;--err:#b42318;--warn:#9a5b00;--mark:#ffe58a;
--ring:0 0 0 3px rgba(52,81,232,.35);--sh-1:0 1px 2px rgba(16,24,40,.05);--sh-2:0 1px 3px rgba(16,24,40,.06),0 6px 16px rgba(16,24,40,.06);--sh-3:0 12px 32px rgba(16,24,40,.14);
--r-1:8px;--r-2:12px;--r-3:16px;
--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC","Noto Sans SC","Source Han Sans SC",sans-serif;
--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono","Noto Sans Mono CJK SC",monospace;
--hero:radial-gradient(1100px 380px at 50% -120px,#e3e8ff 0%,rgba(227,232,255,0) 70%)}
@media (prefers-color-scheme:dark){:root{
--bg:#0e1117;--surface:#161a22;--surface-2:#1c212b;--surface-3:#232936;--line:#2a303c;--line-2:#3a4251;
--text:#e7eaf0;--text-2:#c9cfdb;--muted:#a3acbc;--faint:#8b94a5;
--brand:#4a63f0;--brand-hover:#3b55e6;--brand-soft:#1f2747;--brand-soft-2:#28325c;--on-brand:#fff;--link:#93a5ff;
--ok:#5fd08a;--err:#ff8a80;--warn:#f0b35a;--mark:#6b5a12;
--ring:0 0 0 3px rgba(147,165,255,.45);--sh-1:none;--sh-2:0 1px 2px rgba(0,0,0,.4);--sh-3:0 16px 40px rgba(0,0,0,.55);
--hero:radial-gradient(1100px 380px at 50% -120px,#1d2550 0%,rgba(29,37,80,0) 70%)}}

/* ==== base ==== */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;font-family:var(--font);font-size:16px;background:var(--bg);color:var(--text);line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}
html[lang=zh-CN] .en,html[lang=en] .zh{display:none!important}
a{color:var(--link);text-decoration:none;text-underline-offset:2px}a:hover{text-decoration:underline}
h1,h2,h3,h4{color:var(--text);line-height:1.3;letter-spacing:-.01em}
h1{font-size:clamp(24px,1.6vw + 18px,32px);margin:.35em 0 .4em;font-weight:750}
h2{font-size:20px;margin:1.2em 0 .5em;font-weight:700}h3{font-size:17px;margin:1.1em 0 .35em;font-weight:650}
p{margin:.5em 0 .8em}small{font-size:.8em;color:var(--muted);font-weight:500}
img{max-width:100%}
:focus-visible{outline:2px solid transparent;outline-offset:2px;box-shadow:var(--ring)!important}
a:focus-visible{border-radius:6px}
::selection{background:var(--brand-soft-2)}
mark{background:var(--mark);color:inherit;border-radius:3px;padding:0 1px}
hr{border:0;border-top:1px solid var(--line);margin:20px 0}
code,kbd,pre{font-family:var(--mono);font-size:.92em}
pre{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-1);padding:12px;overflow:auto}
ul,ol{padding-left:1.4em}li{margin:.2em 0}

/* ==== header / nav ==== */
header{background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:saturate(1.6) blur(10px);backdrop-filter:saturate(1.6) blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:9}
@supports not (background:color-mix(in srgb,red 50%,blue)){header{background:var(--surface)}}
.bar{max-width:1120px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;min-height:60px}
.logo{font-weight:800;font-size:19px;color:var(--text);letter-spacing:-.01em}.logo:hover{text-decoration:none;color:var(--text)}
button,.btn{font:inherit;font-size:15px;font-weight:600;line-height:1.3;background:var(--brand);color:var(--on-brand);border:1px solid transparent;border-radius:10px;padding:9px 16px;min-height:40px;cursor:pointer;transition:background-color .15s,box-shadow .15s,transform .05s;box-shadow:var(--sh-1)}
button:hover,.btn:hover{background:var(--brand-hover);text-decoration:none}
button:active{transform:translateY(1px)}
button:disabled,button[disabled]{opacity:.5;cursor:not-allowed;transform:none}
button.ghost{background:var(--brand-soft);color:var(--link);box-shadow:none}
button.ghost:hover{background:var(--brand-soft-2)}
.bar.hasnav{gap:12px}.bar.hasnav .logo{flex:0 0 auto;white-space:nowrap}
.tnav{display:flex;align-items:center;gap:2px;flex:1 1 auto;min-width:0}
.tnav a,.tnav .tmb{color:var(--text-2);font-size:15px;font-weight:500;padding:7px 11px;border-radius:9px;white-space:nowrap;background:none;line-height:1.4;min-height:0;box-shadow:none;border:0}
.tnav a:hover,.tnav .tmb:hover{background:var(--surface-3);color:var(--text);text-decoration:none}
.tnav a.on,.tnav .tmb.on{color:var(--link);font-weight:650;background:var(--brand-soft)}
.tnav .ni{display:none;margin-right:8px}.tsearch{display:none}
.tmore{position:relative}
.tdd{display:none;position:absolute;right:0;top:calc(100% + 8px);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-2);box-shadow:var(--sh-3);padding:6px;min-width:230px;z-index:20}
.tmore.open .tdd{display:block}.tdd a{display:block;padding:9px 12px}.tdd .ni{display:inline}
.tright{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.tsb{font-size:17px;padding:8px 10px;border-radius:9px;line-height:1;color:var(--text-2)}.tsb:hover{background:var(--surface-3);text-decoration:none}
#langBtn{min-height:36px;padding:7px 14px;font-size:14px}
.thb{display:none;width:44px;height:44px;padding:12px 11px;flex-direction:column;justify-content:space-between;min-height:0}
.thb span{display:block;height:2px;background:var(--link);border-radius:2px;transition:transform .2s,opacity .2s}
html[lang=en] .tnav a,html[lang=en] .tnav .tmb{padding:7px 9px;font-size:14.5px}
@media(max-width:1000px){
 .thb{display:flex}.tnav{display:none}
 body.navopen .tnav{display:block;position:absolute;left:0;right:0;top:100%;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--sh-3);padding:12px 16px 18px;max-height:calc(100vh - 64px);overflow-y:auto}
 body.navopen .tnav a,body.navopen .tnav .tmb{display:flex;align-items:center;min-height:44px;padding:10px 12px;font-size:16px}
 body.navopen .tnav .ni{display:inline}.tmore .tmb{display:none!important}
 .tdd{display:block;position:static;border:0;box-shadow:none;padding:0;min-width:0;border-top:1px solid var(--line);margin-top:6px;padding-top:6px;background:none}
 .tsearch{display:block;margin:0 0 10px}
 .tsearch input{width:100%;font-size:16px;padding:11px 16px;border-radius:24px;border:1px solid var(--line-2);background:var(--surface-2);color:var(--text);min-height:44px}
 .tsb{display:none}header{position:sticky}
 .tdd{border-radius:0}
 body.navopen .thb span:nth-child(1){transform:translateY(8px) rotate(45deg)}body.navopen .thb span:nth-child(2){opacity:0}body.navopen .thb span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
}
@media(max-width:420px){.bar{padding:8px 14px}.bar.hasnav .logo{font-size:17.5px}.tright #langBtn{padding:8px 11px;font-size:14px;min-height:44px}}

/* ==== layout ==== */
main{max-width:1120px;margin:auto;padding:18px 20px 32px}
main>.ad-slot:first-child+p{font-size:13.5px!important;color:var(--muted);margin:6px 0 2px;display:flex;flex-wrap:wrap;align-items:center;gap:2px 4px}
main>.ad-slot:first-child+p a{color:var(--muted);padding:3px 6px;border-radius:6px;margin:0 -2px}
main>.ad-slot:first-child+p a:hover{color:var(--link);background:var(--brand-soft);text-decoration:none}
main>h1+p{color:var(--text-2);font-size:16.5px;max-width:860px;margin-top:0}
.ad-slot{border:2px dashed var(--line-2);background:var(--surface-2);color:var(--faint);text-align:center;padding:24px;margin:20px 0;border-radius:var(--r-1);font-size:13px}

/* ==== cards & grids ==== */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.card{display:block;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-2);padding:18px;color:inherit;box-shadow:var(--sh-1);transition:border-color .15s,box-shadow .15s,transform .15s;overflow-wrap:anywhere}
.card:hover{text-decoration:none;border-color:var(--brand-soft-2);box-shadow:var(--sh-2);transform:translateY(-2px)}
.card .ic{font-size:26px;line-height:1;width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border-radius:12px}
.card h2{font-size:16.5px;margin:12px 0 4px;line-height:1.35}.card h3{font-size:16px;margin:10px 0 4px}
.card p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}
.grid.mini{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.grid.mini .card{padding:11px 14px;font-size:15px;font-weight:550;display:flex;align-items:center;gap:8px;min-height:48px}
.grid.mini .ic{font-size:18px;width:auto;height:auto;background:none;margin-right:2px}
main>.grid>.card[style]{display:flex;align-items:center;gap:6px;font-size:14.5px;font-weight:550;min-height:48px}
section.cat h2{margin:28px 0 12px;font-size:20px}
body:not(.searching) .cat .card.more{display:none}
.morelink{display:block;margin:8px 0 4px;font-size:14px}
body.searching .morelink{display:none}

/* ==== panels, forms ==== */
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);padding:22px;margin:16px 0;box-shadow:var(--sh-1);overflow-wrap:anywhere}
.panel>:first-child{margin-top:0}
textarea,input[type=text],input[type=number],input[type=search],input[type=email],input[type=url],input[type=password],input[type=tel],input[type=date],input[type=time],input[type=datetime-local],input[type=month],input:not([type]),select{width:100%;font:15px/1.5 var(--mono);color:var(--text);background:var(--surface);border:1px solid var(--line-2);border-radius:10px;padding:9px 12px;min-height:42px;transition:border-color .15s,box-shadow .15s}
input[type=text],input[type=search],input:not([type]),select{font-family:var(--font)}
input[type=number]{font-variant-numeric:tabular-nums}
textarea{min-height:200px;resize:vertical;line-height:1.6}
textarea:hover,input:hover,select:hover{border-color:var(--faint)}
textarea:focus,input:focus,select:focus{outline:none;border-color:var(--brand);box-shadow:var(--ring)}
textarea::placeholder,input::placeholder{color:var(--faint)}
select{-webkit-appearance:none;appearance:none;padding-right:34px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%237b8496' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px 8px}
select[multiple],select[size]{background-image:none;padding-right:12px}
input[type=checkbox],input[type=radio],input[type=range],input[type=color]{accent-color:var(--brand)}
input[type=checkbox],input[type=radio]{width:18px;height:18px;vertical-align:-3px}
input[type=range]{min-height:28px;vertical-align:middle}
input[type=color]{min-height:40px;padding:3px;border:1px solid var(--line-2);border-radius:10px;background:var(--surface)}
input[type=file]{font:inherit;color:var(--muted)}
input[type=file]::file-selector-button{font:inherit;font-weight:600;border:0;border-radius:8px;padding:8px 14px;margin-right:10px;background:var(--brand-soft);color:var(--link);cursor:pointer}
label{color:var(--text-2);font-size:15px}
.row{display:flex;gap:10px 12px;flex-wrap:wrap;align-items:center;margin:12px 0}.row>*{flex:0 0 auto}
.row label{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
main input,main select,main textarea{max-width:100%;box-sizing:border-box}main label{max-width:100%}
#res b{word-break:break-word;overflow-wrap:anywhere}
.ok{color:var(--ok)}.err{color:var(--err)}.muted{color:var(--muted)}
.hint{color:var(--muted)}
output{font-family:var(--mono);font-variant-numeric:tabular-nums}
label>input[type=checkbox]+span.zh,label>input[type=checkbox]+span.zh+span.en{margin-left:.35em}
.drop{border:2px dashed var(--brand-soft-2);border-radius:var(--r-2);padding:34px 20px;text-align:center;cursor:pointer;background:var(--brand-soft);color:var(--text-2);font-weight:550;transition:border-color .15s,background-color .15s}
.drop:hover{border-color:var(--brand)}
.drop:focus{outline:none}.drop:focus-visible{box-shadow:var(--ring);border-color:var(--brand)}
img.preview{max-width:100%;max-height:300px;border-radius:var(--r-1);border:1px solid var(--line)}
.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.stat{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-2);padding:12px;text-align:center;color:var(--muted);font-size:14px}
.stat b{display:block;font-size:24px;color:var(--text);font-variant-numeric:tabular-nums}

/* ==== results & tables ==== */
#res{font-variant-numeric:tabular-nums}
#res b{font-family:var(--mono);color:var(--text);font-size:1.12em}
table{border-collapse:collapse;max-width:100%}
td,th{padding:6px 8px;text-align:right;font-variant-numeric:tabular-nums}
th{background:var(--surface-2);color:var(--text-2);font-weight:650;font-size:.92em}
table:not([id=tb]) tr+tr td{border-top:1px solid var(--line)}
#tb{border-radius:var(--r-1);overflow:hidden}
#tb tr{border-bottom:1px solid var(--line)!important;transition:background-color .12s}
#tb tr:last-child{border-bottom:0!important}
#tb tr:nth-child(even){background:var(--surface-2)}
#tb tr[data-v]:hover{background:var(--brand-soft)}
#tb td{padding:9px 10px!important;vertical-align:baseline}
#tb td:first-child{color:var(--text-2)}
#tb b{font-family:var(--mono);font-weight:650;color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
#tb.pair tr:nth-child(2){background:var(--brand-soft)!important;box-shadow:inset 3px 0 0 var(--brand)}
#tb.pair tr:nth-child(2) td{padding-top:12px!important;padding-bottom:12px!important}
#tb.pair tr:nth-child(2) b{font-size:1.18em;color:var(--link)}
#tb.pair tr:nth-child(2) td:first-child{color:var(--text);font-weight:650}

/* ==== FAQ / content sections ==== */
section.panel h2{margin-top:0;padding-bottom:10px;border-bottom:1px solid var(--line)}
section.panel h3{font-size:16px;margin:18px 0 4px;padding-left:12px;border-left:3px solid var(--brand-soft-2)}
section.panel h3+p{margin-top:2px;color:var(--text-2);padding-left:15px}
section.panel>p:last-child{margin-bottom:0}
.panel>.zh>h3,.panel>.en>h3{margin-top:20px}

/* ==== footer ==== */
footer{text-align:center;color:var(--muted);font-size:13.5px;line-height:1.8;padding:28px 20px 36px;border-top:1px solid var(--line);margin-top:28px;background:var(--surface)}
footer a{color:var(--text-2);padding:2px 4px;border-radius:6px}footer a:hover{color:var(--link)}

/* home v2 */
/* ==== home (search, tiles, pager) ==== */
.hero{text-align:center;padding:40px 0 18px;margin:-18px -20px 0;background:var(--hero)}
.hero h1{font-size:clamp(28px,2.4vw + 18px,40px);margin:0 0 10px;letter-spacing:-.02em}
.hero p{color:var(--muted);font-size:16.5px;margin:0 auto;max-width:640px;padding:0 16px}
.hs{max-width:640px;margin:18px auto 16px}
.hs input{display:block;width:100%;font-family:var(--font);font-size:17px;padding:14px 20px 14px 48px;border-radius:28px;border:1px solid var(--line-2);background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%237b8496' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") no-repeat 18px center;box-sizing:border-box;outline:none;min-height:54px;box-shadow:var(--sh-2)}
.hs input:focus{border-color:var(--brand);box-shadow:var(--ring),var(--sh-2)}
.sr{max-width:780px;margin:0 auto 24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);padding:8px;box-shadow:var(--sh-2)}
.sr[hidden]{display:none}
.sr .sm{font-size:13px;color:var(--muted);margin:6px 10px 8px}
.sr .ri{display:flex;align-items:center;gap:12px;padding:10px 12px;min-height:46px;border-radius:10px;color:inherit;text-decoration:none;border:1px solid transparent}
.sr .ri:hover,.sr .ri.sel{background:var(--brand-soft);border-color:var(--brand-soft-2);text-decoration:none}
.sr .ri .ic{width:1.6em;text-align:center;flex:none;font-size:18px}
.sr .ri .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:550}
.sr .ri .ct{font-size:12px;color:var(--muted);flex:none;background:var(--surface-2);border:1px solid var(--line);padding:2px 8px;border-radius:999px}
.sr mark{background:var(--mark);color:inherit;border-radius:3px}
.hh{font-size:18px;margin:28px 0 12px;font-weight:700}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.tile{display:flex;align-items:center;gap:10px;padding:10px 12px;min-height:56px;border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface);color:inherit;text-decoration:none;box-shadow:var(--sh-1);transition:border-color .15s,box-shadow .15s,transform .15s}
.tile:hover{border-color:var(--brand-soft-2);box-shadow:var(--sh-2);transform:translateY(-1px);text-decoration:none}
.tile .ti{font-size:19px;width:36px;height:36px;flex:none;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border-radius:10px;line-height:1}
.tile .tn{flex:1;min-width:0;font-weight:650;font-size:14px;line-height:1.3}
.tile .tc{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;background:var(--surface-2);padding:1px 7px;border-radius:999px}
.pager{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:16px 0;font-size:14px}
.pager a,.pager b{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;padding:4px 10px;border:1px solid var(--line);border-radius:9px;text-decoration:none;background:var(--surface);font-variant-numeric:tabular-nums}
.pager a:hover{border-color:var(--brand);text-decoration:none}
.pager b{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}.pager .pinfo{color:var(--muted);margin-right:6px}

/* ==== responsive ==== */
@media (max-width:600px){
 body{font-size:15.5px}
 main{padding:12px 14px 28px}
 .hero{margin:-12px -14px 0;padding:30px 0 10px}.hero h1{font-size:26px}
 .panel{padding:16px;border-radius:var(--r-2)}
 .grid{grid-template-columns:1fr;gap:10px}.grid.mini{grid-template-columns:1fr 1fr}
 .tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .tile{gap:8px;padding:8px 10px;min-height:52px}.tile .ti{width:30px;height:30px;font-size:17px;border-radius:8px}.tile .tn{font-size:13.5px}.tile .tc{font-size:11px;padding:1px 5px}
 .sr .ri .ct{display:none}
 button,.btn{min-height:44px}
 textarea{font-size:16px}
 input[type=text],input[type=number],input[type=search],input:not([type]),select{min-height:44px;font-size:16px}
 .pager a,.pager b{min-width:44px;min-height:44px}
 .pager{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;scrollbar-width:thin}
 .pager>*{flex:none}
 .grid>.card:has(>.ic){display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:14px;align-items:start;padding:14px 16px}
 .grid>.card:has(>.ic)>.ic{grid-row:1/span 3;width:42px;height:42px;font-size:22px}
 .grid>.card:has(>.ic)>h2,.grid>.card:has(>.ic)>h3{margin:0 0 2px;font-size:16px}
 main>.ad-slot:first-child+p a{padding:8px 6px}
 #tb td{padding:10px 8px!important}
 footer a{display:inline-block;padding:10px 6px}
}
@media (max-width:380px){.grid.mini{grid-template-columns:1fr}}

/* ==== dark-mode fixes for legacy inline colours (JS-generated markup too) ==== */
@media (prefers-color-scheme:dark){
 [style*="color:#667"],[style*="color:#666"],[style*="color:#555"],[style*="color:#888"],[style*="color:#889"],[style*="color:#777"],[style*="color:#aaa"],[style*="color:#999"],[style*="color:#444"]{color:var(--muted)!important}
 [style*="color:#a15c00"],[style*="color:#b26a00"],[style*="color:#b45309"],[style*="color:#8a6d00"]{color:var(--warn)!important}
 [style*="color:#2e7d32"],[style*="color:#15803d"],[style*="color:#2a9d4b"]{color:var(--ok)!important}
 [style*="color:#c33"],[style*="color:#c00"],[style*="color:#b91c1c"]{color:var(--err)!important}
 [style*="background:#fff"],[style*="background:#f4f6fb"],[style*="background:#fafbff"],[style*="background:#f7f7f7"],[style*="background:#f4f4f6"],[style*="background:#f6f8fc"],[style*="background:#f8fafc"],[style*="background:#f3f4f6"],[style*="background:#eef1ff"],[style*="background:#f6f7fb"],[style*="background:#f7f8fb"],[style*="background:#eee"],[style*="background:#eef"],[style*="background:#f7f7f9"],[style*="background-color:#fff"]{background-color:var(--surface-2)!important;color:inherit}
 [style*="border:1px solid #e3e6ef"],[style*="border:1px solid #ddd"],[style*="border:1px solid #eee"],[style*="border:1px solid #e5e7eb"],[style*="border:1px solid #ccc"]{border-color:var(--line)!important}
 [style*="border-top:1px solid #eef0f5"],[style*="border-top:1px solid #eee"]{border-top-color:var(--line)!important}
 [style*="border-bottom:1px solid #eee"]{border-bottom-color:var(--line)!important}
 [style*="background:#e8f5e9"]{background:#1d3a2a!important}
 [style*="repeating-conic-gradient"]{color:#111}
 img,video,canvas{color-scheme:light}
}

/* ==== motion ==== */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.card:hover,.tile:hover,button:active{transform:none!important}}
@media print{header,footer,.ad-slot,.tnav,.thb{display:none!important}body{background:#fff;color:#000}.panel,.card{box-shadow:none}}