:root{
  --bg:#0B1220;--bg2:#101B2D;--text:#F8FAFC;--muted:#C3D4E8;--accent:#38BDF8;--accent2:#22C55E;--surface:#172033;--on-accent:#081018;--line:rgba(255,255,255,.14);--grid-line:rgba(255,255,255,.035);--header-bg:rgba(11,18,32,.82);--header-link-bg:rgba(255,255,255,.085);--footer-bg:rgba(0,0,0,.24);--card-bg:rgba(23,32,51,.72);--card-hover-bg:rgba(23,32,51,.84);--soft-bg:rgba(255,255,255,.055);--mock-bg:rgba(7,12,20,.76);--lead:var(--muted);--article:var(--text);--container:1180px;--section-pad:96px;--base-font-size:16px;--h1-size:58px;--h2-size:38px;--radius:28px;--font-main:"Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif;--glow-opacity:1;--shadow:0 28px 90px rgba(0,0,0,.28)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-main);font-size:var(--base-font-size);line-height:1.75;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(calc(100% - 40px),var(--container));margin:auto}.narrow{width:min(calc(100% - 40px),860px);margin:auto}.site-bg{position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 12% 8%,color-mix(in srgb,var(--accent2) 20%,transparent),transparent 34%),radial-gradient(circle at 88% 18%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 32%),linear-gradient(180deg,var(--bg),var(--bg2));opacity:var(--glow-opacity)}.site-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 70%)}
.site-header{z-index:50;border-bottom:1px solid var(--line);background:var(--header-bg);backdrop-filter:blur(18px)}.header-sticky .site-header{position:sticky;top:0}.header-static .site-header{position:relative}.nav-wrap{height:82px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand-mark{width:44px;height:44px;border-radius:16px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:var(--on-accent);display:grid;place-items:center;font-weight:950;box-shadow:0 12px 34px color-mix(in srgb,var(--accent2) 35%,transparent);overflow:hidden}.brand-logo-image{background:#fff}.brand-logo-image img{width:100%;height:100%;object-fit:contain;padding:4px}.brand strong{display:block;font-size:20px;letter-spacing:.02em}.brand small{display:block;color:var(--muted);font-size:12px;margin-top:-2px}.main-nav{display:flex;align-items:center;gap:6px;margin-left:auto}.main-nav a{color:var(--muted);font-weight:850;padding:9px 12px;border-radius:999px}.main-nav a:hover,.main-nav a.is-active{color:var(--text);background:var(--header-link-bg)}.nav-actions{display:flex;align-items:center;gap:12px}.link-muted{color:var(--muted);font-weight:800}.nav-toggle{display:none;background:transparent;border:0;color:var(--text);font-size:28px}.header-layout-centered .nav-wrap{justify-content:center}.header-layout-centered .brand{margin-right:auto}.header-layout-centered .main-nav{margin-left:0}.header-layout-compact .brand small,.header-layout-compact .link-muted{display:none}.header-layout-compact .nav-wrap{height:68px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:999px;padding:13px 20px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:var(--on-accent);font-weight:950;box-shadow:0 16px 40px color-mix(in srgb,var(--accent2) 25%,transparent);transition:.18s ease}.btn:hover{transform:translateY(-2px)}.btn-small{padding:9px 15px}.btn-ghost{background:var(--soft-bg);border-color:var(--line);color:var(--text);box-shadow:none}.btn-outline{background:transparent;color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,transparent);box-shadow:none}.theme-button-rounded .btn{border-radius:14px}.theme-button-square .btn{border-radius:4px}
h1,h2,h3{line-height:1.12;margin:0 0 18px;letter-spacing:-.035em}h1{font-size:clamp(38px,6vw,var(--h1-size))}h2{font-size:clamp(30px,4vw,var(--h2-size))}h3{font-size:22px}.lead{font-size:20px;color:var(--lead);max-width:720px}.rich-lead p{margin:0}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 16px;color:var(--accent);font-size:13px;letter-spacing:.16em;text-transform:uppercase;font-weight:950}.section-pad{padding:var(--section-pad) 0}.section-pad.slim{padding:calc(var(--section-pad) * .68) 0}.section-alt{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));border-block:1px solid var(--line)}
.hero{min-height:calc(100vh - 82px);display:grid;align-items:center;padding-top:72px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:64px;align-items:center}.hero-copy{position:relative}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin:30px 0}.trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.trust-row span{padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:var(--soft-bg);font-weight:800;font-size:14px}.hero-panel{position:relative;min-height:500px;border:1px solid var(--line);border-radius:calc(var(--radius) + 8px);background:linear-gradient(135deg,var(--line),rgba(255,255,255,.03));box-shadow:var(--shadow);overflow:hidden}.hero-panel:before{content:"";position:absolute;inset:8%;background:radial-gradient(circle,color-mix(in srgb,var(--accent2) 22%,transparent),transparent 62%);filter:blur(10px)}.dashboard-mock{color:var(--text);position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:min(82%,430px);padding:22px;border-radius:26px;background:var(--mock-bg);border:1px solid var(--line);backdrop-filter:blur(16px)}.mock-header{display:flex;gap:7px;margin-bottom:22px}.mock-header span{width:11px;height:11px;border-radius:50%;background:var(--accent)}.mock-line{height:13px;border-radius:999px;background:var(--line);margin-bottom:18px}.mock-line.wide{width:84%}.mock-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mock-grid div{padding:14px;border-radius:16px;background:rgba(255,255,255,.07)}.mock-grid b{display:block;color:var(--accent);font-size:22px}.mock-grid small{color:var(--muted)}.mock-chart{display:flex;align-items:end;gap:10px;height:110px;margin-top:20px}.mock-chart i{flex:1;border-radius:999px;background:linear-gradient(var(--accent2),var(--accent));min-height:28px}.mock-chart i:nth-child(1){height:45%}.mock-chart i:nth-child(2){height:68%}.mock-chart i:nth-child(3){height:38%}.mock-chart i:nth-child(4){height:82%}.mock-chart i:nth-child(5){height:58%}.status-card{position:absolute;z-index:2;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.10);border:1px solid var(--line);backdrop-filter:blur(12px)}.top-card{left:26px;top:26px}.status-card small{display:block;color:var(--muted)}.pulse{width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 8px color-mix(in srgb,var(--accent) 18%,transparent)}.orbit{position:absolute;z-index:2;width:78px;height:78px;border-radius:24px;display:grid;place-items:center;background:rgba(255,255,255,.1);border:1px solid var(--line);font-weight:950}.orbit-a{right:38px;top:88px}.orbit-b{left:46px;bottom:70px}.orbit-c{right:76px;bottom:58px}.hero-layout-visual_left .hero-panel{order:-1}.hero-layout-text_center .hero-grid{display:block;text-align:center}.hero-layout-text_center .hero-copy,.hero-layout-text_center .lead{margin-inline:auto}.hero-layout-text_center .hero-actions,.hero-layout-text_center .trust-row{justify-content:center}.hero-layout-text_center .hero-panel{display:none}.hero-layout-compact .hero{min-height:auto}.hero-layout-compact .hero-panel{display:none}.hero-layout-compact .hero-grid{display:block;max-width:880px;text-align:left}
.split-intro{display:grid;grid-template-columns:.85fr 1fr;gap:54px;align-items:start}.split-intro p,.solution-band p,.service-card p,.case-card p{color:var(--muted)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px}.section-heading.compact{display:block}.section-heading a,.text-link,.card-link{color:var(--accent);font-weight:950}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.services-grid.columns-2{grid-template-columns:repeat(2,1fr)}.services-grid.columns-4{grid-template-columns:repeat(4,1fr)}.service-card,.case-card,.info-card{display:block;padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card-bg);box-shadow:0 18px 55px rgba(0,0,0,.16);transition:.18s ease}.service-card:hover,.case-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 35%,transparent);background:var(--card-hover-bg)}.theme-card-solid .service-card,.theme-card-solid .case-card,.theme-card-solid .info-card,.theme-card-solid .dashboard-mock,.theme-card-solid .solution-band,.theme-card-solid .cta-card{background:var(--surface)}.theme-card-minimal .service-card,.theme-card-minimal .case-card,.theme-card-minimal .info-card{background:transparent;box-shadow:none}.service-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-weight:950;margin-bottom:18px}.service-card small,.case-card small{color:var(--accent2);font-weight:850}.solution-band{display:grid;grid-template-columns:.8fr 1fr;gap:48px;padding:42px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.025));box-shadow:var(--shadow)}.solution-list{display:grid;gap:14px}.solution-list div{display:flex;gap:16px;align-items:flex-start;padding:18px;border-radius:18px;background:var(--card-bg);border:1px solid var(--line)}.solution-list b{color:var(--accent);font-size:22px}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.case-card{min-height:235px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:50px}.post-list{display:grid;gap:14px}.post-list.full{max-width:900px}.post-list a{display:grid;grid-template-columns:120px 1fr;gap:6px 18px;padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--soft-bg)}.post-list a:hover{border-color:color-mix(in srgb,var(--accent) 35%,transparent);background:rgba(255,255,255,.07)}.post-list time{color:var(--accent);font-weight:950;grid-row:span 2}.post-list strong{font-size:20px}.post-list span{color:var(--muted)}.faq-preview details{border:1px solid var(--line);border-radius:18px;background:var(--soft-bg);padding:18px 20px;margin-bottom:12px}.faq-preview.large details{padding:22px 24px}.faq-preview summary{cursor:pointer;font-weight:950;display:flex;justify-content:space-between;gap:20px}.faq-preview summary small{color:var(--accent2);font-weight:800}.faq-preview p{color:var(--muted)}.cta-section{padding:40px 0 100px}.cta-card{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:42px;border-radius:var(--radius);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 16%,transparent),color-mix(in srgb,var(--accent2) 10%,transparent));border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);box-shadow:var(--shadow)}.cta-card p{color:var(--muted);max-width:760px}.page-hero{border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.05),transparent)}.article-section{padding-top:60px}.article-body,.rich-text{font-size:18px;color:var(--article)}.article-body h2,.rich-text h2{font-size:30px;margin:36px 0 14px}.article-body h3,.rich-text h3{margin:28px 0 12px}.article-body p,.article-body li,.rich-text p,.rich-text li{color:var(--article)}.article-body a,.rich-text a{color:var(--accent);font-weight:900}.article-body ul,.rich-text ul{padding-left:1.3em}.case-detail{display:grid;gap:20px}.info-card{min-height:auto}.site-footer{border-top:1px solid var(--line);background:var(--footer-bg);padding:60px 0 26px}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr 1fr;gap:50px}.footer-grid h3{font-size:17px;margin:0 0 16px}.footer-grid a{display:block;color:var(--muted);margin-bottom:8px}.footer-grid p,.footer-rich{color:var(--muted)}.footer-rich p{margin:0 0 10px}.footer-brand{margin-bottom:16px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:36px;padding-top:22px;color:var(--muted);font-size:14px}.footer-bottom a{color:var(--muted)}.reveal{opacity:0;transform:translateY(18px);transition:.7s ease}.reveal.is-visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}
@media (max-width:1100px){.hero-grid,.split-intro,.solution-band,.two-col,.footer-grid{grid-template-columns:1fr}.card-grid,.services-grid.columns-4{grid-template-columns:repeat(2,1fr)}.case-grid{grid-template-columns:1fr 1fr}.hero-panel{min-height:420px}.nav-toggle{display:block;margin-left:auto}.main-nav{display:none;position:absolute;left:20px;right:20px;top:78px;flex-direction:column;align-items:stretch;padding:14px;border:1px solid var(--line);border-radius:20px;background:var(--header-bg)}.main-nav.is-open{display:flex}.nav-actions{display:none}}
@media (max-width:720px){.container,.narrow{width:min(100% - 28px,var(--container))}.section-pad{padding:74px 0}.hero{min-height:auto}.hero-grid{gap:36px}.hero-panel{min-height:380px}.card-grid,.case-grid,.services-grid.columns-2,.services-grid.columns-3,.services-grid.columns-4{grid-template-columns:1fr}.section-heading{display:block}.post-list a{grid-template-columns:1fr}.post-list time{grid-row:auto}.mock-grid{grid-template-columns:1fr}.orbit{display:none}.footer-bottom,.cta-card{display:block}.cta-card .btn{margin-top:20px}.nav-wrap{height:72px}.main-nav{top:72px}h1{font-size:40px}.lead{font-size:18px}.brand small{display:none}}

