:root{--black:#0a0a0a;--white:#f8f8f6;--gray:#ecece8;--orange:#ff6b00;--text:#151515;--muted:#686868}
*{box-sizing:border-box;margin:0;padding:0}
html{color-scheme:light;scroll-behavior:smooth}
body{font-family:'Noto Sans TC',system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--white);color:var(--text);line-height:1.75}
a{color:inherit}
#nav,body>nav{position:fixed;top:0;inset-inline:0;z-index:100;background:#fff;border-bottom:1px solid rgba(0,0,0,.08);padding:18px 60px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{display:inline-flex;align-items:center;line-height:0}.logo img{height:30px;display:block}
.nav-links{display:flex;gap:32px;list-style:none}.nav-links>li{position:relative}.nav-links a{text-decoration:none;font-size:.88rem;letter-spacing:3px;text-transform:uppercase;color:#111;transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--orange)}
.has-submenu>a{display:inline-flex;align-items:center;gap:7px}.has-submenu>a::after{content:"";width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.58}.nav-submenu{position:absolute;top:calc(100% + 18px);left:50%;transform:translateX(-50%) translateY(8px);width:320px;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 18px 48px rgba(0,0,0,.12);padding:10px 0;list-style:none;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,transform .18s,visibility .18s}.nav-submenu::before{content:"";position:absolute;left:0;right:0;top:-20px;height:20px}.has-submenu:hover .nav-submenu,.has-submenu:focus-within .nav-submenu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}.nav-submenu a{display:block;padding:12px 18px;font-size:.82rem;letter-spacing:1.5px;line-height:1.45;text-transform:none;color:#222}.nav-submenu a:hover,.nav-submenu a.active{background:#f5f5f1;color:var(--orange)}
.nav-ham{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none}.nav-ham span{width:22px;height:2px;background:#111;display:block}
@media(max-width:768px){#nav,body>nav{padding:14px 20px}.nav-links{display:none;position:fixed;top:56px;left:0;right:0;background:#fff;flex-direction:column;padding:8px 0 16px;gap:0;border-bottom:1px solid rgba(0,0,0,.08);box-shadow:0 4px 12px rgba(0,0,0,.06);max-height:calc(100vh - 56px);overflow:auto}.nav-links.open{display:flex}.nav-links li{border-bottom:1px solid rgba(0,0,0,.05)}.nav-links a{display:block;padding:16px 24px;font-size:1rem;letter-spacing:2px}.has-submenu>a{display:flex;justify-content:space-between}.nav-submenu{position:static;width:auto;transform:none;opacity:1;visibility:visible;pointer-events:auto;box-shadow:none;border:0;border-top:1px solid rgba(0,0,0,.05);padding:2px 0 8px;background:#fafaf7}.nav-submenu::before{display:none}.nav-submenu a{padding:10px 24px 10px 42px;font-size:.9rem;letter-spacing:1px;color:#4c4c4c}.nav-ham{display:flex}}
.article-page{padding-top:72px;background:var(--white)}
.hero{background:var(--black);color:#fff;padding:clamp(72px,10vw,120px) clamp(22px,5vw,72px);position:relative;overflow:hidden}
.article-hero{min-height:auto;display:block;overflow:visible;background:var(--white);color:var(--text);padding:clamp(28px,3.8vw,52px) clamp(22px,5vw,72px) clamp(14px,2.2vw,26px)}
.article-hero::after{display:none}
.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 28%,rgba(255,107,0,.18),transparent 32%);pointer-events:none}
.hero-inner{position:relative;z-index:1;max-width:1180px;margin:auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.75fr);gap:clamp(36px,6vw,72px);align-items:center}
@media(max-width:840px){.hero-inner{grid-template-columns:1fr}.hero-media{order:-1}}
.eyebrow{font-size:.76rem;letter-spacing:5px;color:var(--orange);text-transform:uppercase;margin-bottom:16px}
h1{font-size:clamp(3rem,8vw,6.8rem);line-height:.92;letter-spacing:0;font-weight:900;margin-bottom:22px}
.article-hero h1{font-size:clamp(2.4rem,4.2vw,3.8rem);line-height:1.12;max-width:900px;margin-bottom:16px}
.article-hero .hero-inner{display:block;max-width:900px;margin:auto}
.article-hero .hero-media,.article-hero .actions{display:none}
.article-hero .lead{color:#555;font-size:clamp(1rem,1.6vw,1.16rem);line-height:1.85;max-width:760px}
.lead{font-size:clamp(1rem,2vw,1.22rem);color:rgba(255,255,255,.7);max-width:720px}
.hero-media img{width:100%;max-height:420px;object-fit:contain;filter:drop-shadow(0 28px 70px rgba(255,107,0,.18))}
.guide-landing-hero{height:52vh;min-height:420px;padding:0;display:flex;align-items:flex-end;background:var(--black)}
.guide-landing-hero::before{content:"";position:absolute;inset:-4%;background:url('../images/index_photo.jpg') center/cover;filter:brightness(.2) saturate(.5);pointer-events:none}
.guide-landing-hero::after{background:linear-gradient(to top,var(--black) 0%,rgba(10,10,10,.2) 60%,transparent 100%)}
.guide-landing-hero .hero-inner{display:block;max-width:none;width:100%;margin:0;padding:94px 60px 58px}
.guide-landing-hero .hero-media{display:none}
.guide-landing-hero .eyebrow{letter-spacing:7px;margin-bottom:16px;display:flex;align-items:center;gap:14px}
.guide-landing-hero .eyebrow::before{content:"";width:28px;height:1px;background:var(--orange)}
.guide-landing-hero h1{font-size:clamp(3.1rem,5.6vw,5.8rem);line-height:1;letter-spacing:0;margin-bottom:18px;max-width:1080px}
.guide-landing-hero .lead{font-size:1rem;letter-spacing:2px;color:rgba(255,255,255,.5);max-width:760px}
.guide-hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.guide-hero-meta span{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);color:rgba(255,255,255,.72);font-size:.76rem;font-weight:800;letter-spacing:2px;padding:8px 12px}
.guide-landing-hero .actions{display:none}
@media(max-width:700px){.guide-landing-hero{height:auto;min-height:420px}.guide-landing-hero .hero-inner{padding:84px 24px 46px}.guide-landing-hero h1{font-size:clamp(2.45rem,10vw,3.65rem);line-height:1.06}.guide-landing-hero .lead{letter-spacing:1px}.guide-hero-meta{gap:8px;margin-top:18px}.guide-hero-meta span{font-size:.7rem;letter-spacing:1px;padding:7px 9px}}
.actions{display:flex;gap:0;flex-wrap:wrap;margin-top:36px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 30px;text-decoration:none;font-weight:700;letter-spacing:3px;font-size:.82rem;border:2px solid var(--orange)}
.btn.primary{background:var(--orange);color:#fff}.btn.secondary{color:#fff;border-color:rgba(255,255,255,.32)}
.section{padding:clamp(56px,8vw,96px) clamp(22px,5vw,72px)}.section.dark{background:var(--black);color:#fff}.section.gray{background:var(--gray)}
.wrap{max-width:1120px;margin:auto}.section h2{font-size:clamp(2rem,5vw,4rem);line-height:.98;margin-bottom:20px}.section p{color:var(--muted);max-width:820px}.dark p{color:rgba(255,255,255,.68)}
.section-kicker{font-size:.72rem;letter-spacing:4px;color:var(--orange);font-weight:800;text-transform:uppercase;margin-bottom:14px}
.spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}@media(max-width:900px){.spec-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.spec-grid{grid-template-columns:1fr}}
.spec{background:#fff;border:1px solid rgba(0,0,0,.08);padding:22px}.dark .spec{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}
.spec-k{font-size:.78rem;color:var(--muted);letter-spacing:2px;margin-bottom:8px}.dark .spec-k{color:rgba(255,255,255,.45)}
.spec-v{font-size:1.45rem;font-weight:800;color:var(--orange);line-height:1.2}
.copy-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:32px}@media(max-width:760px){.copy-grid{grid-template-columns:1fr}}
.panel{background:#fff;border:1px solid rgba(0,0,0,.08);padding:28px}.panel h3{font-size:1.25rem;margin-bottom:10px}.panel p{font-size:.98rem}
.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px}@media(max-width:1100px){.guide-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.guide-grid{grid-template-columns:1fr}}
.guide-card{display:flex;flex-direction:column;min-height:100%;background:#fff;border:1px solid rgba(0,0,0,.08);padding:26px;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s}.guide-card:hover{border-color:var(--orange);transform:translateY(-3px);box-shadow:0 10px 32px rgba(255,107,0,.12)}
.guide-label{font-size:.72rem;letter-spacing:3px;color:var(--orange);font-weight:800;text-transform:uppercase;margin-bottom:12px}.guide-card h3{font-size:1.2rem;line-height:1.35;margin-bottom:10px}.guide-card p{font-size:.95rem;line-height:1.7;color:var(--muted)}.guide-card-meta,.guide-read-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.guide-card-meta span,.guide-read-meta span{border:1px solid rgba(0,0,0,.1);background:#f6f6f2;color:#555;font-size:.72rem;font-weight:800;letter-spacing:1px;padding:5px 9px}.guide-more{margin-top:auto;padding-top:18px;font-size:.8rem;letter-spacing:2px;color:var(--orange);font-weight:800}
.guide-feature-section{padding-top:clamp(42px,5vw,68px)}.guide-feature-section .wrap>p{margin-bottom:24px}.guide-path{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);margin:28px 0 30px}.guide-path-step{padding:22px 24px;border-right:1px solid rgba(0,0,0,.1)}.guide-path-step:last-child{border-right:0}.guide-path-step span{display:block;font-size:.74rem;color:var(--orange);font-weight:900;letter-spacing:3px;margin-bottom:8px}.guide-path-step strong{display:block;font-size:1.08rem;line-height:1.35;margin-bottom:6px}.guide-path-step p{font-size:.92rem;line-height:1.65;color:var(--muted);margin:0}.guide-feature-card{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:28px;align-items:stretch;background:#fff;border:1px solid rgba(0,0,0,.08);padding:32px;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s}.guide-feature-card:hover{border-color:var(--orange);transform:translateY(-3px);box-shadow:0 14px 40px rgba(255,107,0,.12)}.guide-feature-card h3{font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.18;margin-bottom:12px;max-width:760px}.guide-feature-card p{font-size:1rem;line-height:1.8;color:var(--muted);max-width:760px}.guide-feature-meta{background:var(--black);color:#fff;padding:22px;display:flex;flex-direction:column;justify-content:space-between;min-height:160px}.guide-feature-meta span{font-size:.76rem;letter-spacing:3px;color:rgba(255,255,255,.52);font-weight:800}.guide-feature-meta strong{font-size:1.06rem;color:var(--orange)}
.guide-notice{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:34px;align-items:center;background:#fff;border:1px solid rgba(0,0,0,.08);border-left:4px solid var(--orange);padding:34px}.guide-notice h2{font-size:clamp(1.75rem,3.6vw,3.1rem);line-height:1.08}.guide-notice .btn{white-space:nowrap}.guide-notice .btn.secondary{color:var(--text);border-color:rgba(0,0,0,.18)}
@media(max-width:760px){.guide-feature-card,.guide-notice{grid-template-columns:1fr;padding:26px}.guide-feature-meta{min-height:auto;gap:24px}.guide-path{grid-template-columns:1fr}.guide-path-step{border-right:0;border-bottom:1px solid rgba(0,0,0,.1);padding:20px}.guide-path-step:last-child{border-bottom:0}.guide-card-meta span,.guide-read-meta span{font-size:.7rem}.guide-notice .btn{width:100%;letter-spacing:2px}}
.guide-article-page .article-page>.section{padding-top:clamp(22px,3vw,36px)}
.article{max-width:900px;margin:auto}.article h2{font-size:clamp(1.85rem,4vw,3rem);line-height:1.1;margin:44px 0 14px}.article h3{font-size:1.22rem;line-height:1.4;margin:28px 0 10px}.article p{max-width:none;margin:0 0 16px}.article ul{padding-left:1.2rem;margin:10px 0 22px;color:var(--muted)}.article li{margin:8px 0}.article strong{color:var(--text)}.article a{color:var(--orange);text-decoration:none;border-bottom:1px solid rgba(255,107,0,.35)}
.article-opening{font-size:1.08rem;line-height:1.9;color:#333!important}.human-note{background:#fff;border-left:4px solid var(--orange);box-shadow:0 10px 30px rgba(0,0,0,.04);padding:22px 24px;margin:26px 0 34px;color:#333;line-height:1.8}.human-note strong{color:var(--orange)}
.article-figure{max-width:520px;margin:24px auto 30px;background:#fff;border:1px solid rgba(0,0,0,.06);padding:10px;box-shadow:0 8px 22px rgba(0,0,0,.035)}
.article-figure img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#eee}
.article-figure figcaption{margin-top:10px;padding-left:12px;border-left:2px solid var(--orange);color:#5f5f5f;font-size:.9rem;line-height:1.65}
.article-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0 34px}.article-info-grid.two{grid-template-columns:repeat(2,1fr)}.article-info-card{background:#fff;border:1px solid rgba(0,0,0,.08);padding:22px}.article-info-card span{display:inline-block;font-size:.72rem;letter-spacing:3px;color:var(--orange);font-weight:900;text-transform:uppercase;margin-bottom:10px}.article-info-card h3{font-size:1.12rem;line-height:1.4;margin:0 0 8px}.article-info-card p{font-size:.95rem;line-height:1.7;color:var(--muted);margin:0}
.article-check-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0 34px}.article-check-card{background:#fff;border:1px solid rgba(0,0,0,.08);padding:22px}.article-check-card span{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:var(--orange);color:#fff;font-weight:900;margin-bottom:12px}.article-check-card h3{font-size:1.08rem;line-height:1.4;margin:0 0 8px}.article-check-card p{font-size:.95rem;line-height:1.7;color:var(--muted);margin:0}
.definition-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0 34px}.definition-card{background:#fff;border:1px solid rgba(0,0,0,.08);padding:26px}.definition-card span{display:inline-flex;align-items:center;justify-content:center;min-width:58px;height:38px;background:var(--orange);color:#fff;font-weight:900;letter-spacing:2px;margin-bottom:16px}.definition-card h3{margin:0 0 10px;font-size:1.35rem}.definition-card p{color:var(--muted);line-height:1.75;margin:0}
.example-strip{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(0,0,0,.12);border:1px solid rgba(0,0,0,.12);margin:24px 0 36px}.example-strip div{background:#fff;padding:22px}.example-strip span{display:block;font-size:.78rem;letter-spacing:2px;color:var(--muted);font-weight:800;margin-bottom:8px}.example-strip strong{font-size:1.28rem;color:var(--orange)}
.myth-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0 34px}.myth-list div{background:#fff;border:1px solid rgba(0,0,0,.08);padding:22px}.myth-list h3{font-size:1.05rem;line-height:1.45;margin:0 0 10px}.myth-list p{font-size:.95rem;line-height:1.75;color:var(--muted);margin:0}
.article-cta-panel{background:var(--black);color:#fff;margin:42px 0 10px;padding:34px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center}.article-cta-panel span{display:block;font-size:.78rem;letter-spacing:3px;text-transform:uppercase;color:var(--orange);font-weight:800;margin-bottom:10px}.article-cta-panel h2{font-size:clamp(1.55rem,3vw,2.55rem);line-height:1.18;margin:0 0 12px;color:#fff}.article-cta-panel p{color:rgba(255,255,255,.68);margin:0}.article-cta-panel .btn{white-space:nowrap}
@media(max-width:760px){.definition-grid,.example-strip,.myth-list,.article-cta-panel,.article-info-grid,.article-info-grid.two,.article-check-grid{grid-template-columns:1fr}.article-figure{margin:22px 0 28px;padding:8px}.article-figure figcaption{font-size:.9rem}.article-info-card,.article-check-card{padding:20px}.article-cta-panel{padding:28px}.article-cta-panel .btn{width:100%;letter-spacing:2px}}
.key-table{width:100%;border-collapse:collapse;margin:26px 0;background:#fff;border:1px solid rgba(0,0,0,.08)}.key-table th,.key-table td{padding:14px 16px;border-bottom:1px solid rgba(0,0,0,.08);vertical-align:top;text-align:left}.key-table th{background:#f3f3ef;color:var(--text);font-size:.9rem}.key-table td{color:var(--muted)}.key-table tr:last-child td{border-bottom:none}@media(max-width:640px){.key-table:not(.comparison-table) th,.key-table:not(.comparison-table) td{display:block;width:100%}.key-table:not(.comparison-table) tr{display:block;border-bottom:1px solid rgba(0,0,0,.08)}.key-table:not(.comparison-table) tr:last-child{border-bottom:none}}
.mobile-compare{display:none}
.compare-tabs{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(0,0,0,.1);background:#fff;margin:22px 0 0}
.compare-tab{appearance:none;border:0;border-right:1px solid rgba(0,0,0,.1);background:#fff;color:var(--text);padding:14px 8px;font:inherit;font-size:.88rem;font-weight:800;letter-spacing:1px}
.compare-tab:last-child{border-right:0}.compare-tab.is-active{background:var(--orange);color:#fff}
.compare-panel{display:none;background:#fff;border:1px solid rgba(0,0,0,.1);border-top:0;padding:18px}
.compare-panel.is-active{display:block}.compare-panel h3{font-size:1.28rem;margin-bottom:14px}
.compare-row{display:grid;grid-template-columns:92px 1fr;gap:12px;padding:13px 0;border-top:1px solid rgba(0,0,0,.08)}
.compare-row:first-of-type{border-top:0}.compare-row span{font-weight:800;color:var(--text)}.compare-row p{margin:0;color:var(--muted);line-height:1.6}
@media(max-width:640px){.comparison-table{display:none}.mobile-compare{display:block}}
.article-nav{position:static;display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:52px;padding-top:28px;border-top:1px solid rgba(0,0,0,.1)}
.article-next-section{background:var(--white);padding:0 clamp(22px,5vw,72px) clamp(64px,9vw,112px)}
.article-next-inner{max-width:900px;margin:auto}
.article-next-section .article-nav{margin-top:0;padding-top:0;border-top:0}
.article-nav-card{min-height:118px;background:#fff;border:1px solid rgba(0,0,0,.1);padding:22px 24px;text-decoration:none!important;color:var(--text)!important;display:flex;flex-direction:column;justify-content:center;transition:border-color .2s,transform .2s,box-shadow .2s}
.article-nav-card:hover{border-color:var(--orange);transform:translateY(-2px);box-shadow:0 10px 32px rgba(255,107,0,.12)}
.article-nav-card span{font-size:.72rem;letter-spacing:3px;color:var(--orange);font-weight:800;text-transform:uppercase;margin-bottom:8px}
.article-nav-card strong{font-size:1.08rem;line-height:1.45;color:var(--text)}
.article-nav-card.next{text-align:right;align-items:flex-end}
@media(max-width:640px){.article-nav{grid-template-columns:1fr}.article-nav-card.next{text-align:left;align-items:flex-start}}
@media(max-width:768px){.article-page{padding-top:64px}.article-hero{padding-top:34px;padding-bottom:18px}.article-hero h1{font-size:clamp(2.05rem,9.2vw,3.05rem);line-height:1.12;margin-bottom:14px}.article-hero .lead{font-size:1rem;line-height:1.8}.article-next-section{padding-bottom:72px}}
.dealer-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:34px}@media(max-width:720px){.dealer-list{grid-template-columns:1fr}}
.dealer{background:#fff;border:1px solid rgba(0,0,0,.08);padding:24px}.dealer h3{font-size:1.2rem;margin-bottom:8px}.dealer p{font-size:.98rem;color:var(--muted)}
.dealer-area{font-size:.78rem;letter-spacing:2px;color:var(--orange);font-weight:800;margin-bottom:8px}.dealer-empty,.dealer-loading{grid-column:1/-1}
.map-link{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}.map-link:hover{color:var(--orange);border-color:var(--orange)}
footer{background:#fff;border-top:1px solid rgba(0,0,0,.08);padding:40px clamp(22px,5vw,60px);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;color:#111}
.ft-logo{display:inline-flex;align-items:center;line-height:0}.ft-logo img{height:44px;display:block}
.ft-copy{font-size:.86rem;color:rgba(0,0,0,.5);margin-top:14px}
.ft-fb{color:#111;text-decoration:none;font-size:.78rem;font-weight:700;letter-spacing:2px;border:1px solid rgba(0,0,0,.14);padding:9px 14px;transition:color .2s,border-color .2s}.ft-fb:hover{color:var(--orange);border-color:var(--orange)}
@media(max-width:640px){footer{align-items:flex-start;flex-direction:column}.ft-logo img{height:36px}}