/* 全站變數 STAR */
:root{--c-bg:#080b10;--c-surface:#101722;--c-panel:#172130;--c-panel-2:#202b3b;--c-text:#f7f9fd;--c-muted:#aeb9ca;--c-line:#303b4e;--c-amber:#ffb02e;--c-orange:#ff7a1a;--c-cyan:#38bdf8;--c-green:#22c55e;--c-line-green:#06c755;--c-line-green-dark:#05a946;--c-red:#ef4444;--g-hero:linear-gradient(135deg,#09101a 0%,#111827 46%,#24160c 100%);--g-panel:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025));--g-amber:linear-gradient(135deg,#ffb02e,#ff7a1a);--shadow:0 18px 52px rgba(0,0,0,.34);--radius:8px;--font:"Microsoft JhengHei","Noto Sans TC","PingFang TC",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;}
/* 全站變數 END */
/* 基礎區域 STAR */
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--c-bg);color:var(--c-text);font-family:var(--font);line-height:1.75;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;height:auto;}
main{overflow:hidden;}
.eyebrow{margin:0 0 10px;color:var(--c-amber);font-weight:900;font-size:.92rem;letter-spacing:0;}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;font-weight:900;}
.btn-primary{--bs-btn-bg:var(--c-orange);--bs-btn-border-color:var(--c-orange);--bs-btn-hover-bg:#ff963f;--bs-btn-hover-border-color:#ff963f;color:#111;}
.btn-outline-light{--bs-btn-border-color:rgba(255,255,255,.35);--bs-btn-hover-color:#111;}
.btn-line{--bs-btn-bg:var(--c-line-green);--bs-btn-border-color:var(--c-line-green);--bs-btn-hover-bg:var(--c-line-green-dark);--bs-btn-hover-border-color:var(--c-line-green-dark);--bs-btn-active-bg:var(--c-line-green-dark);--bs-btn-active-border-color:var(--c-line-green-dark);background:var(--c-line-green);border-color:var(--c-line-green);color:#fff;box-shadow:0 12px 26px rgba(6,199,85,.2);}
.btn-line:hover,.btn-line:focus{background:var(--c-line-green-dark);border-color:var(--c-line-green-dark);color:#fff;}
.line-contact-link{color:var(--c-line-green)!important;font-weight:950;}
.line-contact-link:hover,.line-contact-link:focus{color:#4df58d!important;}
.wechat-contact-link{color:#20c26b!important;font-weight:950;}
.wechat-contact-link:hover,.wechat-contact-link:focus{color:#52f19b!important;}
.line-icon{color:var(--c-line-green)!important;}
/* 基礎區域 END */
/* 頁頭區域 STAR */
.site-header{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:13px clamp(16px,4vw,60px);background:rgba(8,11,16,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.09);}
.brand{display:flex;align-items:center;gap:12px;min-width:220px;}
.brand img{width:118px;height:auto;}
.brand span{color:var(--c-muted);font-weight:800;font-size:.9rem;white-space:nowrap;}
.site-nav{display:flex;justify-content:center;gap:4px;}
.nav-link{padding:9px 10px;border-radius:6px;color:var(--c-muted);font-weight:800;font-size:.92rem;}
button.nav-link{border:0;background:transparent;font-family:inherit;line-height:inherit;text-align:left;cursor:default;}
@media (max-width:1180px){button.nav-link{cursor:pointer;}}
.nav-link:hover,.nav-link.active{background:rgba(56,189,248,.12);color:#fff;}
.header-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:6px;background:var(--c-line-green);color:#fff;font-weight:950;white-space:nowrap;}
.nav-toggle{display:none;border:1px solid var(--c-line);background:var(--c-panel);color:#fff;border-radius:6px;padding:9px 12px;font-weight:850;}
/* 頁頭區域 END */
/* 主視覺區域 STAR */
.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:34px;align-items:center;min-height:calc(100svh - 76px);padding:clamp(50px,8vw,106px) clamp(18px,6vw,88px);background:var(--g-hero);border-bottom:1px solid rgba(255,255,255,.08);}
.hero-copy h1{max-width:940px;margin:0;color:#fff;font-size:clamp(2.15rem,5.2vw,4.6rem);line-height:1.13;font-weight:950;letter-spacing:0;}
.hero-lead{max-width:780px;margin:22px 0 0;color:#d4deee;font-size:clamp(1.04rem,2vw,1.25rem);}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;}
.hero-media{position:relative;border:1px solid rgba(255,255,255,.13);border-radius:var(--radius);background:var(--g-panel);box-shadow:var(--shadow);padding:14px;}
.hero-media img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:6px;}
/* 主視覺區域 END */
/* 首頁滿版輪播區域 STAR */
.home-carousel{position:relative;min-height:calc(100svh - 116px);overflow:hidden;background:#05070b;border-bottom:1px solid rgba(255,255,255,.08);}
.home-carousel .carousel-inner,.home-carousel .carousel-item{height:calc(100svh - 116px);min-height:600px;}
.home-carousel .carousel-item>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;}
.home-carousel-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,11,.9) 0%,rgba(5,7,11,.63) 48%,rgba(5,7,11,.28) 100%),linear-gradient(0deg,rgba(5,7,11,.66) 0%,rgba(5,7,11,0) 42%);}
.home-carousel-copy{position:absolute;z-index:2;left:clamp(18px,6vw,88px);bottom:clamp(72px,12vh,132px);max-width:min(760px,calc(100vw - 36px));}
.home-carousel-copy h1{margin:0;color:#fff;font-size:clamp(2.45rem,6.2vw,5.9rem);line-height:1.05;font-weight:950;letter-spacing:0;text-shadow:0 12px 36px rgba(0,0,0,.42);}
.home-carousel-copy p:not(.eyebrow){max-width:690px;margin:20px 0 0;color:#dfe8f7;font-size:clamp(1.05rem,2vw,1.32rem);}
.home-carousel .carousel-indicators{right:auto;bottom:28px;left:clamp(18px,6vw,88px);justify-content:flex-start;margin:0;gap:8px;}
.home-carousel .carousel-indicators [data-bs-target]{width:42px;height:4px;margin:0;border:0;border-radius:999px;background:#fff;opacity:.38;}
.home-carousel .carousel-indicators .active{background:var(--c-amber);opacity:1;}
.home-carousel .carousel-control-prev,.home-carousel .carousel-control-next{width:62px;opacity:.78;}
.home-scroll-cue{position:absolute;z-index:3;right:clamp(18px,5vw,70px);bottom:28px;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.26);border-radius:50%;color:#fff;background:rgba(5,7,11,.42);backdrop-filter:blur(10px);}
.home-scroll-cue:hover{border-color:var(--c-amber);color:var(--c-amber);}
#home-content{position:relative;top:-76px;}
/* 首頁滿版輪播區域 END */
/* 信任區域 STAR */
.trust-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:1180px;margin:28px auto 0;padding:0 clamp(18px,4vw,30px);}
.trust-strip div{display:flex;align-items:center;justify-content:center;gap:10px;min-height:72px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);background:var(--c-panel);box-shadow:var(--shadow);font-weight:900;}
.trust-strip i{color:var(--c-green);}
/* 信任區域 END */
/* 共用區域 STAR */
.section-heading{max-width:980px;margin:0 auto;padding:clamp(52px,7vw,88px) clamp(18px,4vw,30px) 24px;text-align:center;}
.section-heading h2{margin:0;color:#fff;font-weight:950;font-size:clamp(1.75rem,3vw,2.55rem);letter-spacing:0;}
.section-heading p:last-child{max-width:720px;margin:12px auto 0;color:var(--c-muted);}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1220px;margin:0 auto;padding:24px clamp(18px,4vw,30px) 70px;}
.info-card{display:flex;flex-direction:column;gap:10px;min-height:230px;padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);background:var(--c-panel);box-shadow:var(--shadow);}
.info-card:hover{border-color:rgba(56,189,248,.45);transform:translateY(-2px);}
.info-card i{color:var(--c-amber);font-size:1.7rem;}
.info-card h3{margin:0;color:#fff;font-size:1.25rem;font-weight:950;}
.info-card p{margin:0;color:var(--c-muted);}
.info-card strong{color:var(--c-green);font-size:1.35rem;}
.tag{align-self:flex-start;padding:4px 9px;border-radius:999px;background:rgba(56,189,248,.12);color:var(--c-cyan);font-weight:900;font-size:.82rem;}
.content-block{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.82fr);gap:28px;align-items:start;max-width:1120px;margin:0 auto;padding:clamp(48px,7vw,82px) clamp(18px,4vw,30px);border-bottom:1px solid rgba(255,255,255,.08);}
.content-block.reverse{direction:rtl;}
.content-block.reverse>*{direction:ltr;}
.content-block h2{margin:0 0 14px;font-weight:950;}
.content-block p{margin:0;color:var(--c-muted);}
.check-panel,.contact-card,.contact-form{padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);background:var(--c-panel);box-shadow:var(--shadow);}
.check-panel h3{margin:0 0 12px;font-size:1.1rem;}
.check-panel ul{display:grid;gap:10px;margin:0;padding:0;list-style:none;}
.check-panel li{display:flex;gap:10px;color:#e7eefb;}
.check-panel i{margin-top:6px;color:var(--c-green);}
.proof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:1240px;margin:0 auto;padding:18px clamp(18px,4vw,30px) 74px;}
.proof-grid article{padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);background:linear-gradient(180deg,rgba(56,189,248,.1),rgba(255,255,255,.025));box-shadow:var(--shadow);}
.proof-grid i{color:var(--c-amber);font-size:1.7rem;}
.proof-grid h3{margin:14px 0 8px;color:#fff;font-size:1.15rem;font-weight:950;}
.proof-grid p{margin:0;color:var(--c-muted);}
.cross-border-band{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;max-width:1120px;margin:0 auto 22px;padding:clamp(34px,5vw,54px) clamp(20px,4vw,42px);border:1px solid rgba(6,199,85,.32);border-radius:var(--radius);background:linear-gradient(135deg,rgba(6,199,85,.16),rgba(56,189,248,.09));box-shadow:var(--shadow);}
.cross-border-band h2{margin:0 0 12px;color:#fff;font-size:clamp(1.6rem,3vw,2.35rem);font-weight:950;letter-spacing:0;}
.cross-border-band p:not(.eyebrow){max-width:760px;margin:0;color:#dce6f5;}
.payment-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;}
.payment-badges span{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(255,255,255,.14);border-radius:6px;background:rgba(5,7,11,.34);color:#fff;font-weight:900;}
.payment-badges i{color:var(--c-line-green);}
/* 共用區域 END */
/* 報價區域 STAR */
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1240px;margin:0 auto;padding:24px clamp(18px,4vw,30px) 74px;}
.price-card{display:flex;flex-direction:column;gap:13px;padding:26px;border:1px solid rgba(255,255,255,.11);border-radius:var(--radius);background:var(--g-panel);box-shadow:var(--shadow);}
.price-card h3{margin:0;color:#fff;font-size:1.3rem;font-weight:950;}
.price-card strong{display:block;color:var(--c-amber);font-size:2.35rem;line-height:1.1;}
.price-card p{margin:0;color:var(--c-muted);}
.price-card h4{margin:6px 0 0;color:var(--c-cyan);font-size:1rem;font-weight:900;}
.price-card ul{display:grid;gap:6px;margin:0;padding-left:18px;color:#d7e2f2;}
.price-card .btn{margin-top:auto;align-self:flex-start;}
.quote-table-section{max-width:1180px;margin:0 auto;padding:18px clamp(18px,4vw,30px) 78px;}
.quote-table-intro{max-width:860px;margin:0 0 22px;}
.quote-table-intro h2{margin:0 0 12px;color:#fff;font-size:clamp(1.75rem,3.6vw,2.65rem);font-weight:950;letter-spacing:0;}
.quote-table-intro p:not(.eyebrow){margin:0;color:var(--c-muted);}
.quote-table-grid{display:grid;gap:22px;}
.quote-table-card{overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);background:linear-gradient(135deg,rgba(15,23,36,.98),rgba(5,7,11,.94));box-shadow:var(--shadow);}
.quote-table-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:20px 22px;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(56,189,248,.08);}
.quote-table-head h3{margin:0;color:#fff;font-size:1.18rem;font-weight:950;}
.quote-table-head p{max-width:560px;margin:0;color:#b8c5d8;font-size:.94rem;}
.quote-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.quote-table{width:100%;min-width:720px;border-collapse:separate;border-spacing:0;color:#dce7f7;}
.quote-table th,.quote-table td{padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;vertical-align:middle;}
.quote-table th{background:rgba(5,7,11,.48);color:#fff;font-size:.86rem;font-weight:950;letter-spacing:0;}
.quote-table tbody tr:hover{background:rgba(56,189,248,.08);}
.quote-table tbody tr:last-child td{border-bottom:0;}
.quote-price{color:var(--c-amber);font-weight:950;white-space:nowrap;}
.quote-table-note{display:flex;gap:12px;align-items:flex-start;margin-top:18px;padding:16px 18px;border:1px solid rgba(255,176,46,.24);border-radius:var(--radius);background:rgba(255,176,46,.08);color:#dfe8f7;}
.quote-table-note i{margin-top:3px;color:var(--c-amber);}
.quote-table-note p{margin:0;color:#dfe8f7;}
@media (max-width:720px){.quote-table-section{padding-bottom:58px;}.quote-table-head{display:grid;align-items:start;padding:18px;}.quote-table{min-width:660px;}.quote-table th,.quote-table td{padding:12px 14px;}.quote-table th:last-child,.quote-table td:last-child{position:sticky;right:0;background:#050b13;box-shadow:-12px 0 18px rgba(5,7,11,.78);}.quote-table tbody tr:hover td:last-child{background:#0a1724;}.quote-table-note{display:grid;}}
/* 報價區域 END */
/* 作品區域 STAR */
.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:1220px;margin:0 auto;padding:24px clamp(18px,4vw,30px) 74px;}
.portfolio-card{overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);background:var(--c-panel);box-shadow:var(--shadow);}
.portfolio-viewer-trigger{display:block;width:100%;padding:0;color:inherit;text-align:left;cursor:zoom-in;}
.portfolio-card:hover{border-color:rgba(255,176,46,.45);transform:translateY(-2px);}
.portfolio-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;}
.portfolio-card div{padding:18px;}
.portfolio-card i{color:var(--c-amber);font-size:1.25rem;}
.portfolio-card h3{margin:8px 0;color:#fff;font-weight:950;}
.portfolio-card p{margin:0;color:var(--c-muted);}
.portfolio-view-hint{display:inline-flex;align-items:center;gap:7px;margin-top:14px;color:#38bdf8;font-weight:950;}
.portfolio-view-hint i{color:#38bdf8;font-size:.95rem;}
.portfolio-image-modal .modal-content{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#07101b;box-shadow:0 30px 80px rgba(0,0,0,.5);}
.portfolio-modal-image{display:block;width:100%;max-height:74vh;object-fit:contain;background:#02050a;}
.portfolio-modal-caption{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;background:#0f1724;border-top:1px solid rgba(255,255,255,.08);}
.portfolio-modal-caption h2{margin:0;color:#fff;font-size:1.35rem;font-weight:950;}
.portfolio-modal-caption p:not(.eyebrow){margin:8px 0 0;color:var(--c-muted);}
.portfolio-modal-close{position:absolute;top:12px;right:12px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(2,5,10,.74);color:#fff;}
.portfolio-modal-close:hover,.portfolio-modal-close:focus{background:rgba(255,176,46,.92);color:#05070b;}
.work-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:1320px;margin:0 auto;padding:24px clamp(18px,4vw,30px) 80px;}
.work-card{display:block;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);background:var(--c-panel);}
.work-card:hover{border-color:rgba(56,189,248,.45);transform:translateY(-2px);}
.work-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:#111827;}
.work-card span{display:block;padding:10px 12px;color:var(--c-muted);font-size:.9rem;}
/* 作品區域 END */
/* FAQ與流程區域 STAR */
.faq-list{display:grid;gap:14px;max-width:980px;margin:0 auto;padding:28px clamp(18px,4vw,30px) 80px;}
.faq-list details{padding:18px 20px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);background:var(--c-panel);box-shadow:var(--shadow);}
.faq-list summary{cursor:pointer;color:#fff;font-weight:950;}
.faq-list p{margin:12px 0 0;color:var(--c-muted);}
.timeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;max-width:1240px;margin:0 auto;padding:34px clamp(18px,4vw,30px) 80px;}
.timeline article{padding:22px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);background:var(--c-panel);box-shadow:var(--shadow);}
.timeline span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--g-amber);color:#111;font-weight:950;}
.timeline h3{margin:14px 0 8px;font-size:1.12rem;font-weight:950;}
.timeline p{margin:0;color:var(--c-muted);}
.process-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:1220px;margin:0 auto;padding:34px clamp(18px,4vw,30px) 48px;}
.process-step{position:relative;overflow:hidden;min-height:260px;padding:24px;border:1px solid rgba(255,255,255,.11);border-radius:var(--radius);background:var(--g-panel);box-shadow:var(--shadow);}
.process-step:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--g-amber);}
.process-step span{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--g-amber);color:#111;font-size:1.22rem;font-weight:950;}
.process-step h3{margin:18px 0 8px;color:#fff;font-size:1.25rem;font-weight:950;}
.process-step p{margin:0;color:var(--c-muted);}
.process-step strong{display:block;margin-top:18px;color:var(--c-green);font-size:.96rem;}
.process-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1120px;margin:0 auto;padding:24px clamp(18px,4vw,30px) 80px;}
.process-detail{padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);background:var(--c-panel);box-shadow:var(--shadow);}
.process-detail h3{display:flex;align-items:center;gap:10px;margin:0 0 14px;color:#fff;font-size:1.17rem;font-weight:950;}
.process-detail h3 i{color:var(--c-amber);}
.process-detail ul{display:grid;gap:10px;margin:0;padding:0;list-style:none;}
.process-detail li{display:flex;gap:10px;color:#dce6f5;}
.process-detail li i{margin-top:6px;color:var(--c-green);}
/* FAQ與流程區域 END */
/* 聯絡區域 STAR */
.contact-layout{display:grid;grid-template-columns:minmax(0,.75fr) minmax(320px,1.25fr);gap:22px;max-width:1120px;margin:0 auto;padding:36px clamp(18px,4vw,30px) 82px;}
.contact-card h2{margin:0 0 18px;font-weight:950;}
.contact-card p{display:flex;gap:10px;margin:0 0 13px;color:var(--c-muted);}
.contact-card i{margin-top:6px;color:var(--c-amber);}
.contact-card a{color:var(--c-cyan);}
.contact-form{display:grid;gap:14px;}
.contact-form label{display:grid;gap:7px;color:#fff;font-weight:900;}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid var(--c-line);border-radius:6px;background:#0d131d;color:#fff;padding:12px;}
.form-note{min-height:28px;margin:0;color:var(--c-muted);}
.form-note.is-error{color:#ffb4b4;}
.form-note.is-success{color:#86efac;}
/* 聯絡區域 END */
/* CTA與頁尾區域 STAR */
.cta-band{max-width:1040px;margin:0 auto 76px;padding:clamp(42px,6vw,72px) clamp(18px,4vw,44px);text-align:center;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);background:linear-gradient(135deg,rgba(56,189,248,.12),rgba(255,122,26,.13));box-shadow:var(--shadow);}
.cta-band h2{margin:0 0 12px;font-weight:950;}
.cta-band p{max-width:720px;margin:0 auto 22px;color:var(--c-muted);}
.site-footer{display:grid;grid-template-columns:1.35fr .7fr .8fr 1fr;gap:26px;padding:48px clamp(18px,6vw,88px);background:linear-gradient(90deg,rgba(5,7,11,.96),rgba(5,7,11,.88)),url("../img/feature_bg_photo3.jpg") center/cover no-repeat;border-top:1px solid rgba(255,255,255,.1);}
.site-footer h2{margin:0 0 12px;font-size:1.05rem;font-weight:950;}
.site-footer p,.site-footer a{display:block;margin:0 0 8px;color:var(--c-muted);}
.site-footer a:hover{color:var(--c-cyan);}
.footer-icon-link{display:inline-flex!important;align-items:center;gap:7px;}
.footer-icon-inline{display:inline-flex!important;align-items:center;white-space:nowrap;}
.footer-icon-link i,.footer-icon-inline i{margin-right:6px;}
.footer-icon-link .fa-line,.footer-icon-inline .fa-line{color:var(--c-line-green);}
.footer-icon-link .fa-weixin,.footer-icon-inline .fa-weixin{color:#20c26b;}
.footer-icon-inline .fa-envelope{color:var(--c-amber);}
.footer-brand img{margin-bottom:10px;}
.footer-payment{color:#d7ffe4!important;font-weight:900;}
.visitor-counter{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:14px clamp(14px,4vw,30px);background:#060a10;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);color:#9db3d0;font-size:.9rem;}
.visitor-counter:before{content:"瀏覽人數";color:#7cc7ff;font-weight:950;margin-right:4px;}
.visitor-counter span{display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:6px 12px;border:1px solid rgba(124,199,255,.35);border-radius:999px;background:rgba(15,23,36,.92);box-shadow:0 8px 18px rgba(0,0,0,.25);color:#cfe3ff;font-size:0;line-height:1;white-space:nowrap;}
.visitor-counter span:before{font-size:.9rem;}
.visitor-counter span:nth-of-type(1):before{content:"累計";}
.visitor-counter span:nth-of-type(2):before{content:"今日";}
.visitor-counter span:nth-of-type(3):before{content:"本月";}
.visitor-counter span:nth-of-type(4):before{content:"本頁今日";}
.visitor-counter span:nth-of-type(5):before{content:"本頁累計";}
.visitor-counter strong{color:#fff;font-size:.9rem;font-weight:900;}
.copyright{padding:17px;text-align:center;background:#030507;color:#8490a3;font-size:.88rem;}
/* CTA與頁尾區域 END */
/* RWD區域 STAR */
@media (max-width:1180px){.site-header{grid-template-columns:auto auto 1fr;}.nav-toggle{display:inline-flex;align-items:center;gap:8px;justify-self:end;}.site-nav{grid-column:1/-1;display:none;justify-content:flex-start;flex-wrap:wrap;}.site-nav.is-open{display:flex;}.header-cta{justify-self:end;}.hero{grid-template-columns:1fr;min-height:auto;}.timeline{grid-template-columns:repeat(3,minmax(0,1fr));}.process-overview,.proof-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.work-gallery{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:820px){.site-header{grid-template-columns:1fr auto;gap:10px;}.brand{min-width:0;}.brand img{width:104px;}.brand span{display:none;}.header-cta{grid-column:1/-1;}.hero{padding-top:42px;}.hero-copy h1{font-size:2.25rem;}.home-carousel{min-height:calc(100svh - 240px);}.home-carousel .carousel-inner,.home-carousel .carousel-item{height:calc(100svh - 240px);min-height:500px;}.home-carousel-copy{bottom:72px;}.home-carousel-copy h1{font-size:clamp(2.2rem,12vw,3.5rem);}.home-carousel .carousel-control-prev,.home-carousel .carousel-control-next{display:none;}.trust-strip,.card-grid,.pricing-grid,.portfolio-grid,.content-block,.contact-layout,.site-footer,.process-details,.proof-grid,.cross-border-band{grid-template-columns:1fr;}.timeline,.work-gallery{grid-template-columns:1fr 1fr;}.nav-link{width:calc(50% - 4px);}.content-block.reverse{direction:ltr;}}
@media (max-width:520px){.timeline,.work-gallery,.process-overview{grid-template-columns:1fr;}.trust-strip{grid-template-columns:1fr;}.hero-actions .btn{width:100%;}.home-carousel-copy{left:18px;right:18px;bottom:78px;}.home-carousel .carousel-indicators{left:18px;}.home-scroll-cue{display:none;}.nav-link{width:100%;}.price-card strong{font-size:2rem;}}
/* RWD區域 END */
/* 二層選單與內容頁補強 STAR */
.site-nav{align-items:center;flex-wrap:wrap;}
.nav-item{position:relative;}
.nav-item.has-submenu>.nav-link{display:inline-flex;align-items:center;gap:6px;}
.nav-item.has-submenu>.nav-link i{font-size:.72rem;color:var(--c-amber);}
.submenu{position:absolute;top:100%;left:0;z-index:80;display:none;min-width:260px;padding:8px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);background:#0b1018;box-shadow:var(--shadow);}
.submenu a{display:flex;align-items:flex-start;gap:9px;min-width:0;padding:9px 10px;border-radius:6px;color:var(--c-muted);font-size:.9rem;font-weight:850;white-space:normal;}
.submenu a>i{flex:0 0 18px;margin-top:4px;color:var(--c-amber);font-size:.95rem;text-align:center;}
.submenu-emoji{flex:0 0 22px;margin-top:1px;font-size:1rem;line-height:1.25;text-align:center;}
.submenu a>span:not(.submenu-emoji){min-width:0;flex:1;}
.submenu-label{line-height:1.45;}
.submenu-count{flex:0 0 auto;margin-top:1px;padding:2px 7px;border:1px solid rgba(56,189,248,.35);border-radius:999px;background:rgba(56,189,248,.12);color:#dff7ff;font-size:.72rem;font-weight:950;line-height:1.2;}
.submenu a:hover{background:rgba(56,189,248,.12);color:#fff;}
.nav-item:hover>.submenu,.nav-item:focus-within>.submenu,.nav-item.is-open>.submenu{display:grid;gap:2px;}
.site-footer{grid-template-columns:1.35fr .75fr .9fr .9fr 1fr;}
.article-layout{max-width:980px;margin:0 auto;padding:clamp(44px,7vw,82px) clamp(18px,4vw,30px);}
.article-body{display:grid;gap:28px;}
.article-body section{padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);background:var(--c-panel);box-shadow:var(--shadow);}
.article-body h2{margin:0 0 10px;color:#fff;font-size:1.35rem;font-weight:950;}
.article-body p{margin:0;color:var(--c-muted);}
.article-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;}
.sitemap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1180px;margin:0 auto;padding:36px clamp(18px,4vw,30px) 82px;}
.sitemap-card{padding:22px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);background:var(--c-panel);box-shadow:var(--shadow);}
.sitemap-card h2{margin:0 0 12px;font-size:1.15rem;font-weight:950;}
.sitemap-card h2 a{color:#fff;}
.sitemap-card ul{display:grid;gap:8px;margin:0;padding-left:18px;color:var(--c-muted);}
.sitemap-card a:hover{color:var(--c-cyan);}
.ai-map{max-width:1120px;margin:0 auto;padding:36px clamp(18px,4vw,30px) 82px;}
.ai-map pre{overflow:auto;margin:0;padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);background:#05070b;color:#d7e2f2;font-size:.92rem;line-height:1.65;white-space:pre-wrap;}
@media (max-width:1180px){.site-nav{align-items:stretch;}.site-nav .nav-item{width:calc(50% - 4px);}.site-nav .nav-item>.nav-link{width:100%;}.submenu{position:static;min-width:0;margin-top:4px;background:#0f1724;}.nav-item:hover>.submenu,.nav-item:focus-within>.submenu{display:none;}.nav-item.is-open>.submenu{display:grid;}.sitemap-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:820px){.site-nav .nav-item{width:100%;}.sitemap-grid{grid-template-columns:1fr;}.article-actions .btn{width:100%;}.site-footer{grid-template-columns:1fr;}}
/* 二層選單與內容頁補強 END */
/* 影片報價與頁尾進度 STAR */
.video-quote-hero{position:relative;display:grid;align-items:center;min-height:calc(100svh - 76px);padding:clamp(54px,8vw,110px) clamp(18px,6vw,88px);overflow:hidden;background:#05070b;border-bottom:1px solid rgba(255,255,255,.08);}
.video-quote-hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5;}
.video-quote-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,11,.92),rgba(5,7,11,.55),rgba(5,7,11,.78));}
.video-quote-copy{position:relative;z-index:2;max-width:760px;}
.video-quote-copy h1{margin:0;color:#fff;font-size:clamp(2.15rem,5vw,4.2rem);line-height:1.13;font-weight:950;letter-spacing:0;}
.video-quote-copy p:not(.eyebrow){max-width:700px;margin:20px 0 0;color:#d4deee;font-size:clamp(1.04rem,2vw,1.24rem);}
.footer-progress{display:grid;gap:5px;margin:0;padding:0;list-style:none;}
.footer-progress li{display:grid;gap:1px;}
.footer-progress span{color:var(--c-amber);font-size:.82rem;font-weight:900;}
.footer-progress a{margin-bottom:3px;line-height:1.45;}
.copyright a{display:inline;color:#aeb9ca;}
.copyright a:hover{color:var(--c-cyan);}
@media (max-width:820px){.video-quote-hero{min-height:auto;padding-top:72px;padding-bottom:72px;}.video-quote-copy .hero-actions .btn{width:100%;}}
/* 影片報價與頁尾進度 END */