/* v10 LINE friend widget：無提示內容時不顯示空白提示卡 */
.footer-contact-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.btn-line{background:#06c755;color:#fff;box-shadow:0 16px 40px rgba(6,199,85,.24);border-color:#06c755}.btn-line:hover{background:#05b64d}.line-friend-widget{position:fixed;z-index:80;bottom:22px;display:grid;gap:10px;width:min(330px,calc(100vw - 32px));pointer-events:none}.line-position-bottom_right{right:22px}.line-position-bottom_left{left:22px}.line-friend-card{position:relative;display:flex;gap:12px;align-items:center;padding:14px;border-radius:22px;background:rgba(255,255,255,.94);border:1px solid rgba(15,23,42,.12);box-shadow:0 18px 50px rgba(15,23,42,.18);color:#0f172a;backdrop-filter:blur(14px);pointer-events:auto}.line-friend-card:empty{display:none}.line-friend-copy strong{display:block;font-size:15px;line-height:1.35;margin-bottom:4px;color:#0f172a}.line-friend-copy strong:empty{display:none}.line-friend-copy span{display:block;font-size:13px;line-height:1.55;color:#475569;font-weight:750}.line-friend-qr{width:72px;height:72px;border-radius:14px;object-fit:cover;border:1px solid #e2e8f0;background:#fff;flex:0 0 auto}.line-friend-button{justify-self:end;display:inline-flex;align-items:center;gap:10px;padding:11px 15px;border-radius:999px;background:#06c755;color:#fff;font-weight:950;box-shadow:0 16px 40px rgba(6,199,85,.28);pointer-events:auto}.line-position-bottom_left .line-friend-button{justify-self:start}.line-friend-icon{display:grid;place-items:center;min-width:44px;height:26px;border-radius:999px;background:#fff;color:#06c755;font-size:11px;font-weight:950;letter-spacing:.02em}.line-friend-button b{font-size:15px}.line-friend-button:hover{transform:translateY(-2px);background:#05b64d}@media(max-width:760px){.line-friend-widget{right:14px!important;left:auto!important;bottom:14px;width:min(290px,calc(100vw - 28px))}.line-friend-card{display:none}.line-friend-button{justify-self:end;padding:10px 13px}.line-friend-button b{font-size:14px}.footer-contact-actions{display:grid}}