.dbf button,.dbf input,.dbf select{font:inherit;color:inherit;margin:0;box-shadow:none;border-radius:0;text-transform:none;letter-spacing:inherit;min-height:0;height:auto;line-height:inherit;width:auto}
.dbf button{background:none;border:0;padding:0;cursor:pointer}
.dbf button:hover,.dbf button:focus{background-color:transparent}
.dbf table,.dbf th,.dbf td{border:0;background:none;margin:0}
.dbf h1,.dbf h2,.dbf h3,.dbf h4,.dbf p,.dbf dl,.dbf dd,.dbf ul,.dbf figure{margin:0;padding:0}
.dbf a{box-shadow:none}
.dbf img{max-width:none}
.dbf{--ink:#0f1114;--ink2:#50565e;--mute:#8b9097;--faint:#c3c7cb;--line:#e5e5e2;--soft:#f3f3f0;--bg:#fff;
--dark:#0B0B0E;--dline:#232323;--red:#E3262B;--red-h:#c81d22;
--sans:'Inter Tight','Noto Sans TC','PingFang TC','Microsoft JhengHei',system-ui,sans-serif;
--gut:max(16px,3.2vw);color-scheme:light;
--num:'Barlow Condensed','Noto Sans TC',sans-serif;--mono:'JetBrains Mono',ui-monospace,Menlo,'Noto Sans TC',monospace}
.dbf,.dbf *{box-sizing:border-box}
.dbf{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 var(--sans);font-weight:400;-webkit-font-smoothing:antialiased}
.dbf button,.dbf input,.dbf select{font:inherit;color:inherit}
.dbf button{cursor:pointer;background:none;border:0;padding:0}
.dbf :focus-visible{outline:1.5px solid var(--ink);outline-offset:3px}
.dbf .num{font-family:var(--num);font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:.01em}
.dbf .mono{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase}
.dbf .vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.dbf .wrap{max-width:1320px;margin:0 auto;padding-inline:var(--gut)}
.dbf .art{display:block;width:100%;height:100%}
.dbf .art .ao{stroke:var(--as);stroke-linecap:round}
.dbf .art .ai{stroke:var(--af);stroke-linecap:round}
.dbf .art .fl{fill:var(--af);stroke:var(--as);stroke-width:1.1}
.dbf .art .st{fill:none;stroke:var(--as);stroke-width:1}
.dbf .art .ds{fill:none;stroke:var(--ad);stroke-width:1;stroke-dasharray:4 3}
.dbf .art .dk{fill:none;stroke:var(--ad);stroke-width:1;stroke-dasharray:1.5 3}
.dbf .art .bl{stroke:var(--as);stroke-width:3;stroke-linecap:round;opacity:.8}
.dbf .art .hb{fill:var(--af);stroke:var(--as);stroke-width:1.1}
.dbf .art .cl{stroke:var(--ac);stroke-width:.7;stroke-dasharray:12 3 2 3}
.dbf .ph,.dbf .dph,.dbf .chart{--af:#fcfcfb;--as:#23272c;--ad:#a2a7ad;--ac:#dcdddb}
.dbf .hero{background:repeating-linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,0) 3px,rgba(255,255,255,.016) 3px,rgba(255,255,255,.016) 4px),radial-gradient(80% 120% at 0% 100%,rgba(22,24,26,.18),rgba(22,24,26,0) 70%),linear-gradient(180deg,rgba(22,24,26,0),rgba(22,24,26,.22)),#08080A;color:#fff;position:relative;z-index:5;overflow:visible;overflow-x:clip}
.dbf .hgrid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:56px;align-items:center;padding-block:52px 44px}
.dbf .brand{display:flex;align-items:center;gap:16px}
.dbf .brand img{height:48px;width:auto;display:block}
.dbf .brand span{font:500 11.5px/1.5 var(--mono);color:#9a9a9a;letter-spacing:.18em;padding-left:16px;border-left:1px solid #333}
.dbf .brand span b{display:block;font:500 13px/1.5 var(--sans);letter-spacing:.08em;color:#d8d8d8}
.dbf .eyeb{display:flex;align-items:center;gap:10px;margin-top:0;font:500 11.5px var(--mono);letter-spacing:.2em;color:var(--red)}
.dbf .eyeb::before{content:"";width:22px;height:1px;background:var(--red)}
.dbf .eyeb span{color:#7a7a7a;letter-spacing:.12em}
.dbf .hero h1{margin:16px 0 16px;font-size:clamp(28px,2.9vw,42px);line-height:1.14;font-weight:900;letter-spacing:-.01em}
.dbf .bru{position:relative;z-index:0;white-space:nowrap}
.dbf .bru::before{content:"";position:absolute;left:-.12em;right:-1.5em;top:-.02em;bottom:-.14em;z-index:-1;background:var(--dbf-brush) no-repeat left center/100% 100%}
.dbf .hero .lede{margin:0;color:#b5b5b5;max-width:34em;font-size:15.5px;font-weight:300}
.dbf .search{margin-top:30px;display:grid;grid-template-columns:minmax(150px,1.2fr) minmax(138px,1fr) minmax(138px,1fr) auto;background:#fff;color:var(--ink);position:relative}
.dbf .search>*{min-width:0}
.dbf .sf{position:relative;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:11px 18px 10px;border-right:1px solid var(--line);min-height:62px;min-width:0}
.dbf .sf .sfl{font:500 10.5px/1.4 var(--mono);color:var(--mute);letter-spacing:.14em}
.dbf .sf input{border:0;outline:0;background:none;padding:0;margin:0;font-size:15.5px;line-height:1.5;width:100%;color:var(--ink);box-shadow:none;min-height:0;height:auto}
.dbf .sf input::placeholder{color:#a9adb2}
.dbf .sf:focus-within,.dbf .sf.open{background:#f7f7f5}
.dbf .ddb{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;font-size:15.5px;line-height:1.5;color:var(--ink);font-weight:500;white-space:nowrap}
.dbf .ddb b{font-weight:500;overflow:hidden;text-overflow:ellipsis}
.dbf .ddb::after{content:"";flex:none;width:7px;height:7px;border-right:1.5px solid #8b9097;border-bottom:1.5px solid #8b9097;transform:rotate(45deg) translate(-2px,-2px);transition:transform .15s}
.dbf .open>.ddb::after{transform:rotate(-135deg) translate(-2px,-2px)}
.dbf .ddp{position:absolute;z-index:40;left:-1px;top:calc(100% + 8px);min-width:calc(100% + 2px);width:max-content;max-width:min(460px,calc(100vw - 32px));background:#fff;color:var(--ink);border:1px solid #deded9;box-shadow:0 22px 48px rgba(10,10,12,.22);padding:8px 0;max-height:min(420px,60vh);overflow:auto;animation:dbf-ddin .14s ease-out}
.dbf .ddp[hidden]{display:none!important}
@keyframes dbf-ddin{from{opacity:0;transform:translateY(-4px)}}
.dbf .ddp.cols{display:grid;grid-template-columns:1fr 1fr;width:440px}
.dbf .ddp .ddh{grid-column:1/-1;padding:6px 18px 8px;font:500 10.5px var(--mono);letter-spacing:.14em;color:var(--mute)}
.dbf .ddo{display:flex;align-items:baseline;justify-content:space-between;gap:18px;width:100%;padding:10px 18px;font-size:14.5px;text-align:left;color:var(--ink2);position:relative;white-space:nowrap}
.dbf .ddo:hover,.dbf .ddo:focus-visible{background:#f5f5f2;color:var(--ink);outline:0}
.dbf .ddo small{font:500 12px var(--mono);color:var(--mute);margin-left:8px}
.dbf .ddo em{font:500 15px var(--num);font-style:normal;color:#b3b7bc}
.dbf .ddo[aria-selected=true]{color:var(--ink);font-weight:600}
.dbf .ddo[aria-selected=true]::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:var(--red)}
.dbf .ddo[aria-selected=true] em{color:var(--red)}
.dbf .ddo.zero{color:#c3c7cb}
.dbf .sortdd{position:relative}
.dbf .sortdd .ddb{font-size:13px;gap:10px}
.dbf .sortdd .ddb span{color:var(--mute);font-weight:400}
.dbf .sortdd .ddp{left:auto;right:0;min-width:200px}
.dbf .go{background:var(--red);color:#fff;font-weight:700;padding:0 24px;font-size:15px;letter-spacing:.06em}
.dbf .go:hover{background:var(--red-h)}
.dbf .quick{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:18px;font-size:13px;color:#777}
.dbf .quick button{color:#d0d0d0;font-size:13px}
.dbf .quick button:hover{color:#fff;text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:4px}
.dbf .hfig{margin:0;max-width:540px;justify-self:end;width:100%;--af:var(--dark);--as:#e6e6e6;--ad:#3a3a3a;--ac:#1c1c1c}
.dbf .hfig svg{display:block;width:100%;height:auto}
.dbf .hfig .art .bl{stroke:var(--red);opacity:1}
.dbf .hfig .pfg{animation:dbf-pbreath 2.8s ease-in-out infinite}
@keyframes dbf-pbreath{0%,100%{opacity:.35;filter:drop-shadow(0 0 0 rgba(227,38,43,0))}50%{opacity:1;filter:drop-shadow(0 0 7px rgba(255,49,49,.85))}}
@media (prefers-reduced-motion:reduce){.dbf .hfig .pfg{opacity:.9}
}
.dbf .hfig .co{stroke:#4d4d52;stroke-width:2;fill:none}
.dbf .hfig .cd{fill:var(--red);stroke:#0B0B0E;stroke-width:3}
.dbf .hfig .cn{font:700 28px var(--mono);fill:var(--red);letter-spacing:.04em}
.dbf .hfig .ct{font:700 38px var(--sans);fill:#f2f2f2}
.dbf .hfig .cs{font:400 28px var(--sans);fill:#8f8f95}
.dbf .hfig .tg{font:500 22px var(--mono);fill:#5c5c62;letter-spacing:.16em}
.dbf .stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--dline)}
.dbf .stats div{padding:18px 0 24px 22px;border-right:1px solid var(--dline)}
.dbf .stats div:first-child{padding-left:0}
.dbf .stats div:last-child{border-right:0}
.dbf .stats b{display:block;font:600 36px/1 var(--num);letter-spacing:.01em}
.dbf .stats div:first-child b{color:var(--red)}
.dbf .stats small{display:block;margin-top:8px;font-size:12.5px;color:#8a8a8a}
.dbf .stats small i{display:block;font:500 10px/1.6 var(--mono);font-style:normal;letter-spacing:.18em;color:#5a5a5a}
.dbf .shell{display:grid;grid-template-columns:236px minmax(0,1fr);gap:48px;padding-block:44px 150px;align-items:start}
.dbf .side{position:sticky;top:calc(var(--dbf-top,0px) + 20px);max-height:calc(100vh - var(--dbf-top,0px) - 40px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d6d6d2 transparent;padding-right:18px;margin-right:-18px}
.dbf .side::-webkit-scrollbar{width:6px}
.dbf .side::-webkit-scrollbar-thumb{background:#d6d6d2;border-radius:3px}
.dbf .side::-webkit-scrollbar-track{background:transparent}
.dbf .shd,.dbf .sft{display:none}
.dbf .fg{padding:18px 0 16px;border-top:1px solid var(--line)}
.dbf .fg:first-of-type{border-top:1px solid var(--ink)}
.dbf .fgh{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}
.dbf .fgh h3{margin:0;font-size:13px;font-weight:500;flex:1}
.dbf .fgh h3 i{font:500 10px var(--mono);font-style:normal;letter-spacing:.16em;color:var(--faint);margin-left:8px}
.dbf .fgh .fgc,.dbf .fgh .mode button{font-size:12px;color:var(--mute)}
.dbf .fgh .fgc:hover{color:var(--ink)}
.dbf .mode{display:inline-flex;gap:10px}
.dbf .mode button[aria-pressed=true]{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.dbf .opt{position:relative;display:flex;align-items:center;gap:10px;padding:5px 0;font-size:13.5px;cursor:pointer;color:var(--ink2)}
.dbf .opt:hover{color:var(--ink)}
.dbf .opt input{position:absolute;opacity:0;pointer-events:none}
.dbf .opt .bx{flex:none;width:13px;height:13px;border:1px solid #a9aeb4;position:relative;background:#fff}
.dbf .opt input[type=radio]+.bx{border-radius:50%}
.dbf .opt input:checked+.bx{background:var(--ink);border-color:var(--ink)}
.dbf .opt input[type=checkbox]:checked+.bx::after{content:"";position:absolute;left:3.5px;top:1px;width:3.5px;height:7px;border:solid #fff;border-width:0 1.4px 1.4px 0;transform:rotate(45deg)}
.dbf .opt input[type=radio]:checked+.bx::after{content:"";position:absolute;inset:3px;border-radius:50%;background:#fff}
.dbf .opt input:focus-visible+.bx{outline:1.5px solid var(--ink);outline-offset:2px}
.dbf .opt input:checked~span{color:var(--ink);font-weight:500}
.dbf .opt span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dbf .opt em{font:500 14.5px var(--num);font-style:normal;color:var(--faint);min-width:2.2em;text-align:right;padding-right:2px}
.dbf .opt.zero{color:var(--faint)}
.dbf .more-br{margin-top:4px;font-size:12.5px;color:var(--ink2);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--faint)}
.dbf .rh{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 18px;padding-bottom:18px;border-bottom:1px solid var(--ink)}
.dbf .rh h2{margin:0;font-size:14px;font-weight:400;color:var(--ink2)}
.dbf .rh h2 b{font-size:40px;font-weight:600;color:var(--ink);margin-right:8px;line-height:1}
.dbf .tags{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px;flex:1;min-width:0}
.dbf .tags button{color:var(--ink);border-bottom:1px solid var(--faint);line-height:1.4}
.dbf .tags button::after{content:"  ×";color:var(--mute);white-space:pre}
.dbf .tags button:hover{border-color:var(--ink)}
.dbf .rtools{display:flex;align-items:center;gap:22px;font-size:13px;color:var(--mute);margin-left:auto}
.dbf .vw{display:inline-flex;gap:14px}
.dbf .vw button{font-size:13px;color:var(--mute)}
.dbf .vw button[aria-pressed=true]{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.dbf .fopen{display:none;font-size:13px;color:var(--ink);border:1px solid var(--ink);padding:6px 14px}
.dbf .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px}
.dbf .card{cursor:pointer;padding:26px 0 24px;border-bottom:1px solid var(--line)}
.dbf .ph{position:relative;aspect-ratio:16/10;background:var(--soft);overflow:hidden}
.dbf .ph .pimg,.dbf .dph .pimg,.dbf .chart .pimg,.dbf .tb .pimg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:7% 9% 11%;mix-blend-mode:multiply;box-sizing:border-box}
.dbf .chart,.dbf .tb{position:relative}
.dbf .ph:has(.pimg) .art,.dbf .dph:has(.pimg) .art,.dbf .chart:has(.pimg) .art,.dbf .tb:has(.pimg) .art,.dbf .mpfig:has(.pimg) [data-art]{visibility:hidden}
.dbf .dmeta .colink{color:var(--red);text-decoration:none;border-bottom:1px solid currentColor;font-weight:500}
.dbf .dmeta .colink:hover{color:var(--ink)}
.dbf .ph .art{padding:6% 8% 10%;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.dbf .card:hover .ph .art{transform:scale(1.035)}
.dbf .kd{position:absolute;left:12px;bottom:9px;font:500 10px/1.4 var(--mono);color:var(--mute);letter-spacing:.1em}
.dbf .nrt{position:absolute;left:12px;top:11px;font-size:11px;font-weight:500;color:var(--ink);letter-spacing:.04em;background:#fff;padding:1px 7px;border:1px solid var(--line)}
.dbf .cmp{position:absolute;right:10px;top:9px;display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--ink2);padding:3px 4px;cursor:pointer}
.dbf .cmp input{position:absolute;opacity:0;pointer-events:none}
.dbf .cmp i{width:12px;height:12px;border:1px solid #a9aeb4;background:#fff;position:relative}
.dbf .cmp input:checked+i{background:var(--red);border-color:var(--red)}
.dbf .cmp input:checked+i::after{content:"";position:absolute;left:3px;top:.5px;width:3.5px;height:7px;border:solid #fff;border-width:0 1.4px 1.4px 0;transform:rotate(45deg)}
.dbf .cmp input:disabled+i{opacity:.4}
.dbf .cmp input:focus-visible+i{outline:1.5px solid var(--ink);outline-offset:2px}
.dbf .card .cmp{opacity:.0;transition:opacity .15s}
.dbf .card:hover .cmp,.dbf .card.sel .cmp,.dbf .cmp:focus-within{opacity:1}
.dbf .cb{padding-top:14px}
.dbf .cbr{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--mute)}
.dbf .cbr span:first-child{font:500 11px/1.6 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.dbf .cbr span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink2)}
.dbf .cbr span:last-child{white-space:nowrap}
.dbf .card h3{margin:2px 0 12px;font:600 23px/1.2 var(--num);letter-spacing:.01em}
.dbf .ks{display:grid;grid-template-columns:1fr 1fr 1.25fr;margin:0;border-top:1px solid var(--line)}
.dbf .ks div{padding:9px 10px 0 0}
.dbf .ks dt{font:500 10px/1.6 var(--mono);letter-spacing:.12em;color:var(--mute)}
.dbf .ks dd{margin:1px 0 0;font-size:13.5px;line-height:1.4}
.dbf .ks dd .v{font:600 17px/1.2 var(--num)}
.dbf .ks dd small{display:block;font-size:11.5px;color:var(--mute)}
.dbf .cf{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:14px}
.dbf .fitl{font-size:12.5px;color:var(--mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dbf .fitl b{color:var(--ink);font-weight:500}
.dbf .price{font:600 19px/1 var(--num);white-space:nowrap;letter-spacing:.01em}
.dbf .price small{font:500 11px var(--mono);color:var(--mute);margin-right:3px;letter-spacing:.06em}
.dbf .price.q{font:400 14px var(--sans);color:var(--mute)}
.dbf .card.sel h3::after{content:"";display:inline-block;width:6px;height:6px;background:var(--red);margin-left:10px;vertical-align:middle;transform:translateY(-2px)}
.dbf table.cat{width:100%;border-collapse:collapse}
.dbf .cat th{font-size:11.5px;font-weight:400;color:var(--mute);text-align:left;padding:14px 12px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
.dbf .cat th.r,.dbf .cat td.r{text-align:right}
.dbf .cat th button{color:inherit;font:inherit}
.dbf .cat th button[aria-sort]{color:var(--ink)}
.dbf .cat th button[aria-sort=ascending]::after{content:" ↑"}
.dbf .cat th button[aria-sort=descending]::after{content:" ↓"}
.dbf .cat td{padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:middle;font-size:13.5px}
.dbf .cat tbody tr{cursor:pointer}
.dbf .cat tbody tr:hover td{background:#fafaf8}
.dbf .cat td.ck{width:30px;padding-right:0}
.dbf .cat td.th{width:92px;padding-left:0}
.dbf .cat .tb{width:84px;aspect-ratio:16/10;background:var(--soft);--af:#fcfcfb;--as:#23272c;--ad:#a2a7ad;--ac:#dcdddb}
.dbf .cat .tb .art{padding:6px 8px}
.dbf .ck input{width:14px;height:14px;margin:0;accent-color:var(--red);cursor:pointer;vertical-align:middle}
.dbf .m-brand{font:500 10.5px/1.6 var(--mono);letter-spacing:.08em;color:var(--mute)}
.dbf .m-name{font:600 19px/1.25 var(--num)}
.dbf .sub{display:block;font-size:11.5px;color:var(--mute)}
.dbf .empty{padding:70px 0;color:var(--ink2);text-align:center;grid-column:1/-1}
.dbf .empty button{color:var(--ink);border-bottom:1px solid var(--ink);margin-left:8px}
.dbf .disc{margin-top:26px;padding-top:18px;border-top:1px solid var(--line);max-width:92ch}
.dbf .disc h3{margin:0 0 10px;font:500 10.5px/1.6 var(--mono);letter-spacing:.16em;color:var(--mute)}
.dbf .disc h3 b{font:500 12.5px var(--sans);letter-spacing:.04em;color:var(--ink2);margin-left:10px}
.dbf .disc p{margin:0 0 8px;font-size:12.5px;line-height:1.9;color:var(--mute)}
.dbf .disc a{color:var(--ink2);text-decoration:underline;text-underline-offset:3px}
.dbf .src .dsc{display:block;margin-top:4px}
.dbf .src .dsc a{color:var(--mute)}
.dbf .note{margin-top:36px;font-size:12px;color:var(--mute);line-height:1.9;max-width:92ch}
.dbf .scrim{position:fixed;inset:0;z-index:100000;background:rgba(13,15,18,.4)}
.dbf .drawer{position:fixed;top:0;right:0;bottom:0;z-index:100001;width:min(640px,100%);background:#fff;overflow-y:auto;animation:dbf-din .28s cubic-bezier(.2,.7,.2,1)}
@keyframes dbf-din{from{transform:translateX(32px);opacity:0}}
.dbf .dhd{position:sticky;top:0;z-index:2;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:14px 32px;border-bottom:1px solid var(--line);font-size:12.5px;color:var(--mute)}
.dbf .dhd .x{font-size:13px;color:var(--ink2)}
.dbf .dhd .x:hover{color:var(--ink)}
.dbf .dph{position:relative;aspect-ratio:16/8;background:var(--soft)}
.dbf .dph .art{padding:5% 16% 8%}
.dbf .dph .kd{left:32px;bottom:12px}
.dbf .dbody{padding:28px 32px 56px}
.dbf .dbrand{font:500 11.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.dbf .dbody h2{margin:4px 0 8px;font:600 40px/1.1 var(--num);letter-spacing:.01em}
.dbf .dmeta{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:13px;color:var(--ink2)}
.dbf .dprice{margin-top:22px;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.dbf .dprice b{font:600 30px/1 var(--num)}
.dbf .dprice span{font-size:12.5px;color:var(--mute)}
.dbf .dact{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}
.dbf .dbtn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 22px;border:1px solid var(--ink);border-radius:0;background:#fff;color:var(--ink);font:500 14px/1 var(--sans);letter-spacing:.04em;text-decoration:none;box-shadow:none;text-shadow:none;cursor:pointer;transition:background .15s,color .15s}
.dbf .dbtn:hover,.dbf .dbtn:focus-visible{background:var(--red);border-color:var(--red);color:#fff;text-decoration:none}
.dbf a.dbtn::after{content:"→";font-family:var(--mono);font-size:13px;transition:transform .15s}
.dbf a.dbtn:hover::after{transform:translateX(3px)}
.dbf .dbtn.pri{background:var(--ink);color:#fff}
.dbf .dbtn.pri:hover{background:var(--red);border-color:var(--red);color:#fff}
.dbf .dbtn.pri::after{content:none}
.dbf .dbtn.on{background:#fff;color:var(--ink)}
.dbf .dbtn.on::before{content:"";display:inline-block;width:6px;height:6px;background:var(--red);margin-right:9px;vertical-align:middle;transform:translateY(-1px)}
.dbf .lead{margin:28px 0 0;font-size:15px;line-height:1.95;color:var(--ink2);font-weight:300}
.dbf .kv4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:30px;border-top:1px solid var(--ink)}
.dbf .kv4 div{padding:14px 12px 0 0}
.dbf .kv4 small{display:block;font:500 10px/1.6 var(--mono);letter-spacing:.12em;color:var(--mute)}
.dbf .kv4 b{display:block;font:600 28px/1.1 var(--num);margin-top:2px;white-space:nowrap}
.dbf .kv4 i{display:block;font-style:normal;font-size:11.5px;color:var(--mute);margin-top:1px}
.dbf .sec{margin-top:40px}
.dbf .sec h3{margin:0 0 14px;font-size:12.5px;font-weight:500;color:var(--ink);letter-spacing:.06em;padding-bottom:10px;border-bottom:1px solid var(--line)}
.dbf .law{position:relative;height:48px;margin:6px 0 8px}
.dbf .law .track{position:absolute;left:0;right:0;top:20px;height:1px;background:var(--faint)}
.dbf .law .tk{position:absolute;top:14px;width:1px;height:13px;background:var(--ink2)}
.dbf .law .tl{position:absolute;top:32px;transform:translateX(-50%);font:500 10.5px var(--mono);color:var(--mute);white-space:nowrap}
.dbf .law .mk{position:absolute;top:16px;width:9px;height:9px;margin-left:-4.5px;background:var(--red)}
.dbf .law .zn{position:absolute;top:-4px;font-size:11px;color:var(--mute);transform:translateX(-50%);white-space:nowrap}
.dbf .law .zn.on{color:var(--ink);font-weight:500}
.dbf .lawtx{font-size:14px;color:var(--ink2);line-height:1.8}
.dbf .fits{display:grid;gap:9px}
.dbf .fits div{display:grid;grid-template-columns:84px minmax(0,1fr) 26px;align-items:center;gap:14px;font-size:13.5px;color:var(--ink2)}
.dbf .fits .ln{height:1px;background:var(--line);position:relative}
.dbf .fits .ln i{position:absolute;left:0;top:-.5px;height:2px;background:var(--ink)}
.dbf .fits .on{color:var(--ink);font-weight:500}
.dbf .fits .on .ln i{background:var(--red)}
.dbf .fits b{font-weight:400;text-align:right}
.dbf .pc2{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.dbf .pc2 h4{margin:0 0 10px;font-size:12px;font-weight:500;letter-spacing:.06em}
.dbf .pc2 ul{margin:0;padding:0;list-style:none;display:grid;gap:8px;font-size:14px;color:var(--ink2);line-height:1.65}
.dbf .pc2 li{padding-left:16px;position:relative}
.dbf .pc2 li::before{content:"";position:absolute;left:0;top:.8em;width:7px;height:1px;background:var(--ink2)}
.dbf .spec{width:100%;border-collapse:collapse;font-size:14px}
.dbf .spec th{width:28%;text-align:left;font-weight:400;color:var(--mute);padding:10px 12px 10px 0;border-bottom:1px solid var(--line);vertical-align:top;font-size:13px}
.dbf .spec td{padding:10px 0;border-bottom:1px solid var(--line);line-height:1.6}
.dbf .src{margin-top:18px;font-size:12px;color:var(--mute)}
.dbf .src a{color:var(--ink2)}
.dbf .tray{position:fixed;left:0;right:0;bottom:0;z-index:9990;background:var(--dark);color:#fff;transform:translateY(105%);transition:transform .25s cubic-bezier(.2,.7,.2,1);padding-bottom:env(safe-area-inset-bottom,0px)}
.dbf .tray.on{transform:none}
.dbf .tray .wrap{display:flex;align-items:center;gap:18px;min-height:66px;padding-block:10px}
.dbf .tray .lbl{font:500 11px var(--mono);letter-spacing:.14em;color:#7f868e;white-space:nowrap}
.dbf .tray .lbl b{color:#fff;font-weight:500}
.dbf .tray .its{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex:1;min-width:0;border-left:1px solid var(--dline)}
.dbf .tray .slot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 16px;border-right:1px solid var(--dline);font-size:13.5px;min-width:0}
.dbf .tray .slot span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dbf .tray .slot.e{color:#4f565e;font-size:12.5px}
.dbf .tray .slot button{color:#7f868e;font-size:15px;line-height:1}
.dbf .tray .slot button:hover{color:#fff}
.dbf .tray .clr{font-size:12.5px;color:#7f868e}
.dbf .tray .clr:hover{color:#fff}
.dbf .tray .go2{background:var(--red);color:#fff;font-size:13.5px;font-weight:500;padding:10px 22px;white-space:nowrap}
.dbf .tray .go2:disabled{background:#2a2e34;color:#7f868e;cursor:not-allowed}
.dbf .cmpv{position:fixed;inset:0;z-index:100002;background:#fff;overflow:auto;animation:dbf-fin .2s ease-out}
@keyframes dbf-fin{from{opacity:0}}
.dbf .cmph{position:sticky;top:0;left:0;z-index:4;background:#fff;border-bottom:1px solid var(--line)}
.dbf .cmph .wrap{display:flex;align-items:center;gap:22px;min-height:60px}
.dbf .cmph h2{margin:0;font-size:15px;font-weight:500}
.dbf .cmph .dif{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--ink2);cursor:pointer}
.dbf .cmph .dif input{accent-color:var(--ink);width:14px;height:14px;margin:0}
.dbf .cmph .x{margin-left:auto;font-size:13px;color:var(--ink);border:1px solid var(--ink);padding:6px 16px}
.dbf .cmpt-wrap{max-width:1320px;margin:0 auto;padding:0 var(--gut) 90px}
.dbf table.cmpt{border-collapse:separate;border-spacing:0;width:100%;table-layout:fixed;min-width:720px}
.dbf .cmpt col.lab{width:150px}
.dbf .cmpt th,.dbf .cmpt td{text-align:left;vertical-align:top;padding:13px 20px 13px 0;border-bottom:1px solid var(--line);font-size:14px}
.dbf .cmpt thead th{position:sticky;top:61px;z-index:2;background:#fff;border-bottom:1px solid var(--ink);padding-top:22px;padding-bottom:18px;font-weight:400}
.dbf .cmpt tbody th{position:sticky;left:0;z-index:1;background:#fff;font-weight:400;color:var(--mute);font-size:12.5px}
.dbf .cmpt thead th:first-child{left:0;z-index:3}
.dbf .chart{aspect-ratio:16/9;background:var(--soft);margin-bottom:14px;max-width:240px}
.dbf .chart .art{padding:6% 10%}
.dbf .ch-b{font:500 10.5px/1.6 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.dbf .ch-n{font:600 24px/1.2 var(--num);margin-top:1px}
.dbf .ch-p{font:600 17px var(--num);margin-top:6px}
.dbf .ch-p.q{color:var(--mute)}
.dbf .ch-x{display:inline-block;margin-top:8px;font-size:12px;color:var(--mute)}
.dbf .ch-x:hover{color:var(--ink)}
.dbf .ch-add .chart{display:flex;align-items:center;justify-content:center;background:none;border:1px dashed var(--faint);color:var(--mute);font-size:12.5px}
.dbf .ch-add select{width:100%;border:0;border-bottom:1px solid var(--ink);padding:6px 0;font-size:13.5px;background:#fff;cursor:pointer}
.dbf .cmpt tr.grp th{position:static;padding:36px 0 10px;border-bottom:1px solid var(--ink);color:var(--ink);font-size:12px;font-weight:500;letter-spacing:.06em}
.dbf .cmpt .val.num{font-size:17px}
.dbf .cmpt td.best .val{font-weight:700}
.dbf .cmpt td .tag{display:inline-block;margin-left:10px;font:500 10.5px var(--mono);color:var(--red);letter-spacing:.08em}
.dbf .cmpt .gauge{height:1px;background:var(--line);margin-top:10px;max-width:200px;position:relative}
.dbf .cmpt .gauge i{position:absolute;left:0;top:-.5px;height:2px;background:var(--ink2)}
.dbf .cmpt td.best .gauge i{background:var(--red)}
.dbf .cmpt tr.same td{color:var(--mute)}
.dbf .cmpt td.tx{line-height:1.75;color:var(--ink2)}
.dbf .cmpt td.tx ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.dbf .cmpt .useb{display:flex;justify-content:space-between;max-width:200px;line-height:1.85}
.dbf .cmpt .useb b{font-weight:400;color:var(--mute)}
.dbf a.card{color:inherit;text-decoration:none}
.dbf a.card:not(.x){display:block}
.dbf .crumb{font:500 11.5px/1.6 var(--mono);letter-spacing:.06em;color:#6f6f6f;padding-top:26px}
.dbf .crumb a{color:#a9a9a9;text-decoration:none}
.dbf .crumb a:hover{color:#fff}
.dbf .crumb i{font-style:normal;margin:0 9px;color:#444}
.dbf .mph .wrap{padding-bottom:30px}
.dbf .mph .eyeb{margin-top:26px}
.dbf .mph h1{margin:12px 0 10px;font-size:clamp(26px,3.2vw,42px);line-height:1.18;font-weight:900;letter-spacing:-.01em}
.dbf .mph h1 small{display:block;font-size:.5em;font-weight:500;color:#a9a9a9;margin-top:8px;letter-spacing:0}
.dbf .mph .sub{margin:0;color:#b5b5b5;font-size:15px;max-width:46em;line-height:1.8;font-weight:300}
.dbf .mpfacts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--dline);margin-top:28px}
.dbf .mpfacts div{padding:14px 12px 2px 18px;border-right:1px solid var(--dline);min-width:0}
.dbf .mpfacts div:first-child{padding-left:0}
.dbf .mpfacts div:last-child{border-right:0}
.dbf .mpfacts small{display:block;font:500 10px/1.6 var(--mono);letter-spacing:.14em;color:#6f6f6f}
.dbf .mpfacts b{display:block;font:600 26px/1.2 var(--num);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dbf .mpfacts em{display:block;font-style:normal;font-size:12px;color:#8a8a8a}
.dbf .mpbody{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;padding-block:40px 30px;align-items:start}
.dbf .mpfig{position:relative;aspect-ratio:16/10;background:var(--soft);--af:#fcfcfb;--as:#23272c;--ad:#a2a7ad;--ac:#dcdddb}
.dbf .mpfig .art{padding:6% 10% 10%}
.dbf .mpfig .pimg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:7% 9% 11%;mix-blend-mode:multiply;box-sizing:border-box}
.dbf .mpfig .kd{position:absolute;left:14px;bottom:10px}
.dbf .mpact{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.dbf .mpside .dprice{margin-top:0}
.dbf .mpside .sec:first-of-type{margin-top:28px}
.dbf .fits a{color:inherit;text-decoration:none}
.dbf .fits a:hover span:first-child{text-decoration:underline;text-underline-offset:3px}
.dbf .mpmore{padding-block:10px 90px}
.dbf .mpmore h2{margin:0 0 4px;font-size:20px;font-weight:700}
.dbf .mpmore .note{margin-top:8px}
.dbf .mpmore .note a,.dbf .src a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.dbf .cats{margin-top:40px;padding-top:22px;border-top:1px solid var(--line)}
.dbf .cats h3{margin:0 0 12px;font:500 11px var(--mono);letter-spacing:.16em;color:var(--mute)}
.dbf .cats nav{display:flex;flex-wrap:wrap;gap:10px 24px;font-size:14px}
.dbf .cats a{color:var(--ink2);text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:1px}
.dbf .cats a:hover,.dbf .cats a[aria-current]{color:var(--ink);border-color:var(--ink)}
.dbf .cats a em{font:500 13px var(--num);font-style:normal;color:var(--faint);margin-left:5px}
.dbf .mpcta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.dbf .mpcta a{text-decoration:none}
.dbf .mpcta .dbtn{background:transparent;border-color:#fff;color:#fff}
.dbf .mpcta .dbtn:hover{background:#fff;color:var(--ink)}
.dbf .mpcta .dbtn.pri{background:var(--red);border-color:var(--red);color:#fff}
.dbf .mpcta .dbtn.pri:hover{background:var(--red-h);border-color:var(--red-h);color:#fff}
.dbf .mpcta a.dbtn.pri::after{content:"→"}
@media (max-width:1000px){.dbf .mpbody{grid-template-columns:1fr;gap:28px}
.dbf .mpfacts{grid-template-columns:repeat(3,minmax(0,1fr))}
.dbf .mpfacts div:nth-child(3){border-right:0}
.dbf .mpfacts div:nth-child(n+4){display:none}
}
@media (max-width:700px){.dbf .mpfacts b{font-size:21px}
.dbf .mpfacts div{padding-left:12px}
}
@media (max-width:1180px){.dbf .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1100px){.dbf .hgrid{grid-template-columns:1fr;padding-block:32px 26px}
.dbf .hfig{display:none}
}
@media (max-width:1000px){.dbf .stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.dbf .stats div:nth-child(n+4){display:none}
.dbf .stats div:nth-child(3){border-right:0}
.dbf .shell{grid-template-columns:1fr;gap:0;padding-top:24px}
.dbf .fopen{display:inline-block}
.dbf .side{margin:0;position:fixed;inset:0;z-index:100003;max-height:none;background:#fff;padding:0 20px 90px;transform:translateX(-100%);transition:transform .25s cubic-bezier(.2,.7,.2,1);visibility:hidden}
.dbf .side.open{transform:none;visibility:visible}
.dbf .shd{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:#fff;z-index:2;padding:16px 0;border-bottom:1px solid var(--ink);font-size:15px;font-weight:500}
.dbf .shd button{font-size:13px;font-weight:400;color:var(--ink2)}
.dbf .side .fg:first-of-type{border-top:0}
.dbf .sft{display:flex;position:fixed;z-index:3;left:0;right:0;bottom:0;gap:10px;padding:12px 20px calc(12px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid var(--line)}
.dbf .sft button{flex:1;padding:12px;font-size:14px;border:1px solid var(--ink)}
.dbf .sft button:last-child{background:var(--ink);color:#fff}
.dbf .opt{padding:8px 0;font-size:14.5px}
}
@media (max-width:700px){.dbf .search{grid-template-columns:1fr 1fr}
.dbf .search .sf:first-child{grid-column:1/-1;border-right:0;border-bottom:1px solid var(--line)}
.dbf .search .sf:nth-child(3){border-right:0}
.dbf .search .sf{padding:12px 18px 11px;min-height:64px}
.dbf .sf .ddp,.dbf .ddp.cols{position:fixed;left:16px!important;right:16px;top:auto!important;bottom:16px;width:auto;min-width:0;max-width:none;max-height:70vh}
.dbf .ddp.cols{display:block}
.dbf .sf .ddp,.dbf .sortdd .ddp{z-index:100004;box-shadow:0 -12px 40px rgba(10,10,12,.35)}
.dbf .sortdd .ddp{position:fixed;left:16px;right:16px;bottom:16px;top:auto;min-width:0;width:auto}
.dbf .search .go{grid-column:1/-1;height:50px}
.dbf .stats b{font-size:26px}
.dbf .stats div{padding:16px 0 22px 14px}
.dbf .rh{gap:10px 12px}
.dbf .rh h2 b{font-size:24px}
.dbf .rtools{width:100%;margin-left:0;gap:16px}
.dbf .rtools .sp{flex:1}
.dbf .vw{display:none}
.dbf .grid{grid-template-columns:1fr}
.dbf .card{display:grid;grid-template-columns:118px minmax(0,1fr);gap:14px;padding:18px 0}
.dbf .ph{aspect-ratio:1/1}
.dbf .ph .art{padding:12% 6% 18%}
.dbf .card .cmp{opacity:1;top:auto;bottom:4px;right:auto;left:4px;background:rgba(255,255,255,.85)}
.dbf .kd,.dbf .nrt{display:none}
.dbf .cb{padding-top:0}
.dbf .card h3{font-size:16px;margin-bottom:8px}
.dbf .ks{grid-template-columns:1fr 1fr 1.2fr}
.dbf .ks dd{font-size:12.5px}
.dbf .cf{margin-top:10px}
.dbf .card.nrc .cbr span:last-child{color:var(--ink)}
.dbf .kv4{grid-template-columns:repeat(2,minmax(0,1fr))}
.dbf .kv4 div{padding-bottom:10px}
.dbf .pc2{grid-template-columns:1fr}
.dbf .dbody,.dbf .dhd{padding-inline:20px}
.dbf .dbody h2{font-size:26px}
.dbf .dph .kd{display:block;left:20px}
.dbf .tray .wrap{gap:12px;flex-wrap:wrap}
.dbf .tray .its{display:none}
.dbf .tray .lbl{flex:1}
.dbf .cmpt col.lab{width:88px}
.dbf .chart{display:none}
}
@media (prefers-reduced-motion:reduce){.dbf,.dbf *{transition:none!important;animation:none!important}
}
.dbf .cmp-hint{display:none}
@media (max-width:640px){.dbf .cmph .wrap{gap:12px;min-height:56px}
.dbf .cmph h2{font-size:15px;font-weight:700}
.dbf .cmph .dif{font-size:12.5px}
.dbf .cmph .x{padding:6px 12px}
.dbf .cmpt-wrap{padding:0 16px 96px;width:max-content;min-width:100%;box-sizing:border-box}
.dbf .cmp-hint{display:block;position:sticky;left:16px;width:calc(100vw - 32px);margin:10px 0 0;font:500 11px var(--mono);letter-spacing:.06em;color:var(--mute)}
.dbf table.cmpt{display:block;min-width:0;width:max(calc(100vw - 32px),calc(var(--n) * 44vw))}
.dbf .cmpt colgroup,.dbf .cmpt thead th:first-child,.dbf .cmpt .padc,.dbf .cmpt th.ch-add{display:none}
.dbf .cmpt thead,.dbf .cmpt tbody{display:block}
.dbf .cmpt thead{position:sticky;top:57px;z-index:3;background:#fff;border-bottom:1px solid var(--ink)}
.dbf .cmpt tr{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));column-gap:16px}
.dbf .cmpt thead th{position:static;border:0;padding:14px 0 12px}
.dbf .cmpt .ch-b{font-size:10px;letter-spacing:.12em}
.dbf .cmpt .ch-n{font-size:18px;line-height:1.15;margin-top:4px}
.dbf .cmpt .ch-p{font-size:14px;margin-top:6px}
.dbf .cmpt .ch-x{margin-top:6px;font-size:12px}
.dbf .cmpt tbody th{grid-column:1/-1;position:sticky;left:16px;width:calc(100vw - 32px);padding:16px 0 6px;border:0;background:transparent;font-size:11.5px;letter-spacing:.04em;color:var(--mute)}
.dbf .cmpt tbody tr:not(.grp){border-bottom:1px solid var(--line)}
.dbf .cmpt tbody td{padding:0 0 16px;border:0;font-size:14px;min-width:0;overflow-wrap:anywhere}
.dbf .cmpt tr.grp{display:block}
.dbf .cmpt tr.grp th{display:block;position:sticky;left:16px;width:calc(100vw - 32px);padding:30px 0 10px;border-bottom:1px solid var(--ink);font-size:12px;color:var(--ink)}
.dbf .cmpt .val.num{font-size:19px}
.dbf .cmpt td .tag{display:block;margin:4px 0 0}
.dbf .cmpt .gauge{max-width:none;margin-top:8px}
.dbf .cmpt .useb{max-width:none;font-size:13px}
.dbf .cmpt td.tx{font-size:13px;line-height:1.7}
.dbf .cmpv .note{position:sticky;left:16px;width:calc(100vw - 32px)}
}
.dbf .more-w{display:flex;flex-direction:column;align-items:center;gap:10px;padding:34px 0 10px}
.dbf .more-b{display:inline-flex;align-items:center;gap:14px;height:52px;padding:0 26px;border:1px solid var(--ink)!important;background:#fff;font-size:14.5px;font-weight:500;color:var(--ink);transition:background .2s,color .2s,border-color .2s}
.dbf .more-b span{font-size:12.5px;color:var(--mute);font-weight:400;transition:color .2s}
.dbf .more-b b{font-weight:600;color:var(--ink);transition:color .2s}
.dbf .more-b:hover{background:var(--red)!important;border-color:var(--red)!important;color:#fff}
.dbf .more-b:hover span,.dbf .more-b:hover b{color:#fff}
.dbf .more-p{margin:0;font:500 11px var(--mono);letter-spacing:.06em;color:var(--mute)}
@media (max-width:640px){.dbf .more-b{width:100%;justify-content:center}
}
@media (max-width:700px){.dbf a.card:not(.x){display:grid}
}