/* 摩托車實價網 — Apple 白+青綠 accent */
:root{--bg:#fff;--card:#fff;--card2:#f5f5f7;--line:#ececf0;--ink:#1d1d1f;--ink2:#6e6e73;--ink3:#a1a1a6;--acc:#0d9488;--red:#dc2626;--green:#16a34a}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 -apple-system,"PingFang TC","Noto Sans TC",sans-serif}
a{color:inherit;text-decoration:none}img{max-width:100%}
.wrap{max-width:840px;margin:0 auto;padding:0 20px}
.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.85);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;gap:16px;height:60px}
.logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:17px}
.logo small{font-weight:500;color:var(--ink3);font-size:11.5px;margin-left:2px}
.logomark{width:27px;height:27px;border-radius:7.5px;background:var(--acc);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:15px}
.nav .link{font-size:14px;color:var(--ink2)}.nav .link:hover{color:var(--ink)}
main{padding:22px 0 40px}
h1{font-size:26px;letter-spacing:-.02em;margin:10px 0 4px}
.sub{color:var(--ink2);font-size:14px;margin-bottom:16px}
.crumb{font-size:12.5px;color:var(--ink3);margin:14px 0 2px}.crumb a{color:var(--ink3)}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px 20px;margin:14px 0}
.card h2{font-size:16.5px;margin:0 0 12px;display:flex;align-items:center;gap:8px}
.dot{width:8px;height:8px;border-radius:50%;background:var(--acc);flex:0 0 auto}
main :not(h1):not(h2):not(h3){font-size:14px}
.statgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:14px 0}
.statgrid>div{background:#fff;padding:14px 8px;text-align:center}
.statgrid span{display:block;font-size:12px;color:var(--ink3)}
.statgrid b{font-size:20px;letter-spacing:-.01em}
.brank{display:flex;flex-direction:column;gap:7px}
.bri{display:flex;align-items:center;gap:10px;font-size:13.5px}
.bri span{flex:0 0 170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bri i{flex:1;height:9px;background:#f0f0f3;border-radius:99px;overflow:hidden;font-style:normal}
.bri u{display:block;height:100%;background:var(--acc);border-radius:99px;transform-origin:left;animation:grow .8s cubic-bezier(.22,.9,.3,1) both}
@keyframes grow{from{transform:scaleX(0)}}
.bri b{flex:0 0 auto;color:var(--ink2);font-weight:700;font-size:12.5px}
.kv{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}
.kv:last-child{border-bottom:0}.kv b{font-weight:700}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:13px;color:var(--ink2);background:#fff}
.chip:hover{border-color:var(--acc);color:var(--acc)}
.faq summary{cursor:pointer;font-weight:600;font-size:14px;padding:9px 0}
.faq p{color:var(--ink2);margin:4px 0 10px}
.note{font-size:12.5px;color:var(--ink3);line-height:1.7}
.disc{font-size:12px;color:var(--ink3);margin:18px 0;line-height:1.7}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:640px){.grid2{grid-template-columns:1fr}.statgrid{grid-template-columns:repeat(3,1fr)}}
.mcard{display:block;border:1px solid var(--line);border-radius:14px;padding:13px 15px;background:#fff}
.mcard:hover{border-color:var(--acc)}
.mcard b{font-size:14.5px}.mcard .mp{color:var(--acc);font-weight:800;font-size:16px}
.mcard .mi{font-size:12px;color:var(--ink3)}
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media(max-width:640px){.cards{grid-template-columns:1fr}}
footer{border-top:1px solid var(--line);margin-top:30px;padding:26px 0;color:var(--ink3);font-size:12.5px}
footer .cols{display:flex;flex-wrap:wrap;gap:26px;margin:10px 0}
footer b{color:var(--ink2);display:block;margin-bottom:6px}
footer a{display:block;color:var(--ink3);padding:2px 0}
table.pt{width:100%;border-collapse:collapse;font-size:13.5px}
table.pt th,table.pt td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left}
table.pt thead th{background:var(--card2);font-weight:700}