
:root{--u-bg:#fff;--u-text:#1f2328;--u-panel:#f4f4f4;--u-border:#d0d0d0;--u-orange:#a84308}html[data-theme=dark]{--u-bg:#1f2328;--u-text:#f5f5f5;--u-panel:#2b2f36;--u-border:#666;--u-orange:#ff9b54}body{background:var(--u-bg);color:var(--u-text)}.unified-header,.unified-footer{font:16px/1.6 system-ui,sans-serif;background:var(--u-bg);color:var(--u-text);max-width:none;padding:20px 4%;border-color:var(--u-border)}.unified-header{display:flex;align-items:center;gap:20px;flex-wrap:wrap;border-bottom:1px solid var(--u-border)}.unified-brand{font-size:24px;font-weight:800}.unified-header a,.unified-footer a{color:inherit;text-decoration:none}.unified-header nav,.unified-footer nav{display:flex;gap:14px;flex-wrap:wrap}.unified-desktop{flex:1}.unified-header a[aria-current]{text-decoration:underline;text-decoration-color:var(--u-orange);text-underline-offset:7px}.unified-theme{background:var(--u-panel);color:var(--u-text);border:1px solid var(--u-border);border-radius:5px;padding:8px}.unified-menu{display:none}.unified-footer{border-top:1px solid var(--u-border);display:block;margin-top:50px}.unified-footer nav{justify-content:flex-start;margin:18px 0}.unified-footer p{color:inherit;margin:16px 0}.unified-line{display:inline-block!important;background:#04843A!important;color:#fff!important;padding:12px 18px;border-radius:6px;font-weight:700}.unified-header a:focus-visible,.unified-footer a:focus-visible{outline:3px solid var(--u-orange)}
.landing{max-width:1120px;margin:auto;padding:0 24px;font:17px/1.8 system-ui,sans-serif}.landing section{padding:56px 0;border-bottom:1px solid var(--u-border)}.landing h1{font-size:clamp(36px,5vw,60px);line-height:1.2;letter-spacing:-1px}.landing h2{font-size:30px;line-height:1.4}.landing h3{font-size:23px}.landing p{color:inherit}.landing .eyebrow{color:var(--u-orange)}.landing .cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.landing .card{padding:24px;border:1px solid var(--u-border);border-radius:10px;background:var(--u-panel)}.landing .actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.landing .buy{display:inline-block;background:#ad4409;color:#fff;padding:12px 20px;border-radius:6px;text-decoration:none;font-weight:700}.landing a:not(.buy):not(.unified-line){color:var(--u-orange)}.landing details{padding:18px 0;border-bottom:1px solid var(--u-border)}.landing summary{cursor:pointer;font-weight:700}.landing .price{font-size:30px;font-weight:800}.landing s{font-size:16px;font-weight:400}.landing .diagram{padding:30px;border:1px solid var(--u-border);background:var(--u-panel);border-radius:10px;font:16px/2 ui-monospace,monospace}.landing li{margin:10px 0}@media(max-width:760px){.unified-desktop{display:none!important}.unified-menu{display:block;margin-left:auto}.unified-menu nav{position:absolute;left:0;right:0;top:80px;z-index:100;background:var(--u-bg);padding:24px;flex-direction:column;border:1px solid var(--u-border)}.unified-header{gap:10px;padding:18px}.unified-footer nav{gap:16px}.landing .cards{grid-template-columns:1fr}.landing section{padding:42px 0}.landing h1{font-size:40px}.landing h2{font-size:28px}.landing .card{padding:24px}.landing .actions a{width:100%;text-align:center}}

@media(max-width:760px){.landing section{padding:32px 0}}

.unified-line{font-size:19px;}

/* LINE 白字對比與互動狀態，適用亮暗模式。 */
html body a[href*="line.me"]{background:#04843A!important;color:#fff!important;border-color:#04843A!important;text-shadow:none!important}html body a[href*="line.me"]:is(:hover,:active){background:#036B2F!important;border-color:#036B2F!important}
