/* =========================================================
SHINE.IN 官網 v0.3｜導入 SHINE.IN VI（CIS v2）
切版沿用 v0.2（Grandvity 邊軌結構），色彩／字體／圖形換成 SHINE.IN
色票：Deep Navy #104A6E｜Warm Gold #E6B182｜Ivory #FCF9F6｜Mist Blue #CCDDE6｜Warm Taupe #C2AE9D
字體：中文標題 Noto Serif TC｜英文標題 Cormorant Garamond｜內文 Noto Sans TC＋Inter
比例參考：Ivory 40／Navy 28／Gold 12／Mist 10／Taupe 10；Gold 只做光感與提示
========================================================= */
:root{
--navy:#104A6E; --gold:#E6B182; --ivory:#FCF9F6; --mist:#CCDDE6; --taupe:#C2AE9D;
--paper-2:#F6F1EB; --rule:#E6DED5; --ink-0:#1F2528; --muted:#6D6964;
/* 情境變數（依底色切換） */
--bg:var(--ivory); --white:var(--navy); --ink:var(--ink-0); --mute:var(--muted); --line:var(--rule);
--eyebrow:rgba(16,74,110,.72); --field:#fff;
--ease:cubic-bezier(.4,0,.2,1);
--serif:"Noto Serif TC","Songti TC",serif; --serif-en:"Cormorant Garamond",Georgia,serif;
--serif-zh:"Noto Serif TC","Songti TC",serif;
--sans:"Inter","Noto Sans TC","Microsoft JhengHei",Arial,sans-serif;
}
.navy-s,.nav,.mega,.drawer,.hero,.foot-cta,.foot,.gvv,.svc-full .box,.quote,.loader{
--bg:var(--navy); --white:var(--ivory); --ink:rgba(252,249,246,.86); --mute:rgba(252,249,246,.6);
--line:rgba(252,249,246,.16); --eyebrow:var(--gold); --field:rgba(252,249,246,.08);
background:var(--bg); color:var(--ink);
}
.gvv.taupe{--bg:var(--taupe); --white:var(--navy); --ink:#2a2622; --mute:#4a433c; --line:rgba(16,74,110,.25); --eyebrow:var(--navy)}
.paper{--bg:var(--paper-2); background:var(--bg)}
.mist{--bg:var(--mist); --line:rgba(16,74,110,.18); --mute:#3f5866; --eyebrow:var(--navy); background:var(--bg)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--ivory);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased;font-feature-settings:"palt"}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font:inherit;cursor:pointer;background:none;border:0;color:inherit}
::selection{background:var(--gold);color:var(--navy)}
/* ---------- 品牌圖形 ---------- */
.star{display:inline-block;width:.9em;height:.9em;vertical-align:-.08em;fill:var(--gold)}
.star.tw{animation:tw 3.2s ease-in-out infinite}
@keyframes tw{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}
.dots-bg{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(252,249,246,.5) 1.4px,transparent 1.8px);background-size:46px 46px;-webkit-mask-image:linear-gradient(100deg,transparent 35%,#000 80%);mask-image:linear-gradient(100deg,transparent 35%,#000 80%);opacity:.7}
.ribbons{position:absolute;pointer-events:none}
.ribbons path{fill:none;stroke-linecap:round}
.ribbons .g{stroke:var(--gold);stroke-width:6}
.ribbons .w{stroke:var(--ivory);stroke-width:1.6}
.ribbons .t{stroke:var(--gold);stroke-width:1.2}
.draw path{stroke-dasharray:2200;stroke-dashoffset:2200;animation:draw 2.6s var(--ease) forwards}
.draw path:nth-child(2){animation-delay:.25s}.draw path:nth-child(3){animation-delay:.5s}
@keyframes draw{to{stroke-dashoffset:0}}
.glow,.rail:has(.faq),.ct .l{position:relative;overflow:hidden}
.glow::before,.glow::after,.rail:has(.faq)::before,.rail:has(.faq)::after,.ct .l::before,.ct .l::after{content:"";position:absolute;right:0;bottom:0;border-radius:100% 0 0 0;pointer-events:none;z-index:0}
.glow::before,.rail:has(.faq)::before,.ct .l::before{width:min(46vw,560px);height:min(46vw,560px);background:rgba(230,177,130,.10)}
.glow::after,.rail:has(.faq)::after,.ct .l::after{width:min(28vw,340px);height:min(28vw,340px);background:rgba(230,177,130,.17)}
.glow>*,.rail:has(.faq)>*,.ct .l>*{position:relative;z-index:1}
/* ---------- Loading ---------- */
.loader{position:fixed;inset:0;z-index:105;display:flex;align-items:center;justify-content:center;gap:14px;transition:opacity .6s var(--ease)}
.loader img{width:34px;animation:rise .9s var(--ease) both}
.loader span{font-family:var(--serif);font-size:26px;letter-spacing:.14em;color:var(--ivory);animation:rise .9s .15s var(--ease) both}
.loader .star{position:absolute;width:14px;height:14px;transform:translate(-62px,-26px)}
.loader.done{opacity:0;pointer-events:none}
@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
/* ---------- 導覽列 ---------- */
.nav{position:fixed;top:0;left:0;right:0;height:64px;z-index:103;background:rgba(16,74,110,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center}
.nav .brand{position:absolute;left:20px;top:50%;transform:translateY(-50%)}
.nav .brand img{height:30px;width:auto}
.nav .sns{position:absolute;left:190px;top:50%;transform:translateY(-50%);display:none;gap:8px}
.nav .sns a{width:26px;height:26px;display:grid;place-items:center;opacity:.45;transition:opacity .3s}
.nav .sns a:hover{opacity:1}
.nav .sns svg{width:18px;height:18px;fill:var(--ivory)}
.nav .links{flex:1;display:none;justify-content:center;align-items:center;height:100%;font-family:var(--sans);font-size:15px;letter-spacing:.06em}
.nav .links>a,.nav .links .has-mega>a{margin:0 18px;height:64px;display:flex;align-items:center;transition:color .3s;position:relative;color:var(--ink)}
.nav .links a:hover{color:var(--gold)}
.nav .links>a::after,.nav .links .has-mega>a::after{content:"";position:absolute;left:50%;bottom:18px;width:4px;height:4px;border-radius:50%;background:var(--gold);transform:translateX(-50%) scale(0);transition:transform .3s var(--ease)}
.nav .links>a:hover::after,.nav .links .has-mega:hover>a::after,.nav.mega-open .has-mega>a::after{transform:translateX(-50%) scale(1)}
.nav .links .has-mega{height:100%;display:flex;align-items:center}
.nav .links .off{margin:0 18px;opacity:.3;cursor:default}
.nav .right{position:absolute;right:28px;top:50%;transform:translateY(-50%);display:none}
.btn-tex{position:relative;overflow:hidden;display:block;width:132px;padding:7px 0;border-radius:2px;text-align:center;line-height:1.35;color:var(--navy);font-weight:700;font-size:14px;background:var(--gold);transition:background .3s,color .3s}
.btn-tex small{display:block;font-family:var(--serif);font-size:11px;letter-spacing:.2em;font-weight:600}
.btn-tex .tex{position:absolute;inset:0;z-index:0;background:linear-gradient(120deg,#EFC9A5 0%,#E6B182 45%,#D9A272 100%);transition:opacity .3s}
.btn-tex .tex::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,250,242,.85),transparent);transform:skewX(-20deg);animation:sweep 3.6s infinite}
.btn-tex:hover{background:var(--ivory)}
.btn-tex:hover .tex{opacity:0}
.btn-tex span{position:relative;z-index:1}
@keyframes sweep{0%,55%{left:-60%}100%{left:130%}}
.burger{position:absolute;right:10px;top:12px;width:40px;height:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px}
.burger i{display:block;width:20px;height:1.5px;background:var(--ivory)}
@media(min-width:1024px){.nav .sns,.nav .right{display:flex}.nav .links{display:flex}.burger{display:none}}
/* Mega 下拉 */
.mega{position:fixed;left:0;right:0;top:64px;height:420px;z-index:100;background:rgba(16,74,110,.98);border-bottom:1px solid var(--line);transform:translateY(calc(-100% - 64px));transition:transform .35s var(--ease);display:none;overflow:hidden}
.mega.open{transform:none}
.mega .inner{display:flex;justify-content:center;align-items:flex-start;padding:44px 0 60px;opacity:0;transition:opacity .3s .05s;position:relative;z-index:1}
.mega.open .inner{opacity:1}
.mega .dots-bg{-webkit-mask-image:linear-gradient(90deg,transparent 60%,#000);mask-image:linear-gradient(90deg,transparent 60%,#000);opacity:.35}
.mega .label{font-size:12px;letter-spacing:.2em;color:var(--gold);margin-bottom:22px}
.mega .col1{margin-right:120px;display:flex;flex-direction:column}
.mega .col1 a{margin-bottom:14px;color:var(--ink);font-family:var(--serif);font-size:26px;font-weight:500;transition:color .3s,transform .3s;display:flex;align-items:baseline;gap:10px}
.mega .col1 a small{font-family:var(--sans);font-size:12px;color:var(--mute)}
.mega .col1 a:hover{color:var(--gold);transform:translateX(6px)}
.mega .thumbs{display:flex;gap:18px}
.mega .thumbs a{width:234px}
.mega .thumbs .im{width:234px;height:176px;border-radius:2px;overflow:hidden}
.mega .thumbs p{margin-top:12px;font-size:13px;color:var(--ink)}
.page-blur{position:fixed;inset:64px 0 0;z-index:99;backdrop-filter:blur(6px);background:rgba(16,74,110,.18);opacity:0;pointer-events:none;transition:opacity .3s}
.page-blur.on{opacity:1}
@media(min-width:1024px){.mega{display:block}}
.drawer{position:fixed;inset:0;z-index:102;transform:translateX(100%);transition:transform .35s var(--ease);padding:110px 36px 60px;display:flex;flex-direction:column;overflow-y:auto}
.drawer.open{transform:none}
.drawer .m-links{display:flex;flex-direction:column;gap:28px;font-family:var(--serif);font-size:30px;font-weight:600;color:var(--ivory);flex:1}
.drawer .m-links small{display:block;font-family:var(--sans);font-size:13px;font-weight:400;color:var(--mute);margin-top:6px}
.drawer .m-btns{margin-top:40px;display:flex;flex-direction:column;gap:10px;align-items:center}
.drawer .m-btns a{width:290px;max-width:100%;padding:13px 0;text-align:center;font-weight:700;border-radius:999px;border:1px solid var(--line);color:var(--ivory)}
.drawer .m-btns a:first-child{background:var(--gold);color:var(--navy);border-color:var(--gold)}
body.lock{overflow:hidden}
/* ---------- 邊軌切版 ---------- */
main{padding-top:64px}
.rail{display:flex;border-bottom:1px solid var(--line);background:var(--bg)}
.rail .gut{width:12px;flex-shrink:0}
.rail .core{flex:1 1 100%;max-width:1920px;border-left:1px solid var(--line);position:relative;min-width:0}
.rail.top{border-top:1px solid var(--line)}
@media(min-width:1366px){.rail .gut{flex:1 1 auto;min-width:8vw}}
.corner{position:absolute;top:0;left:0;z-index:10;width:30px;height:16px;pointer-events:none}
.corner path{fill:var(--gold)}
@media(min-width:1024px){.corner{width:56px;height:30px}}
/* 字級 */
.h-xl{font-family:var(--serif);font-size:34px;font-weight:600;line-height:1.2;color:var(--white);padding:30px 20px;letter-spacing:.01em}
.h-lg{font-family:var(--serif);font-size:26px;font-weight:600;line-height:1.35;color:var(--white)}
.h-md{font-family:var(--serif);font-size:20px;font-weight:600;line-height:1.45;color:var(--white)}
.p{font-size:16px;line-height:1.9;color:var(--ink)}
.p-mute{font-size:15px;line-height:1.85;color:var(--mute)}
.cap{font-size:12px;color:var(--ink)}
.gold-t{color:var(--eyebrow)!important;letter-spacing:.16em;font-weight:600;font-size:12px}
.gold-t::before{content:"";display:inline-block;width:9px;height:9px;margin-right:8px;vertical-align:0;background:var(--gold);clip-path:path("M4.5 0C4.9 3.2 5.8 4.1 9 4.5 5.8 4.9 4.9 5.8 4.5 9 4.1 5.8 3.2 4.9 0 4.5 3.2 4.1 4.1 3.2 4.5 0Z")}
@media(min-width:1024px){.h-xl{font-size:62px;padding:48px 44px}.h-xl.xxl{font-size:84px}.h-lg{font-size:44px}.h-md{font-size:26px}}
.pad{padding:32px 20px}
@media(min-width:1024px){.pad{padding:64px 44px}}
.pad-lg{padding:64px 20px}
@media(min-width:1024px){.pad-lg{padding:120px 44px}}
.center{text-align:center}
.wrap{max-width:1280px;margin:0 auto;padding:0 20px}
@media(min-width:1024px){.wrap{padding:0 44px}}
.fade{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.fade.in{opacity:1;transform:none}
/* ---------- 按鈕 ---------- */
.pill{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:999px;font-weight:600;font-size:15px;line-height:30px;padding:9px 28px;letter-spacing:.04em;transition:background .3s,color .3s,border-color .3s}
.pill .ar{display:inline-block;transition:transform .3s var(--ease)}
.pill:hover .ar{transform:translateX(8px)}
.pill.white{background:var(--white);color:var(--bg);min-width:190px;border:1px solid var(--white)}
.pill.white:hover{background:transparent;color:var(--white)}
.pill.gold{background:var(--gold);color:var(--navy);min-width:190px;border:1px solid var(--gold)}
.pill.gold:hover{background:transparent;color:var(--gold)}
.mist .pill.gold,.rail:not(.navy-s) .pill.gold:hover{color:var(--navy)}
.pill.wide{width:100%;max-width:520px;height:54px;padding:0;background:var(--navy);color:var(--ivory);border:1px solid var(--navy)}
.pill.wide:hover{background:transparent;color:var(--navy)}
.chip{display:inline-flex;align-items:center;justify-content:center;height:38px;min-width:84px;padding:0 20px;border:1px solid var(--line);border-radius:999px;font-size:13px;color:var(--mute);transition:all .3s var(--ease);white-space:nowrap;background:var(--bg)}
.chip:hover{border-color:var(--navy);color:var(--navy)}
.chip.on{background:var(--navy);border-color:var(--navy);color:var(--ivory)}
.tabpill{display:inline-flex;justify-content:center;min-width:92px;padding:0 18px;line-height:38px;border-radius:999px;font-size:14px;border:1px solid var(--line);color:var(--mute);transition:all .3s;margin:0 10px 10px 0}
.tabpill:hover{border-color:var(--white);color:var(--white)}
.tabpill.on{background:var(--white);border-color:var(--white);color:var(--bg);font-weight:600}
.txt-link{color:var(--white);border-bottom:1px solid var(--gold);padding-bottom:3px;font-size:14px;transition:color .3s}
.txt-link:hover{color:var(--gold)}
.round{position:absolute;top:50%;transform:translateY(-50%);z-index:40;width:52px;height:52px;border-radius:50%;background:rgba(252,249,246,.92);border:1px solid var(--rule);display:none;align-items:center;justify-content:center;transition:all .3s var(--ease)}
.round:hover{background:var(--navy);border-color:var(--navy)}
.round svg{width:22px;height:22px;stroke:var(--navy);fill:none;stroke-width:1.5;transition:stroke .3s}
.round:hover svg{stroke:var(--ivory)}
.round.prev{left:44px}.round.next{right:44px}
@media(min-width:1024px){.round{display:flex}}
/* ---------- 影像 ---------- */
.ph{position:relative;background:#EFE8E0;overflow:hidden;width:100%;height:100%}
.ph::before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(16,74,110,.12) 1.2px,transparent 1.6px) 0 0/22px 22px}
.ph .lbl{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px;font-size:12px;color:#8b8279;gap:4px}
.ph .lbl b{color:var(--navy);font-size:13px;font-weight:600}
.navy-s .ph,.hero .ph,.gvv .ph,.mega .ph{background:#0E4263}.navy-s .ph::before,.mega .ph::before{background:radial-gradient(circle,rgba(252,249,246,.16) 1.2px,transparent 1.6px) 0 0/22px 22px}
.navy-s .ph .lbl,.mega .ph .lbl{color:rgba(252,249,246,.5)}.navy-s .ph .lbl b,.mega .ph .lbl b{color:var(--ivory)}
.pic{position:relative;width:100%;height:100%;overflow:hidden;background:#EFE8E0}
.pic img{width:100%;height:100%;object-fit:cover}
.pic .tag-s{position:absolute;left:10px;bottom:10px;font-size:11px;padding:2px 8px;background:rgba(252,249,246,.9);color:var(--navy);border-radius:2px}
.zoom{overflow:hidden}
.zoom img,.zoom .ph{transition:transform .8s var(--ease)}
.zoom:hover img,.zoom:hover .ph,a:hover>.zoom img{transform:scale(1.05)}
.r2{border-radius:2px}
/* ---------- 主視覺 ---------- */
.hero{position:relative;height:calc(100dvh - 64px);min-height:600px;overflow:hidden;display:flex;align-items:center;border-bottom:1px solid var(--line)}
.hero .ribbons{right:-16%;top:2%;width:64%;height:108%}
.hero .txt{position:relative;z-index:2;padding:0 22px;max-width:1100px}
.hero .ey{font-family:var(--serif);font-size:15px;letter-spacing:.32em;color:var(--gold);display:flex;align-items:center;gap:10px}
.hero h1{font-family:var(--serif-zh);font-size:36px;line-height:1.38;font-weight:600;color:var(--ivory);margin-top:22px;letter-spacing:.02em}
.hero .rule{width:96px;height:2px;background:var(--gold);margin:30px 0 26px}
.hero .sub{font-size:16px;color:var(--ink);line-height:1.9;max-width:560px}
.hero .btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:40px}
.hero .line{display:block;opacity:0;transform:translateY(26px);animation:up 1s var(--ease) forwards}
.hero .line:nth-child(2){animation-delay:.18s}
.hero .hstar{position:absolute;z-index:1;width:30px;height:30px}
.hero .scroll{position:absolute;left:22px;bottom:26px;font-size:11px;letter-spacing:.3em;color:var(--mute);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:2}
.hero .scroll i{width:1px;height:38px;background:linear-gradient(var(--gold),transparent);animation:sc 2s ease-in-out infinite}
@keyframes sc{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
@keyframes up{to{opacity:1;transform:none}}
@media(min-width:1024px){.hero .scroll{left:9vw}.hero .txt{padding:0 9vw}.hero h1{font-size:66px;line-height:1.32}.hero .sub{font-size:18px}}
@media(max-width:700px){.hero .ribbons{width:150%;right:-55%;opacity:.55}}
/* 作品輪播 */
.carousel{position:relative;padding:72px 0 0;background:var(--ivory)}
.carousel .head{display:flex;justify-content:space-between;align-items:flex-end;padding:0 22px 34px}
@media(min-width:1024px){.carousel .head{padding:0 9vw 40px}}
.track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 17vw}
.track::-webkit-scrollbar{display:none}
.slide{flex:0 0 66vw;max-width:820px;aspect-ratio:1.28;scroll-snap-align:center;position:relative;overflow:hidden;transition:opacity .5s;border-radius:2px}
.slide .meta{position:absolute;left:0;right:0;bottom:0;padding:26px 28px;background:linear-gradient(to top,rgba(16,74,110,.88),transparent);color:var(--ivory);transform:translateY(12px);opacity:0;transition:all .4s var(--ease)}
.slide:hover .meta{opacity:1;transform:none}
.slide .meta b{display:block;font-family:var(--serif);font-size:24px;font-weight:600}
.slide .meta span{font-size:12px;letter-spacing:.12em;color:var(--gold)}
.dots{display:flex;justify-content:center;gap:10px;margin-top:22px}
.dots i{width:6px;height:6px;border-radius:50%;background:var(--navy);opacity:.2;cursor:pointer;transition:all .3s}
.dots i.on{opacity:1;width:22px;border-radius:3px}
.svc-line{display:flex;flex-direction:column;align-items:center;padding:36px 20px 76px;text-align:center}
.svc-line .mk{width:14px;height:14px;fill:var(--gold)}
.svc-line .lb{color:var(--eyebrow);font-size:12px;letter-spacing:.24em;margin-top:10px;font-weight:600}
.svc-line .ls{color:var(--navy);font-family:var(--serif);font-size:22px;line-height:1.6;margin-top:22px}
@media(max-width:1023px){.svc-line .ls{font-size:17px}}
/* 服務全幅段：照片＋深藍文字卡 */
.svc-full{position:relative;min-height:92vh;border-bottom:1px solid var(--rule);display:flex;align-items:center;overflow:hidden;background:var(--paper-2)}
.svc-full .bg{position:absolute;inset:0}
.svc-full .bg img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform 1.6s var(--ease)}
.svc-full:hover .bg img{transform:scale(1)}
.svc-full .box{position:relative;z-index:2;width:calc(100% - 40px);margin:60px 20px;padding:40px 28px;border-radius:2px;overflow:hidden}
.svc-full .box .dots-bg{opacity:.35}
.svc-full .eyebrow{font-size:12px;letter-spacing:.24em;color:var(--gold);font-weight:600;position:relative}
.svc-full h2{font-family:var(--serif);font-size:30px;font-weight:600;color:var(--ivory);margin-top:8px;position:relative}
.svc-full .desc{font-size:15px;line-height:1.95;color:var(--ink);max-width:460px;margin-top:12px;position:relative}
.svc-full .works-t{font-family:var(--serif);font-size:20px;font-weight:600;margin:26px 0 12px;color:var(--ivory);letter-spacing:.12em;position:relative}
.svc-full .thumbs{display:flex;gap:12px;position:relative}
.svc-full .thumbs a{width:31%;aspect-ratio:210/154;border-radius:2px;overflow:hidden;flex-shrink:0}
.svc-full .more{margin-top:28px;position:relative}
@media(min-width:1024px){.svc-full .box{position:absolute;width:min(560px,42%);right:8%;top:50%;transform:translateY(-50%);margin:0;padding:56px 52px}.svc-full.left .box{right:auto;left:8%}.svc-full h2{font-size:52px;line-height:1.2}.svc-full .works-t{margin-top:48px}}
/* 分流列表 */
.route a{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 20px;border-bottom:1px solid var(--line);font-family:var(--serif-zh);font-size:18px;color:var(--white);transition:background .35s var(--ease),padding .35s var(--ease)}
.route a:last-child{border-bottom:0}
.route a small{font-family:var(--sans);font-size:12px;letter-spacing:.06em;color:var(--mute);white-space:nowrap;display:flex;align-items:center;gap:10px}
.route a .ar{transition:transform .3s;color:var(--gold)}
.route a:hover{background:rgba(204,221,230,.35);padding-left:30px}
.route a:hover .ar{transform:translateX(8px)}
.navy-s .route a:hover,.gvv .route a:hover{background:rgba(252,249,246,.05)}
@media(min-width:1024px){.route a{padding:32px 44px;font-size:24px}.route a:hover{padding-left:56px}.route a small{font-size:13px}}
/* 引言段（深藍＋光帶） */
.quote{position:relative;overflow:hidden}
.quote .ribbons{right:-22%;top:-8%;width:56%;height:120%;opacity:.9}
@media(max-width:1023px){.quote .ribbons{display:none}}
.quote .dots-bg{-webkit-mask-image:linear-gradient(270deg,transparent 40%,#000);mask-image:linear-gradient(270deg,transparent 40%,#000);opacity:.4}
.quote .h-xl{position:relative;z-index:2;font-family:var(--serif-zh);color:var(--ivory)}
.quote .qstar{position:absolute;right:44%;top:24%;width:34px;height:34px;z-index:2}
/* 分格 */
.cells{display:grid;grid-template-columns:1fr}
.cells>*{padding:32px 20px;border-top:1px solid var(--line)}
.cells>*:first-child{border-top:0}
.cells .no{font-family:var(--sans);font-variant-numeric:lining-nums tabular-nums;font-size:13px;letter-spacing:.14em;color:var(--eyebrow);line-height:1;font-weight:600}
@media(min-width:1024px){.cells.c3{grid-template-columns:repeat(3,1fr)}.cells.c2{grid-template-columns:repeat(2,1fr)}.cells.c4{grid-template-columns:repeat(4,1fr)}.cells>*{padding:56px 44px;border-top:0;border-left:1px solid var(--line)}.cells>*:first-child{border-left:0}}
.cells>*{transition:background .35s}
.cells>*:hover{background:rgba(204,221,230,.22)}
.navy-s .cells>*:hover{background:rgba(252,249,246,.04)}
/* Logo 牆 */
.logos{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule)}
.logos>div{background:var(--ivory);aspect-ratio:3/2;display:flex;align-items:center;justify-content:center;font-family:var(--serif);letter-spacing:.2em;font-size:13px;color:#b9b1a8;transition:color .3s,background .3s}
.logos>div:hover{color:var(--navy);background:#fff}
@media(min-width:1024px){.logos{grid-template-columns:repeat(6,1fr)}}
/* 跑馬燈 */
.marquee{overflow:hidden;padding:34px 0;background:var(--bg)}
.marquee .row{display:flex;gap:18px;width:max-content;animation:mq 70s linear infinite;margin-bottom:18px}
.marquee .row.rev{animation-direction:reverse}
.marquee .row>div{height:210px;width:300px;flex-shrink:0;border-radius:2px;overflow:hidden}
.marquee:hover .row{animation-play-state:paused}
@keyframes mq{to{transform:translateX(-50%)}}
@media(min-width:1024px){.marquee .row>div{height:320px;width:440px}}
/* FAQ */
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:24px 0;font-family:var(--serif-zh);font-size:18px;font-weight:600;color:var(--white);transition:color .3s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:var(--gold)}
.faq summary i{width:16px;height:16px;position:relative;flex-shrink:0;margin-top:6px}
.faq summary i::before,.faq summary i::after{content:"";position:absolute;left:0;top:7px;width:16px;height:1.5px;background:var(--gold);transition:transform .35s var(--ease)}
.faq summary i::after{transform:rotate(90deg)}
.faq details[open] summary i::after{transform:rotate(0)}
.faq .ans{padding:0 0 26px;font-size:15px;line-height:1.95;color:var(--ink);max-width:760px}
/* ---------- 頁尾 ---------- */
.foot-cta{position:relative;overflow:hidden;padding:90px 24px;text-align:center}
.foot-cta .ribbons{left:-26%;top:-10%;width:44%;height:130%;opacity:.85}
@media(max-width:1023px){.foot-cta .ribbons{display:none}}
.foot-cta .in{max-width:860px;margin:0 auto;position:relative;z-index:2}
.foot-cta .cstar{width:22px;height:22px;margin:0 auto 18px;display:block}
.foot-cta h2{font-family:var(--serif);font-size:32px;font-weight:600;color:var(--ivory);line-height:1.25}
.foot-cta .sub{font-size:16px;line-height:1.9;margin:14px 0 46px;color:var(--ink)}
.foot-cta .three{display:flex;flex-direction:column;gap:10px;margin-bottom:34px}
.foot-cta .three a{flex:1;border:1px solid var(--line);padding:20px 0;font-family:var(--serif);font-size:16px;letter-spacing:.24em;font-weight:600;color:var(--ivory);transition:all .35s var(--ease)}
.foot-cta .three a:hover{background:var(--ivory);color:var(--navy);border-color:var(--ivory)}
.foot-cta .alt{display:block;margin-top:20px;font-size:14px;color:var(--mute);transition:color .3s}
.foot-cta .alt:hover{color:var(--gold)}
@media(min-width:1024px){.foot-cta{padding:120px 48px}.foot-cta h2{font-size:58px}.foot-cta .three{flex-direction:row}}
.foot{padding:56px 28px 26px;border-top:1px solid var(--line)}
.foot .cols{display:flex;flex-direction:column;gap:40px;max-width:1280px;margin:0 auto}
.foot .co img{width:210px}
.foot .co .info{font-size:13px;line-height:2;color:var(--mute);margin-top:22px}
.foot .co .pv{font-size:13px;color:var(--mute);margin-top:14px;display:inline-block;border-bottom:1px solid var(--line)}
.foot .co .pv:hover{color:var(--gold)}
.foot .nav-cols{display:flex;gap:60px;flex-wrap:wrap}
.foot .nav-cols>div{display:flex;flex-direction:column;gap:18px;font-family:var(--serif);font-size:20px;font-weight:600;letter-spacing:.1em;color:var(--ivory)}
.foot .nav-cols a{transition:color .3s}
.foot .nav-cols a:hover{color:var(--gold)}
.foot .nav-cols .subs{font-family:var(--sans);font-size:12px;letter-spacing:.08em;line-height:24px;font-weight:400;color:var(--mute);margin-top:8px}
.foot .nav-cols .subs a{margin-right:12px}
.foot .partner{font-size:13px;line-height:1.9;color:var(--mute);max-width:520px;margin-top:36px;padding-top:24px;border-top:1px solid var(--line)}
.foot .partner b{color:var(--ivory);display:block;margin-bottom:6px;font-size:14px}
.foot .soc{display:flex;justify-content:center;gap:12px;margin:50px 0 34px}
.foot .soc a{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;transition:all .3s}
.foot .soc a:hover{background:var(--gold);border-color:var(--gold)}
.foot .soc svg{width:17px;height:17px;fill:var(--ivory);transition:fill .3s}
.foot .soc a:hover svg{fill:var(--navy)}
.foot .copy{font-size:12px;color:var(--mute);border-top:1px solid var(--line);padding-top:22px;text-align:center;letter-spacing:.08em}
@media(min-width:1024px){.foot{padding:80px 48px 30px}.foot .cols{flex-direction:row;justify-content:space-between}.foot .co{width:30%}}
/* LINE 浮動 */
.line-fab{position:fixed;right:22px;bottom:22px;z-index:90;display:flex;align-items:center;gap:10px}
.line-fab .tip{background:var(--navy);color:var(--ivory);font-size:13px;padding:8px 16px;border-radius:24px;opacity:0;transform:translateX(8px);transition:all .3s;pointer-events:none}
.line-fab:hover .tip{opacity:1;transform:none}
.line-fab .ic{width:56px;height:56px;border-radius:50%;background:#06C755;display:grid;place-items:center;box-shadow:0 8px 24px rgba(16,74,110,.25);transition:transform .3s}
.line-fab:hover .ic{transform:translateY(-3px)}
.line-fab svg{width:30px;height:30px;fill:#fff}
/* ---------- Projects ---------- */
.filter{display:flex;align-items:center;margin:56px 0 30px;overflow-x:auto;scrollbar-width:none}
.filter .ln{height:1px;background:var(--rule);flex:1;min-width:20px}
.filter .seg{width:20px;height:1px;background:var(--rule);flex-shrink:0}
.grid-works{display:flex;flex-wrap:wrap;justify-content:center;padding:0 22px 104px;max-width:1920px;margin:0 auto}
.card{width:320px;margin:28px 10px 0;display:block}
.card .im{width:320px;height:260px;border-radius:2px;overflow:hidden}
.card .t1{margin-top:12px;font-family:var(--serif-zh);font-size:16px;font-weight:600;color:var(--white);transition:color .3s}
.card:hover .t1{color:var(--gold)}
.card .t2{font-size:11px;letter-spacing:.14em;color:var(--eyebrow);margin-top:4px;text-transform:uppercase}
.card .t3{font-size:13px;color:var(--mute);margin-top:6px;line-height:1.7}
@media(max-width:700px){.card,.card .im{width:100%}.card .im{height:auto;aspect-ratio:320/260}}
/* 作品詳情 */
.pd-head{padding:0 3px;border-bottom:1px solid var(--rule);position:relative}
.pd-x{border-left:1px solid var(--rule);border-right:1px solid var(--rule);max-width:1920px;margin:0 auto;position:relative}
@media(min-width:1024px){.pd-head,.pd-body,.pd-cta{padding:0 10vw}}
.pd-title{font-family:var(--serif-zh);font-size:26px;font-weight:600;color:var(--navy);padding:44px 30px 0}
@media(min-width:1024px){.pd-title{font-size:40px}}
.pd-sub{font-size:14px;color:var(--muted);padding:12px 30px 24px}
.pd-body{padding:0 3px;margin-top:-1px;overflow:hidden}
.pd-in{padding:0 25px}
@media(min-width:1024px){.pd-in{padding:0 80px}}
.pd-in h2{font-family:var(--serif-zh);font-size:24px;font-weight:600;padding:34px 0 16px;color:var(--navy)}
.pd-in .fig{padding:28px 0}
.pd-in .fig .ph,.pd-in .fig .pic{aspect-ratio:16/9;height:auto}
.pd-in .tips{font-size:13px;color:var(--muted);padding:12px 0 0}
.scope{display:flex;flex-wrap:wrap;gap:8px;padding:0 30px 34px}
.scope span{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 16px;border-radius:999px;border:1px solid var(--navy);font-size:13px;color:var(--navy);background:#fff}
.scope span::before{content:"";width:10px;height:10px;background:var(--gold);clip-path:path("M5 0C5.4 3.6 6.4 4.6 10 5 6.4 5.4 5.4 6.4 5 10 4.6 6.4 3.6 5.4 0 5 3.6 4.6 4.6 3.6 5 0Z")}
.scope span.dim{border-color:var(--rule);color:#b9b1a8;background:transparent}.scope span.dim::before{background:var(--rule)}
.sipm-bar{position:sticky;top:64px;z-index:40;background:rgba(252,249,246,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--rule);border-top:1px solid var(--rule);display:flex;justify-content:center}
.sipm-bar a{padding:14px 28px;font-family:var(--serif);font-size:18px;font-weight:600;color:#c8c0b7;transition:color .3s;border-left:1px solid var(--rule);position:relative}
.sipm-bar a:last-child{border-right:1px solid var(--rule)}
.sipm-bar a.on{color:var(--navy)}
.sipm-bar a.on::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--gold)}
.sipm-bar a small{font-family:var(--sans);font-weight:400;margin-left:8px;font-size:12px}
@media(max-width:700px){.sipm-bar a{padding:12px 16px}.sipm-bar a small{display:none}}
.timeline{border-left:1px solid var(--gold);padding-left:28px;margin:10px 0 20px 6px}
.timeline>div{position:relative;padding:10px 0 20px}
.timeline>div::before{content:"";position:absolute;left:-35px;top:14px;width:13px;height:13px;background:var(--gold);clip-path:path("M6.5 0C7 4.7 8.3 6 13 6.5 8.3 7 7 8.3 6.5 13 6 8.3 4.7 7 0 6.5 4.7 6 6 4.7 6.5 0Z")}
.credits{font-size:14px;line-height:2.1;color:var(--ink-0);padding:20px 24px 26px;background:rgba(194,174,157,.18);border-left:2px solid var(--taupe);margin-bottom:30px}
.credits b{color:var(--muted);font-weight:400;display:inline-block;min-width:200px;font-family:var(--serif);font-size:15px;letter-spacing:.06em}
.pd-cta{display:flex;justify-content:center;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.pd-cta .pd-x{width:100%;margin-top:-1px;padding:84px 0 44px;text-align:center}
.pd-cta .nm{font-family:var(--serif-zh);font-size:18px;font-weight:600;color:var(--navy);padding-top:36px}
.others{background:var(--paper-2);padding:40px 0}
.others .in{max-width:1040px;margin:0 auto;padding:0 22px}
.others h3{font-family:var(--serif);font-size:24px;color:var(--navy);font-weight:600;margin-bottom:22px;letter-spacing:.06em}
.others .row{display:flex;flex-direction:column;gap:18px}
.others .row a{flex:1}
.others .row .im{height:240px;border-radius:2px;overflow:hidden}
.others .row p{margin-top:10px;font-family:var(--serif-zh);font-size:15px;font-weight:600;color:var(--navy)}
@media(min-width:1024px){.others{padding:64px 0}.others .row{flex-direction:row}}
/* 雙欄 */
.duo{display:flex;flex-direction:column}
.duo .tx{flex:1;padding:32px 20px;min-width:0}
.duo .md{width:100%;aspect-ratio:4/3;position:relative;overflow:hidden}
@media(min-width:1024px){.duo{flex-direction:row}.duo .tx{padding:64px 44px}.duo .md{width:58%;aspect-ratio:auto;min-height:540px;flex-shrink:0}}
/* 服務項目列 */
.svc-row{display:flex;flex-direction:column;gap:20px;align-items:flex-start;margin-bottom:56px}
.svc-row .tx{width:100%;padding:20px 4px}
.svc-row .tx h3{font-family:var(--serif-zh);font-size:24px;font-weight:600;color:var(--navy);margin-bottom:8px}
.svc-row .tx .k{font-family:var(--serif);font-size:16px;font-style:italic;color:var(--muted);margin-bottom:14px;letter-spacing:.04em}
.svc-row .tx p{font-size:14px;line-height:1.95;color:var(--ink-0)}
.svc-row .md{width:100%;aspect-ratio:16/10;overflow:hidden;border-radius:2px}
@media(min-width:1024px){.svc-row{flex-direction:row;gap:64px;margin-bottom:110px}.svc-row:nth-child(even){flex-direction:row-reverse}.svc-row .tx{width:400px;flex-shrink:0;padding:40px 0}.svc-row .tx h3{font-size:36px;margin-bottom:12px}.svc-row .md{flex:1;max-width:660px}}
/* 關鍵字地圖 */
.born{display:grid;grid-template-columns:1fr;gap:44px;max-width:920px;margin:0 auto}
.born .it{display:flex;gap:22px;align-items:flex-start}
.born .ic{width:104px;height:104px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:48px;font-weight:600;color:var(--ivory);background:var(--navy);position:relative;transition:transform .5s var(--ease)}
.born .ic::after{content:"";position:absolute;right:10px;top:10px;width:12px;height:12px;background:var(--gold);clip-path:path("M6 0C6.4 4.3 7.7 5.6 12 6 7.7 6.4 6.4 7.7 6 12 5.6 7.7 4.3 6.4 0 6 4.3 5.6 5.6 4.3 6 0Z");transition:transform .5s var(--ease)}
.born .it:hover .ic{transform:translateY(-4px)}
.born .it:hover .ic::after{transform:rotate(90deg) scale(1.2)}
.born h3{font-family:var(--serif-zh);font-size:18px;font-weight:600;color:var(--navy);margin-bottom:6px}
.born .one{font-size:14px;color:var(--ink-0);margin-bottom:12px}
.born ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.born ul li{font-size:12px;padding:3px 12px;border-radius:999px;background:var(--mist);color:var(--navy)}
.born details{margin-top:14px;font-size:13px;line-height:1.9;color:var(--muted)}
.born details summary{cursor:pointer;color:var(--navy);font-size:13px;border-bottom:1px solid var(--gold);display:inline-block}
@media(min-width:1024px){.born{grid-template-columns:1fr 1fr;gap:64px 72px}.born .ic{width:136px;height:136px;font-size:64px}.born h3{font-size:20px}}
/* 對話膠囊 */
.bubble{display:inline-flex;align-items:flex-start;background:var(--mist);border-radius:24px;padding:8px 20px 8px 8px;color:var(--navy);margin:0 10px 20px 0;max-width:440px;transition:transform .3s}
.bubble:hover{transform:translateY(-2px)}
.bubble .who{display:flex;align-items:center;gap:8px}
.bubble .av{width:32px;height:32px;border-radius:50%;background:var(--navy);color:var(--gold);display:grid;place-items:center;font-family:var(--serif);font-size:15px;font-weight:600;transition:transform .3s;flex-shrink:0}
.bubble:hover .av{transform:scale(1.15)}
.bubble .nm{font-size:14px;font-weight:600;white-space:nowrap}
.bubble .say{font-size:14px;padding:6px 0;margin-left:10px;align-self:center;line-height:1.6}
.gvv .bubble{background:var(--ivory)}
.member{width:100%}
.member .im{width:100%;aspect-ratio:320/396;border-radius:2px;overflow:hidden;margin-bottom:14px}
.member .n1{font-family:var(--serif);font-size:18px;font-weight:600;letter-spacing:.08em;color:var(--navy)}
.member .n2{font-size:13px;color:var(--muted)}
.member .role{font-size:13px;color:var(--navy);margin-top:8px}
.member .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.member .tags span{font-size:11px;border-radius:999px;padding:3px 10px;background:var(--mist);color:var(--navy)}
.members{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
@media(min-width:1024px){.members{grid-template-columns:repeat(auto-fill,minmax(220px,280px));gap:24px}}
/* 信念段（深藍／暖灰褐） */
.gvv{padding:80px 0;position:relative;overflow:hidden}
.gvv .dots-bg{opacity:.3}
.gvv .r{display:flex;padding-left:20px;margin-bottom:22px;position:relative;z-index:1}
.gvv .r .sp{display:none}
.gvv .r .bx{flex:1;margin-right:24px;border-left:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0 58px 30px;position:relative;color:var(--ink)}
.gvv .r .bx h3{font-family:var(--serif);font-size:34px;font-weight:600;color:var(--white);line-height:1.2}
.gvv .r .bx .zh{margin:18px 0 10px;font-size:13px;letter-spacing:.2em;color:var(--eyebrow);font-weight:600}
.gvv .r .bx p{font-size:15px;line-height:1.95;max-width:460px}
.gvv .r .bx .bubble{position:absolute;bottom:-26px;left:30px}
@media(min-width:1024px){.gvv{padding:110px 0}.gvv .r{padding-left:0}.gvv .r .sp{display:block;width:12%;max-width:220px;flex-shrink:0}.gvv .r .bx{display:flex;align-items:flex-start}.gvv .r .bx h3{flex:1;font-size:46px;max-width:620px}.gvv .r .bx .cn{width:460px;margin-right:12vw}.gvv .r .bx .zh{margin-top:6px}.gvv .r .bx .bubble{left:calc(26vw + 100px)}}
/* Contact */
.ct{display:flex;flex-direction:column;max-width:1920px;margin:0 auto;border-left:1px solid var(--rule);border-right:1px solid var(--rule)}
.ct .l{width:100%;display:flex;flex-direction:column;padding-bottom:40px;position:relative}
.ct .l h1{font-family:var(--serif);font-size:46px;font-weight:600;color:var(--navy);padding:30px 22px 44px;border-bottom:1px solid var(--rule);position:relative;line-height:1}
.ct .l .bd{flex:1;display:flex;justify-content:center;align-items:center;padding:26px 22px;font-size:15px;line-height:2;color:var(--ink-0)}
.ct .r{flex:1;padding:50px 24px;border-top:1px solid var(--rule)}
.ct .r .in{max-width:880px;margin:0 auto}
.field{margin-top:28px}
.field label{color:var(--navy);font-size:15px;font-weight:500}
.field label em{color:var(--gold);font-style:normal}
.field input,.field select,.field textarea{display:block;width:100%;margin-top:14px;padding:20px 22px;border-radius:2px;background:#fff;border:1px solid var(--rule);color:var(--ink-0);font:inherit;outline:none;transition:border-color .3s,box-shadow .3s}
.field input:focus,.field textarea:focus{border-color:var(--navy);box-shadow:0 0 0 3px rgba(204,221,230,.7)}
.field textarea{height:150px;resize:vertical}
.field-row{display:flex;flex-direction:column}
.field-row>.field{flex:1}
@media(min-width:1024px){.ct{flex-direction:row}.ct .l{width:38%;min-width:480px;border-right:1px solid var(--rule)}.ct .l h1{font-size:88px;padding:58px 40px 58px 70px;line-height:.95}.ct .l .bd{padding:26px 40px 26px 70px}.ct .r{padding:40px 64px 120px;border-top:0}.field-row{flex-direction:row;gap:14px}}
/* AI SMART 長頁 */
.lv{display:grid;grid-template-columns:1fr;border-top:1px solid var(--line)}
.lv>div{padding:34px 20px;border-bottom:1px solid var(--line);transition:background .35s}
.lv>div:hover{background:rgba(204,221,230,.22)}
.lv .tag{font-family:var(--serif);font-size:15px;letter-spacing:.24em;color:var(--eyebrow);font-weight:600}
.lv ul{list-style:none;margin-top:18px}
.lv li{padding:14px 0;border-top:1px solid var(--line);font-size:14px;line-height:1.8;color:var(--ink)}
.lv li span{display:block;color:var(--mute);font-size:13px}
@media(min-width:1024px){.lv{grid-template-columns:repeat(3,1fr)}.lv>div{padding:44px;border-bottom:0;border-left:1px solid var(--line)}.lv>div:first-child{border-left:0}}
.cmp{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);font-size:14px}
.cmp>div{padding:16px 22px;border-bottom:1px solid var(--line)}
.cmp>div:nth-child(odd){color:var(--mute);border-right:1px solid var(--line)}
.cmp>div:nth-child(even){background:rgba(204,221,230,.3);color:var(--navy)}
.cmp .hd{font-family:var(--serif-zh);font-weight:600;font-size:16px}
.cmp .hd.g{background:var(--navy)!important;color:var(--ivory)!important}
.stage{display:grid;grid-template-columns:84px 1fr;gap:20px;padding:34px 20px;border-top:1px solid var(--line)}
.stage .L{font-family:var(--serif);font-size:64px;font-weight:600;color:#ddd5cc;line-height:.9;transition:color .6s}
.stage.in .L{color:var(--navy)}
.stage .en{font-size:11px;letter-spacing:.24em;color:var(--muted);margin-top:8px}
.stage h3{font-family:var(--serif-zh);font-size:22px;font-weight:600;color:var(--navy);margin:6px 0 10px}
.stage .d{display:inline-block;font-size:12px;color:var(--navy);margin-top:12px;background:var(--mist);padding:4px 12px;border-radius:999px}
@media(min-width:1024px){.stage{grid-template-columns:170px 1fr;padding:46px 44px}.stage .L{font-size:110px}}
/* ---------- 標註（正式版移除） ---------- */
.note{border:1.5px dashed #c9a227;background:rgba(245,197,66,.10);color:#6b5410;padding:10px 14px;margin:14px 0;font-size:12.5px;line-height:1.75;border-radius:2px;font-family:var(--sans);text-align:left;position:relative;z-index:3}
.note b{color:#8a6d0b;margin-right:4px}
.navy-s .note,.hero .note,.foot-cta .note,.gvv:not(.taupe) .note,.svc-full .note,.quote .note{color:#f3e2b0;border-color:#f5c542;background:rgba(245,197,66,.10)}
.navy-s .note b,.hero .note b,.foot-cta .note b,.gvv:not(.taupe) .note b,.svc-full .note b,.quote .note b{color:#f5c542}
.tg{display:inline-block;font-size:10px;line-height:1.5;padding:1px 6px;margin-right:6px;border-radius:2px;vertical-align:middle;font-weight:700;font-family:var(--sans);letter-spacing:.03em}
.tg-temp{background:#7fb3ff;color:#0b1a33}.tg-wait{background:#ff6b6b;color:#330b0b}.tg-orig{background:#7ddc9a;color:#0b2b16}.tg-qiao{background:#d7a6ff;color:#2a0b33}.tg-gpt{background:#ffb07f;color:#331a0b}.tg-new{background:#fff;color:#000;outline:1px solid #000}
body.clean .note,body.clean .tg{display:none!important}
.legend{position:fixed;left:16px;bottom:16px;z-index:95;background:var(--navy);color:var(--ivory);border:1px solid var(--gold);padding:8px 10px;font-size:12px;max-width:230px}
.legend .bd{display:none;margin-top:6px;line-height:1.6}
.legend:hover .bd{display:block}
.legend button{display:block;width:100%;margin-top:6px;background:var(--gold);color:var(--navy);font-weight:700;padding:5px 8px;font-size:12px}
@media(max-width:1023px){.legend{display:none}}
/* ===================== v0.4 新增 ===================== */
.en{font-family:var(--serif-en);font-size:1.16em;font-weight:600;letter-spacing:.01em}
.h2{font-family:var(--serif);font-size:28px;font-weight:600;line-height:1.4;color:var(--white);margin-top:10px}
@media(min-width:1024px){.h2{font-size:40px}.h-xl{font-size:54px}.h-xl.xxl{font-size:72px}}
.h-xl{padding:34px 20px}
@media(min-width:1024px){.h-xl{padding:40px 44px}}
.wrap{max-width:1240px}
/* 光暈場：取自 Logo 漸層背景（左上暖金、右上象牙白＋霧藍） */
.glowfield{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.glowfield i{position:absolute;border-radius:50%;filter:blur(70px);will-change:transform}
.glowfield .g1{width:46vw;height:46vw;left:-14vw;top:-22vw;background:radial-gradient(circle,rgba(230,177,130,.55),rgba(230,177,130,0) 68%);animation:drift1 26s ease-in-out infinite alternate}
.glowfield .g2{width:60vw;height:52vw;right:-18vw;top:-26vw;background:radial-gradient(circle,rgba(252,249,246,.62),rgba(204,221,230,.32) 45%,rgba(204,221,230,0) 70%);animation:drift2 30s ease-in-out infinite alternate}
.glowfield .g3{width:40vw;height:40vw;right:10vw;bottom:-30vw;background:radial-gradient(circle,rgba(204,221,230,.22),rgba(204,221,230,0) 70%);animation:drift1 34s ease-in-out infinite alternate-reverse}
.glowfield.soft .g1{opacity:.55}.glowfield.soft .g2{opacity:.5}
@keyframes drift1{from{transform:translate(0,0) scale(1)}to{transform:translate(4vw,3vw) scale(1.08)}}
@keyframes drift2{from{transform:translate(0,0) scale(1)}to{transform:translate(-5vw,4vw) scale(.94)}}
.hero>*:not(.glowfield):not(.dots-bg):not(.ribbons){position:relative;z-index:2}
.hero .dots-bg{z-index:1;opacity:.45}
.mist .glowfield .g1{background:radial-gradient(circle,rgba(230,177,130,.35),rgba(230,177,130,0) 70%)}
.mist .glowfield .g2{background:radial-gradient(circle,rgba(252,249,246,.8),rgba(252,249,246,0) 70%)}
.glowsoft{position:relative;overflow:hidden}
.glowsoft::before{content:"";position:absolute;width:60vw;height:60vw;right:-20vw;top:-10vw;border-radius:50%;background:radial-gradient(circle,rgba(204,221,230,.45),rgba(204,221,230,0) 70%);filter:blur(40px);pointer-events:none}
.glowsoft::after{content:"";position:absolute;width:40vw;height:40vw;left:-14vw;bottom:-14vw;border-radius:50%;background:radial-gradient(circle,rgba(230,177,130,.16),rgba(230,177,130,0) 70%);filter:blur(40px);pointer-events:none}
.glowsoft>*{position:relative;z-index:1}
/* Loading 用正式 Logo */
.loader{flex-direction:column;overflow:hidden}
.loader .lg{position:relative;z-index:2;width:min(300px,62vw);opacity:0;animation:logoin 1.2s .1s var(--ease) forwards}
@keyframes logoin{from{opacity:0;transform:translateY(12px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
/* 主視覺 */
.hero{align-items:stretch;flex-direction:column;justify-content:center;padding-bottom:0}
.hero .txt{flex:1;display:flex;flex-direction:column;justify-content:center;padding-top:40px}
.hero .btns{margin-top:34px}
/* 三條入口（一組，分段細線） */
.doors{position:relative;display:grid;grid-template-columns:1fr;margin:0 22px 26px}
.door{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:6px 16px;padding:22px 6px 20px;color:var(--white);border-top:1px solid var(--line);transition:background .45s var(--ease)}
.door .k{grid-row:1/3;align-self:start;font-family:var(--sans);font-size:12px;letter-spacing:.14em;color:var(--eyebrow);padding-top:3px}
.door .q{font-size:13px;color:var(--mute);letter-spacing:.04em}
.door .act{grid-column:2;font-family:var(--serif);font-size:20px;font-weight:600;display:flex;align-items:center;gap:10px}
.door .act small{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.06em;padding:2px 8px;border-radius:999px;background:var(--gold);color:var(--navy)}
.door .act .ar{font-style:normal;color:var(--gold);transition:transform .45s var(--ease)}
.door:hover .act .ar{transform:translateX(8px)}
.door:hover{background:rgba(252,249,246,.05)}
.doors .seg-track{display:none}
@media(min-width:1024px){
.doors{grid-template-columns:repeat(3,1fr);margin:0 9vw 0;border-top:0}
.door{border-top:0;padding:30px 30px 34px;border-left:1px solid var(--line)}
.door:first-child{border-left:0;padding-left:0}
.door .act{font-size:24px}
.doors .seg-track{display:grid;position:absolute;left:0;right:0;top:0}
}
.hero .doors{margin-top:10px}
.foot-cta .doors{margin:40px 0 10px;text-align:left}
.foot-cta .doors .door:first-child{padding-left:0}
/* 分段細線：把一組東西綁在一起 */
.seg-track{display:grid;grid-template-columns:repeat(3,1fr);gap:0;height:2px;background:var(--line)}
.seg-track i{display:block;height:2px;background:transparent;position:relative;overflow:hidden}
.seg-track i::after{content:"";position:absolute;inset:0;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}
.seg-track i.on::after{transform:scaleX(1)}
.seg-track.wide{margin-top:34px}
.works .seg-track{background:var(--rule)}
.works .seg-track i::after{background:var(--navy)}
/* 精選作品 */
.works{padding:110px 0 120px;background:var(--ivory)}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:44px}
.wgrid{display:grid;grid-template-columns:1fr;gap:34px}
@media(min-width:760px){.wgrid{grid-template-columns:repeat(3,1fr);gap:28px}}
.wcard{display:block}
.wimg{aspect-ratio:4/5;overflow:hidden;border-radius:2px;background:#EFE8E0;position:relative}
.wimg img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform 1.1s var(--ease)}
.wcard:hover .wimg img{transform:scale(1.08)}
.wimg::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(16,74,110,.35),transparent 45%);opacity:0;transition:opacity .6s var(--ease)}
.wcard:hover .wimg::after{opacity:1}
.wmeta{padding-top:20px}
.wtag{font-size:12px;letter-spacing:.1em;color:var(--eyebrow)}
.wmeta h3{font-family:var(--serif);font-size:22px;font-weight:600;color:var(--navy);margin:6px 0 6px;transition:color .3s}
.wmeta p{font-size:14px;color:var(--muted);line-height:1.7}
/* 三大服務：左標右文＋三列 */
.split{display:grid;grid-template-columns:1fr;gap:30px;padding:56px 20px}
@media(min-width:1024px){.split{grid-template-columns:minmax(260px,1fr) 2.2fr;gap:64px;padding:100px 44px}.split-l{position:sticky;top:120px;align-self:start}}
.srow{position:relative;display:grid;grid-template-columns:44px 1fr;gap:6px 18px;padding:30px 12px;border-top:1px solid var(--rule);transition:background .5s var(--ease),padding .5s var(--ease)}
.srow:last-child{border-bottom:1px solid var(--rule)}
.srow .sn{font-size:12px;letter-spacing:.14em;color:var(--eyebrow);padding-top:8px}
.srow h3{font-family:var(--serif);font-size:24px;font-weight:600;color:var(--navy)}
.srow h3 em{font-family:var(--serif-en);font-style:italic;font-weight:500;font-size:18px;color:var(--muted);margin-left:12px}
.srow .st p{font-size:15px;color:var(--ink-0);margin-top:4px}
.srow .sq{grid-column:2;display:flex;flex-direction:column;gap:4px;margin-top:6px}
.srow .sq span{font-family:var(--serif);font-size:14px;color:var(--muted)}
.srow .sgo{grid-column:2;font-size:13px;color:var(--navy);margin-top:10px;display:flex;gap:8px;align-items:center}
.srow .sgo .ar{font-style:normal;color:var(--gold);transition:transform .45s var(--ease)}
.srow .sthumb{display:none}
.srow:hover{background:rgba(204,221,230,.25)}
.srow:hover .sgo .ar{transform:translateX(8px)}
@media(min-width:1024px){
.srow{grid-template-columns:56px 1fr 1fr;padding:36px 20px;align-items:start}
.srow .sq{grid-column:3;grid-row:1;margin-top:8px}
.srow .sgo{grid-column:2}
.srow .sthumb{display:block;position:absolute;right:20px;top:50%;width:150px;aspect-ratio:4/5;overflow:hidden;border-radius:2px;opacity:0;transform:translateY(-44%) rotate(2deg) scale(.92);transition:all .6s var(--ease);box-shadow:0 18px 40px rgba(16,74,110,.18);pointer-events:none}
.srow .sthumb img{width:100%;height:100%;object-fit:cover}
.srow:hover .sthumb{opacity:1;transform:translateY(-50%) rotate(-2deg) scale(1)}
.srow:hover .sq{opacity:.25}
.srow .sq{transition:opacity .4s}
}
/* 信任段（深藍＋光暈） */
.trust{position:relative;overflow:hidden;background:var(--navy);padding:120px 0}
.trust .ribbons{right:-24%;top:-10%;width:58%;height:120%;opacity:.7}
@media(max-width:1023px){.trust .ribbons{display:none}}
.trust-in{position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:50px}
@media(min-width:1024px){.trust-in{grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}}
.trust .big{font-family:var(--serif);font-size:34px;line-height:1.45;font-weight:600;color:var(--ivory)}
@media(min-width:1024px){.trust .big{font-size:52px}}
.reasons{list-style:none;counter-reset:r}
.reasons li{display:grid;grid-template-columns:40px 1fr;gap:16px;padding:22px 0;border-top:1px solid var(--line)}
.reasons li:last-child{border-bottom:1px solid var(--line)}
.reasons b{font-size:12px;letter-spacing:.14em;color:var(--gold);font-weight:600;padding-top:4px}
.reasons p{font-size:15px;line-height:1.85;color:var(--ink)}
/* 品牌健檢帶 */
.check-band{position:relative;overflow:hidden;padding:110px 0}
.check-in{position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:50px}
@media(min-width:1024px){.check-in{grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}}
.quote-s{font-family:var(--serif);font-size:16px;color:var(--mute);margin-top:14px}
.pill .paid{font-size:11px;font-weight:600;padding:1px 8px;border-radius:999px;background:var(--navy);color:var(--ivory);letter-spacing:.04em}
.steps-line{list-style:none;position:relative;display:grid;gap:0}
.steps-line::before{content:"";position:absolute;left:7px;top:14px;bottom:14px;width:1px;background:rgba(16,74,110,.25)}
.steps-line li{position:relative;display:flex;align-items:center;gap:16px;padding:18px 0 18px 36px;font-family:var(--serif);font-size:20px;font-weight:600;color:var(--navy)}
.steps-line li b{font-family:var(--sans);font-size:12px;letter-spacing:.14em;color:var(--mute);font-weight:600}
.steps-line .dot{position:absolute;left:0;width:15px;height:15px;border-radius:50%;background:var(--ivory);border:1px solid var(--navy);transition:background .4s}
.steps-line li.in .dot{background:var(--gold);border-color:var(--gold);transition-delay:calc(var(--d,0)*160ms + .3s)}
/* 頁尾 CTA */
.foot-cta .en-sub{font-family:var(--serif-en);font-size:20px;font-style:italic;color:var(--gold);letter-spacing:.02em}
.foot-cta h2{margin-top:4px}
/* ===== 捲動浮現（絲滑） ===== */
.js .rv{opacity:0;transform:translateY(42px);transition:opacity 1s cubic-bezier(.22,.61,.36,1),transform 1.1s cubic-bezier(.22,.61,.36,1);transition-delay:calc(var(--d,0)*120ms)}
.rv.in{opacity:1;transform:none}
.js .rv-img{clip-path:inset(18% 0 0 0);transition:clip-path 1.3s cubic-bezier(.22,.61,.36,1);transition-delay:calc(var(--d,0)*120ms + .1s)}
.rv.in .rv-img{clip-path:inset(0 0 0 0)}
.fade{transform:translateY(42px);transition:opacity 1s cubic-bezier(.22,.61,.36,1),transform 1.1s cubic-bezier(.22,.61,.36,1)}
.no-js .rv,.no-js .fade{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.rv,.fade,.rv-img{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important}
.glowfield i,.star.tw,.marquee .row,.btn-tex .tex::after{animation:none!important}
.draw path{animation:none!important;stroke-dashoffset:0!important}
}
/* 健檢按鈕：光只在滑過時掃一次 */
.btn-tex .tex::after{animation:none;left:-60%}
.btn-tex:hover .tex::after{animation:sweep1 .9s var(--ease)}
@keyframes sweep1{from{left:-60%}to{left:130%}}
.btn-tex:hover .tex{opacity:1}
.btn-tex:hover{background:var(--gold)}
/* 金字不放淺底文字 */
.txt-link:hover{color:var(--navy)}
.navy-s .txt-link:hover,.hero .txt-link:hover,.foot-cta .txt-link:hover{color:var(--gold)}
/* ===== v0.4 修正（截圖檢查後） ===== */
/* 主視覺光帶不碰入口文字：收在入口列上方 */
.hero .ribbons{top:-6%;height:86%;right:-18%}
.hero .doors{position:relative;z-index:3}
.hero .doors::before{content:"";position:absolute;inset:0 -100vw -40px;background:linear-gradient(180deg,rgba(16,74,110,0),rgba(16,74,110,.92) 30%);z-index:-1}
/* 光暈：金色不與深藍混成橄欖色 → 改提亮混合、降飽和處 */
.glowfield .g1{background:radial-gradient(circle,rgba(246,214,182,.42),rgba(230,177,130,0) 66%);mix-blend-mode:screen}
.glowfield .g2,.glowfield .g3{mix-blend-mode:screen}
/* 入口：文字不換行，付費諮詢標籤固定成膠囊 */
.door .act{white-space:nowrap;flex-wrap:nowrap}
.door .act small{white-space:nowrap;line-height:1.6}
.door{align-items:start}
.door .q{white-space:nowrap}
.foot-cta .doors{max-width:1120px;margin-left:auto;margin-right:auto}
@media(min-width:1024px){.foot-cta .door .act{font-size:21px}.foot-cta .door{padding:28px 22px 30px}}
.foot-cta .in{max-width:1160px}
.foot-cta .ribbons{left:-34%;top:-22%;height:110%}
@media(max-width:700px){.hero .ribbons{display:none}}
/* Loading：Logo「I」上的光暈＋四芒星（找回 v0.3 的光感） */
.loader .lgwrap{position:relative;z-index:2;display:block;width:min(300px,62vw)}
.loader .lgwrap .lg{width:100%;display:block}
.loader .lgglow{position:absolute;left:54.3%;top:22%;width:70px;height:70px;margin:-35px 0 0 -35px;border-radius:50%;
background:radial-gradient(circle,rgba(255,240,220,.85) 0,rgba(230,177,130,.45) 28%,rgba(230,177,130,0) 70%);
opacity:0;animation:lgglow 1.6s .9s var(--ease) forwards}
.loader .lgstar{position:absolute;left:54.3%;top:22%;width:22px;height:22px;margin:-11px 0 0 -11px;fill:#FFF3E2;
filter:drop-shadow(0 0 6px rgba(230,177,130,.9));opacity:0;transform:scale(.3) rotate(-30deg);animation:lgstar 1.4s 1s var(--ease) forwards}
@keyframes lgglow{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.15)}100%{opacity:.75;transform:scale(1)}}
@keyframes lgstar{0%{opacity:0;transform:scale(.3) rotate(-30deg)}60%{opacity:1;transform:scale(1.15) rotate(8deg)}100%{opacity:1;transform:scale(1) rotate(0)}}
@media (prefers-reduced-motion:reduce){.loader .lgglow,.loader .lgstar{animation:none;opacity:1;transform:none}}
/* ===== 導覽子層：Projects 下拉直接看到服務項目 ===== */
.mega{height:auto;min-height:420px}
.mega .inner{justify-content:flex-start;max-width:1240px;margin:0 auto;padding:44px 40px 56px;gap:0}
.mega .col1{margin-right:70px;min-width:300px;flex:none}
.mega .col1 a{position:relative;padding-right:28px}
.mega .col1 a .chev{position:absolute;right:0;top:50%;transform:translateY(-50%);font-style:normal;font-family:var(--sans);font-size:18px;color:var(--gold);opacity:0;transition:opacity .3s}
.mega .col1 a.on{color:var(--gold);transform:translateX(6px)}
.mega .col1 a.on .chev{opacity:1}
.mega .panels{flex:1;display:flex;gap:40px;min-height:300px;position:relative}
.mega .panel{display:none;flex:1;animation:pfade .4s var(--ease)}
.mega .panel.on{display:block}
.mega .pimg{display:none;width:220px;flex:none;height:280px;overflow:hidden;border-radius:2px;animation:pfade .5s var(--ease)}
.mega .pimg.on{display:block}
.mega .pimg img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform 1.2s var(--ease)}
.mega .pimg.on img{transform:scale(1)}
@keyframes pfade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.mega .thumbs .im img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.mega .thumbs a:hover .im img{transform:scale(1.06)}
.mega .subgrid{display:grid;grid-template-columns:1fr 1fr;column-gap:36px;border-top:1px solid var(--line)}
.mega .subgrid a{display:grid;grid-template-columns:34px 1fr 20px;grid-template-rows:auto auto;align-items:center;padding:16px 4px;border-bottom:1px solid var(--line);color:var(--ink);transition:background .35s,padding .35s var(--ease)}
.mega .subgrid .n{grid-row:1/3;font-size:11px;letter-spacing:.14em;color:var(--gold)}
.mega .subgrid .zh{font-family:var(--serif);font-size:18px;font-weight:600;color:var(--ivory)}
.mega .subgrid .en{grid-column:2;font-family:var(--serif-en);font-style:italic;font-size:14px;color:var(--mute)}
.mega .subgrid .ar{grid-row:1/3;grid-column:3;font-style:normal;color:var(--gold);opacity:0;transform:translateX(-6px);transition:all .35s var(--ease)}
.mega .subgrid a:hover{background:rgba(252,249,246,.05);padding-left:12px}
.mega .subgrid a:hover .zh{color:var(--gold)}
.mega .subgrid a:hover .ar{opacity:1;transform:none}
.mega .panel .all{display:inline-block;margin-top:22px;font-size:13px;letter-spacing:.06em;color:var(--gold);border-bottom:1px solid currentColor;padding-bottom:3px}
/* 手機側欄：Projects 底下展開分類與子項目 */
.drawer .m-subs{display:flex;flex-direction:column;gap:4px;margin:-14px 0 4px;font-family:var(--sans);font-size:15px;font-weight:400}
.drawer .m-subs details{border-top:1px solid var(--line)}
.drawer .m-subs details:last-child{border-bottom:1px solid var(--line)}
.drawer .m-subs summary{list-style:none;padding:14px 0;font-family:var(--serif);font-size:19px;font-weight:600;color:var(--ivory);display:flex;align-items:baseline;gap:10px;cursor:pointer}
.drawer .m-subs summary::-webkit-details-marker{display:none}
.drawer .m-subs summary::after{content:"+";margin-left:auto;color:var(--gold);font-family:var(--sans);font-weight:300;transition:transform .3s}
.drawer .m-subs details[open] summary::after{transform:rotate(45deg)}
.drawer .m-subs summary small{display:inline;margin:0;font-size:12px}
.drawer .m-subs details a{display:block;padding:9px 0 9px 16px;color:var(--ink);border-left:1px solid var(--gold);margin-left:2px}
.drawer .m-subs details a:last-child{margin-bottom:14px}
/* 分類頁：服務項目膠囊緊接大標、黏在導覽下方，捲動時跟著亮 */
.subnav{position:sticky;top:64px;z-index:20;background:rgba(252,249,246,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--rule)}
.subnav-in{max-width:1400px;margin:0 auto;padding:14px 20px 4px;display:flex;align-items:center;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.subnav-in::-webkit-scrollbar{display:none}
.subnav .lbl{flex:none;font-size:11px;letter-spacing:.2em;color:var(--navy);opacity:.6;margin:0 18px 10px 0}
.subnav .tabpill{flex:none;white-space:nowrap}
@media(min-width:1024px){.subnav-in{padding:14px 135px 4px;flex-wrap:wrap}}
.svc-row,.paper [id],.mist[id],[id].duo{scroll-margin-top:150px}
.svc-row.flash{animation:flash 1.6s var(--ease)}
@keyframes flash{0%,40%{box-shadow:inset 3px 0 0 var(--gold);background:rgba(230,177,130,.10)}100%{box-shadow:inset 3px 0 0 transparent;background:transparent}}
/* AI 頁：品牌 DNA Before／After 同題對照 */
.ba{display:grid;grid-template-columns:1fr;gap:28px;padding:30px 0 10px;align-items:start}
@media(min-width:900px){.ba{grid-template-columns:1fr 70px 1fr;gap:20px}}
.ba-card{margin:0}
.ba-frame{margin-top:14px;aspect-ratio:1/1;overflow:hidden;border-radius:2px;display:grid;place-items:center;position:relative}
.ba-frame.before{background:#F3EFEA}
.ba-frame.after{background:#11496C}
.ba-frame img{width:100%;height:100%;object-fit:contain;transition:transform .9s var(--ease)}
.ba-card:hover .ba-frame img{transform:scale(1.04)}
.ba-frame.before img{filter:saturate(.85)}
.ba-frame.after::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(230,177,130,.45);pointer-events:none}
.ba-card figcaption{margin-top:14px;font-size:15px;line-height:1.8;color:var(--mute)}
.ba-mid{display:none}
@media(min-width:900px){.ba-mid{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:100%;padding-top:40px;color:var(--gold);font-size:22px}.ba-mid .star{width:18px;height:18px;fill:var(--gold)}}
.ba-frame{aspect-ratio:1200/810}
.ba-frame.after img{object-fit:cover}
.ba .ba-frame.before img{object-fit:contain;width:100%;height:100%}
.ba .ba-frame img{position:absolute;inset:0;width:100%;height:100%}
/* ===== AI SMART 合併頁 ===== */
.eyebrow-l{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.22em;font-weight:600;color:var(--eyebrow);margin-bottom:10px}
.eyebrow-l .star{width:12px;height:12px;fill:var(--gold)}
.star.inl{display:inline-block;width:16px;height:16px;fill:var(--gold);vertical-align:2px}
.pill.ghost{border:1px solid rgba(252,249,246,.5);color:var(--ivory);background:transparent;min-width:160px}
.pill.ghost:hover{border-color:var(--gold);color:var(--gold)}
.anchor{scroll-margin-top:140px}
details.more{margin-top:14px}
details.more summary{list-style:none;cursor:pointer;font-size:13px;letter-spacing:.06em;color:var(--eyebrow);display:inline-flex;align-items:center;gap:6px;border-bottom:1px solid currentColor;padding-bottom:2px}
details.more summary::-webkit-details-marker{display:none}
details.more summary::after{content:"+";font-size:14px;transition:transform .3s}
details.more[open] summary::after{transform:rotate(45deg)}
details.more>p,details.more>ul{margin-top:12px}
/* 門口 */
.ai-hero{position:relative;overflow:hidden;background:var(--navy);padding:150px 0 110px;min-height:78vh;display:flex;align-items:center}
.ai-hero .ribbons{right:-14%;top:0;width:56%;height:100%;opacity:.9}
@media(max-width:900px){.ai-hero .ribbons{display:none}}
.ai-hero-in{position:relative;z-index:2;width:100%}
.ai-hero .eyebrow-l{color:var(--gold)}
.ai-h1{font-family:var(--serif);font-weight:700;color:var(--ivory);font-size:40px;line-height:1.35;letter-spacing:.02em}
@media(min-width:1024px){.ai-h1{font-size:66px}}
.ai-hero .rule{width:96px;height:2px;background:var(--gold);margin:30px 0 26px}
.ai-sub{font-size:18px;color:rgba(252,249,246,.86);line-height:1.8}
.ai-btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:38px}
/* 我懂你：電商圖式情境卡 */
.knowyou{padding:110px 0 90px;background:var(--ivory)}
.ky-grid{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:760px){.ky-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1180px){.ky-grid{grid-template-columns:repeat(4,1fr)}}
.ky{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:260px;padding:28px 26px 30px;background:#F3EDE6;border-radius:4px;overflow:hidden;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.ky::before{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(230,177,130,.35),rgba(230,177,130,0) 70%);transition:transform .8s var(--ease)}
.ky:hover{transform:translateY(-6px);box-shadow:0 18px 40px -22px rgba(16,74,110,.45)}
.ky:hover::before{transform:scale(1.35)}
.ky-no{position:absolute;left:26px;top:22px;font-family:var(--serif-en);font-size:46px;line-height:1;color:rgba(16,74,110,.16);font-weight:600}
.ky-tag{display:inline-block;align-self:flex-start;font-size:12px;letter-spacing:.12em;color:var(--navy);background:rgba(16,74,110,.08);padding:3px 10px;border-radius:999px;margin-bottom:14px}
.ky-big{font-family:var(--serif);font-weight:700;font-size:23px;line-height:1.5;color:var(--navy)}
.ky-cta{background:var(--navy)}
.ky-cta .ky-no{color:rgba(230,177,130,.5)}
.ky-cta .ky-tag{background:rgba(230,177,130,.18);color:var(--gold)}
.ky-cta .ky-big{color:var(--ivory)}
.ky-go{margin-top:18px;display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--gold)}
.ky-cta:hover .ky-go .ar{transform:translateX(8px)}
.ky-go .ar{transition:transform .4s var(--ease)}
.ai-ba{padding:90px 0 80px;background:var(--paper,#F6F1EB)}
/* 起跑點 */
.startline{position:relative;overflow:hidden;background:var(--navy);padding:120px 0}
.sl-in{position:relative;z-index:2;text-align:center}
.sl-in>.star{width:20px;height:20px;fill:var(--gold);margin:0 auto 22px;display:block}
.sl-big{font-family:var(--serif);font-weight:700;color:var(--ivory);font-size:28px;line-height:1.6}
@media(min-width:1024px){.sl-big{font-size:42px}}
.sl-sub{margin-top:22px;font-size:17px;color:var(--gold);letter-spacing:.04em}
/* SMART 五步驟：橫向對齊表 */
.smart-sec{padding:110px 0 100px;background:var(--ivory)}
.st-wrap{display:grid;grid-template-columns:1fr;gap:0}
.st-rowlbl{display:none}
.st-grid{position:relative;display:grid;grid-template-columns:1fr;gap:14px}
.st-seg{display:none}
.st-col{background:#fff;border:1px solid var(--rule);border-radius:4px;padding:24px 22px 24px;transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .5s}
.st-head{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:end;padding-bottom:16px;border-bottom:2px solid var(--gold);margin-bottom:6px}
.st-L{grid-row:1/3;font-family:var(--serif-en);font-size:60px;line-height:.85;font-weight:600;color:var(--navy)}
.st-en{font-size:12px;letter-spacing:.14em;color:var(--mute)}
.st-cn{font-family:var(--serif);font-weight:700;font-size:19px;color:var(--navy)}
.st-cell{padding:14px 0;border-bottom:1px solid var(--rule);font-size:15px;line-height:1.75;color:var(--ink)}
.st-cell:last-of-type{border-bottom:0}
.st-lbl{display:block;font-style:normal;font-size:11px;letter-spacing:.14em;color:var(--eyebrow);opacity:.75;margin-bottom:4px}
.st-how{font-family:var(--serif);font-weight:600;color:var(--navy);font-size:16px}
.st-get{font-size:14px;color:var(--mute)}
.st-mods{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.st-mods span{font-size:12px;padding:3px 10px;border-radius:999px;background:rgba(230,177,130,.18);color:var(--navy)}
.st-col details.more p{font-size:14px;line-height:1.85;color:var(--mute)}
.st-col:hover{transform:translateY(-6px);box-shadow:0 20px 40px -26px rgba(16,74,110,.5);border-color:rgba(230,177,130,.7)}
@media(min-width:1180px){
.st-wrap{grid-template-columns:120px 1fr}
.st-rowlbl{display:grid;grid-template-rows:var(--st-rows);font-size:12px;letter-spacing:.14em;color:var(--eyebrow)}
.st-rowlbl span{display:flex;align-items:flex-start;padding-top:16px;border-top:1px solid var(--rule)}
.st-rowlbl span:first-child{border-top:0}
.st-grid{grid-template-columns:repeat(5,1fr);gap:12px;padding-top:18px}
.st-seg{display:grid;grid-template-columns:repeat(5,1fr);position:absolute;left:0;right:0;top:0}
.st-col .st-lbl{display:none}
.st-col{display:grid;grid-template-rows:var(--st-rows);padding:22px 18px}
.st-cell{border-bottom:0;border-top:1px solid var(--rule)}
.st-col details.more{grid-row:5}
}
.smart-sec{--st-rows:118px 120px 96px 150px auto}
.custom-line{margin:6px 0 0;font-family:var(--serif);font-weight:600;font-size:18px;color:var(--white)}
/* SMART 表修正：標頭直排、列標題對齊、待補字可見 */
.st-head{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.st-L{font-size:64px;line-height:.9}
.st-en{margin-top:6px}
.st-cn{font-size:19px;white-space:nowrap}
.tbd{color:#B9A99A;font-size:13px}
.smart-sec{--st-rows:150px 104px 96px 150px auto}
@media(min-width:1180px){.st-rowlbl{padding-top:40px}}
.ky-no{font-variant-numeric:lining-nums}
.ky-big{text-wrap:balance}
@media(min-width:760px){.ky-grid{grid-template-columns:repeat(2,1fr)}.ky{min-height:220px}.ky-big{font-size:27px}}
@media(min-width:1180px){.ky-grid{grid-template-columns:repeat(2,1fr)}}
.ky-no{left:auto;right:26px;top:20px}
.ky-ic{position:absolute;right:24px;bottom:24px;width:64px;height:64px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.9;transition:transform .6s var(--ease)}
.ky-ic .ln{stroke:var(--navy)}
.ky-ic .gd{stroke:var(--gold)}
.ky:hover .ky-ic{transform:translateY(-4px) rotate(-4deg)}
.ky .ky-big{padding-right:70px}
@media(max-width:759px){.ky-ic{width:48px;height:48px}.ky .ky-big{padding-right:40px}}
.ai-h1{text-wrap:balance}
/* ===== 品牌設計頁：SIPM 精簡版＋文字為主的服務段 ===== */
.sipm-top{padding:90px 0 80px;background:var(--ivory)}
.sp-grid{position:relative;display:grid;grid-template-columns:1fr;gap:12px}
.sp-seg{display:none}
.sp-col{background:#fff;border:1px solid var(--rule);border-radius:4px;padding:26px 24px 24px;transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .5s}
.sp-col:hover{transform:translateY(-6px);box-shadow:0 20px 40px -26px rgba(16,74,110,.5);border-color:rgba(230,177,130,.7)}
.sp-L{font-family:var(--serif-en);font-size:64px;line-height:.9;font-weight:600;color:var(--navy)}
.sp-en{margin-top:8px;font-size:12px;letter-spacing:.14em;color:var(--mute)}
.sp-cn{font-family:var(--serif);font-weight:700;font-size:19px;color:var(--navy);padding-bottom:14px;border-bottom:2px solid var(--gold)}
.sp-h{margin-top:14px;font-family:var(--serif);font-weight:600;font-size:16px;line-height:1.7;color:var(--navy);min-height:3.4em}
.sp-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.sp-chips a{font-size:13px;padding:4px 12px;border-radius:999px;background:rgba(230,177,130,.18);color:var(--navy);transition:background .3s,color .3s}
.sp-chips a:hover{background:var(--navy);color:var(--ivory)}
@media(min-width:900px){.sp-grid{grid-template-columns:repeat(4,1fr);padding-top:18px}.sp-seg{display:grid;grid-template-columns:repeat(4,1fr);position:absolute;left:0;right:0;top:0}}
.bsvc-list{padding:40px 0 60px}
.bsvc{display:grid;grid-template-columns:1fr;gap:28px;padding:70px 0;border-bottom:1px solid var(--rule)}
.bsvc:last-of-type{border-bottom:0}
@media(min-width:1000px){.bsvc{grid-template-columns:1fr 340px;gap:70px;align-items:start}}
.bs-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px;margin-bottom:22px}
.bs-no{font-size:12px;letter-spacing:.14em;color:var(--eyebrow);font-variant-numeric:tabular-nums}
.bs-head h3{font-family:var(--serif);font-weight:700;font-size:32px;color:var(--navy)}
.bs-en{font-family:var(--serif-en);font-style:italic;font-size:20px;color:var(--mute)}
.bs-why{font-family:var(--serif);font-weight:600;font-size:21px;line-height:1.7;color:var(--navy);max-width:720px}
.bs-solve{display:flex;gap:14px;align-items:baseline;margin-top:20px;padding:14px 18px;background:rgba(230,177,130,.12);border-left:3px solid var(--gold);max-width:720px;font-size:15px;line-height:1.8}
.bs-solve i{flex:none;font-style:normal;font-size:12px;letter-spacing:.14em;color:var(--eyebrow)}
.bs-desc{margin-top:18px;font-size:15px;line-height:1.9;color:var(--mute);max-width:720px}
.bs-dia{margin-top:28px;max-width:720px;padding:22px 24px 16px;background:#fff;border:1px solid var(--rule);border-radius:4px}
.cis-dia{width:100%;height:auto;display:block}
.cis-dia .c1,.cis-dia .c2,.cis-dia .c3{fill:none;stroke:var(--navy)}
.cis-dia .c1{stroke-width:2}.cis-dia .c2{stroke-width:1.2;stroke-dasharray:3 4}.cis-dia .c3{stroke-width:1;opacity:.6}
.cis-dia .t1{font-family:var(--serif-en);font-weight:600;font-size:26px;fill:var(--navy);text-anchor:middle}
.cis-dia .t2{font-size:12px;fill:var(--navy);text-anchor:middle;letter-spacing:.1em}
.cis-dia .t3{font-size:12px;fill:var(--eyebrow);text-anchor:middle;letter-spacing:.12em}
.cis-dia .ln{stroke:var(--gold);stroke-width:1.5}
.cis-dia .k{font-family:var(--serif-en);font-weight:600;font-size:18px;fill:var(--gold)}
.cis-dia .d{font-size:12.5px;fill:var(--ink)}
.cis-dia .st{fill:var(--gold)}
.bs-dia-cap{margin-top:6px;font-size:12px;color:var(--mute)}
.bs-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:28px}
.pill.sm{min-width:0;font-size:14px;line-height:22px;padding:9px 22px}
.pill.navy{background:var(--navy);color:var(--ivory);border:1px solid var(--navy)}
.pill.navy:hover{background:transparent;color:var(--navy)}
.bs-img{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;border-radius:2px}
.bs-img img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.bs-img:hover img{transform:scale(1.07)}
.bs-cap{position:absolute;left:0;right:0;bottom:0;padding:30px 16px 12px;font-size:12px;letter-spacing:.06em;color:var(--ivory);background:linear-gradient(transparent,rgba(16,74,110,.75))}
@media(min-width:1000px){.bs-img{position:sticky;top:160px}}
.bs-dia{max-width:680px}
/* ===== v0.5：Projects＝作品、Services＝方法 ===== */
.nav .links .has-mega{margin:0}
.nav .links .has-mega.cur>a{color:var(--gold)}
.nav .links .has-mega.cur>a::after{transform:translateX(-50%) scale(1)}
.mega .svc-intro{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.mega .svc-intro a{display:flex;flex-direction:column;gap:4px;color:var(--ivory)}
.mega .svc-intro img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:2px;margin-bottom:10px;transition:transform .8s var(--ease)}
.mega .svc-intro a:hover img{transform:scale(1.04)}
.mega .svc-intro span{font-family:var(--serif);font-weight:600;font-size:18px}
.mega .svc-intro small{font-family:var(--serif-en);font-style:italic;font-size:14px;color:var(--mute)}
.mega .svc-intro a:hover span{color:var(--gold)}
.filter .chip{font:inherit;font-size:13px;cursor:pointer}
.pcard .im img{width:100%;height:100%;object-fit:cover}
.nav.mega-open .has-mega:not(:hover):not(.cur)>a::after{transform:translateX(-50%) scale(0)}
/* Services 總入口 */
.svc-hub{padding:70px 0 90px;background:var(--ivory)}
.hub-lead{font-family:var(--serif);font-weight:600;font-size:20px;line-height:1.7;color:var(--navy);max-width:760px;margin-bottom:44px}
.hub-grid{position:relative;display:grid;grid-template-columns:1fr;gap:34px}
.hub-seg{display:none}
@media(min-width:900px){.hub-grid{grid-template-columns:repeat(3,1fr);gap:28px;padding-top:22px}.hub-seg{display:grid;grid-template-columns:repeat(3,1fr);position:absolute;left:0;right:0;top:0}}
.hub-img{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:2px}
.hub-img img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.hub-card:hover .hub-img img{transform:scale(1.07)}
.hub-m{margin-top:18px;font-size:12px;letter-spacing:.16em;color:var(--eyebrow)}
.hub-card h3{font-family:var(--serif);font-weight:700;font-size:26px;color:var(--navy);margin-top:6px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.hub-card h3 span{font-family:var(--serif-en);font-style:italic;font-weight:500;font-size:18px;color:var(--mute)}
.hub-t{margin-top:10px;font-size:15px;line-height:1.85;color:var(--mute)}
.hub-links{display:flex;gap:20px;margin-top:16px}
.txt-link.mute{color:var(--mute)}
/* v0.5 修正：兩個下拉長得不一樣 */
/* Projects＝作品牆：上方篩選膠囊、下方四張作品，沒有左欄文字列表 */
.mega-proj .inner{flex-direction:column;align-items:stretch}
.pj-top{display:flex;align-items:center;gap:28px;margin-bottom:26px}
.pj-top .label{margin:0}
.pj-chips{display:flex;gap:8px}
.pj-chips a{font-size:13px;padding:6px 16px;border-radius:999px;border:1px solid var(--line);color:var(--ink);transition:all .3s}
.pj-chips a:hover,.pj-chips a.on{background:var(--ivory);border-color:var(--ivory);color:var(--navy)}
.pj-top .all{margin:0 0 0 auto}
.pj-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.pj-strip .im{aspect-ratio:4/3;overflow:hidden;border-radius:2px}
.pj-strip .im img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.pj-strip a:hover .im img{transform:scale(1.06)}
.pj-strip .n{margin-top:12px;font-size:14px;color:var(--ivory)}
.pj-strip .t{margin-top:2px;font-size:11px;letter-spacing:.14em;color:var(--gold)}
/* Services＝方法：純文字結構，不放照片 */
.mega .svc-intro{grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line)}
.mega .svc-intro a{position:relative;padding:22px 26px 24px 0;margin-right:26px;border-bottom:1px solid var(--line)}
.mega .svc-intro .mt{font-family:var(--serif-en);font-weight:600;font-size:34px;line-height:1;color:var(--ivory)}
.mega .svc-intro .ml{font-size:11px;letter-spacing:.2em;color:var(--gold);min-height:16px;margin-top:8px}
.mega .svc-intro .zh{font-family:var(--serif);font-weight:600;font-size:17px;margin-top:10px}
.mega .svc-intro small{font-family:var(--sans);font-style:normal;font-size:12px;color:var(--mute);margin-top:2px}
.mega .svc-intro .ar{position:absolute;right:0;top:26px;font-style:normal;color:var(--gold);opacity:0;transition:all .35s var(--ease)}
.mega .svc-intro a:hover .ar{opacity:1;transform:translateX(4px)}
.mega .svc-intro a:hover .mt{color:var(--gold)}
/* 下拉打開時，只有滑到的那一項亮 */
.nav.mega-open .has-mega:not(:hover)>a{color:var(--ink)}
.nav.mega-open .has-mega:not(:hover)>a::after{transform:translateX(-50%) scale(0)}
.nav.mega-open .has-mega:not(:hover)>a{color:var(--ink)}
.nav.mega-open .has-mega.open>a{color:var(--gold)}
.nav.mega-open .has-mega.open>a::after{transform:translateX(-50%) scale(1)}
.mega .svc-intro .mt.zh-mt{font-family:var(--serif);font-size:24px;font-weight:600;line-height:1.4}
.pj-top .all{font-size:13px;letter-spacing:.06em;color:var(--gold);border-bottom:1px solid currentColor;padding-bottom:3px}
/* ===== 專案合作頁（免費諮詢表單）＋頁尾單一按鈕 ===== */
.foot-btn{margin-top:34px;display:flex;justify-content:center}
.ct-eyebrow{font-size:12px;letter-spacing:.2em;color:var(--eyebrow);margin-bottom:10px}
.ct-eyebrow b{display:inline-block;margin-left:4px;padding:2px 10px;border-radius:999px;background:rgba(230,177,130,.2);color:var(--gold);letter-spacing:.08em;font-weight:600}
.ct-h{font-family:var(--serif);font-weight:700;font-size:34px;color:var(--white);line-height:1.4}
.ct-sub{margin:12px 0 34px;max-width:460px}
.ck-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.ck{position:relative;cursor:pointer}
.ck input{position:absolute;opacity:0;pointer-events:none}
.ck span{display:inline-block;font-size:13px;padding:7px 14px;border-radius:999px;border:1px solid var(--line);color:var(--ink);transition:all .25s}
.ck:hover span{border-color:var(--gold)}
.ck input:checked+span{background:var(--gold);border-color:var(--gold);color:var(--navy);font-weight:600}
.ct-agree{display:flex;gap:10px;align-items:center;margin-top:20px;font-size:14px;color:var(--ink)}
.ct-send{margin-top:30px;min-width:150px;justify-content:space-between}
.ct-form .ok{margin-top:16px;color:var(--gold);font-size:14px}
.line-btn{margin-top:6px;background:#06C755;border:1px solid #06C755;color:#fff;min-width:0}
.line-btn:hover{background:transparent;color:#06C755}
.bc-mini{margin-top:34px;padding:18px 20px;border:1px solid var(--line);border-radius:4px}
.bc-t{font-family:var(--serif);font-weight:700;font-size:17px;color:var(--white);display:flex;align-items:center;gap:8px}
.bc-t .paid{font-family:var(--sans);font-size:11px;font-weight:600;padding:2px 9px;border-radius:999px;background:var(--gold);color:var(--navy)}
.bc-d{margin:8px 0 10px;font-size:14px;line-height:1.8;color:var(--mute)}
.ct-eyebrow b{background:var(--navy);color:var(--ivory)}
/* 整站脈絡板（iframe 很高）：把以視窗高度計算的區塊固定成真實螢幕的高度 */
.board .hero{height:836px}
.board .ai-hero{min-height:702px}
.board .svc-full{min-height:828px}
@media(max-width:700px){.board .hero{height:780px}.board .ai-hero{min-height:658px}.board .svc-full{min-height:776px}}
/* ===== v0.6 首頁（GPT v4 定稿架構） ===== */
.hero-tag{font-family:var(--sans);font-size:14px!important;letter-spacing:.24em;color:rgba(252,249,246,.75)!important}
.hm-what{padding:150px 0;background:var(--ivory);text-align:center}
.hm-what-in>.star{width:18px;height:18px;fill:var(--gold);display:block;margin:0 auto 26px}
.hm-what h2{font-family:var(--serif);font-weight:700;font-size:30px;line-height:1.55;color:var(--navy)}
@media(min-width:1024px){.hm-what h2{font-size:44px}}
.hm-what p{margin-top:24px;font-size:16px;line-height:2;color:var(--mute)}
.hm-about{position:relative;overflow:hidden;background:var(--navy);padding:120px 0 100px}
.hm-about .wrap{position:relative;z-index:2}
.ab-top{display:grid;grid-template-columns:1fr;gap:44px}
@media(min-width:1000px){.ab-top{grid-template-columns:340px 1fr;gap:80px;align-items:start}}
.ab-ph{aspect-ratio:4/5;border:1px dashed rgba(230,177,130,.5);border-radius:3px;display:grid;place-items:center;text-align:center;color:rgba(252,249,246,.55);font-size:15px;background:radial-gradient(circle at 70% 20%,rgba(230,177,130,.18),transparent 60%)}
.ab-ph small{font-size:12px}
.ab-name{margin-top:16px;font-family:var(--serif-en);font-size:22px;font-weight:600;color:var(--ivory);display:flex;flex-direction:column}
.ab-name small{font-family:var(--sans);font-size:12px;letter-spacing:.16em;color:var(--gold);margin-top:4px;font-weight:500}
.ab-txt h2{font-family:var(--serif);font-weight:700;font-size:32px;color:var(--ivory);margin-bottom:22px}
@media(min-width:1024px){.ab-txt h2{font-size:42px}}
.ab-txt p{font-size:16px;line-height:2;color:rgba(252,249,246,.82);max-width:620px;margin-bottom:12px}
.ab-txt .peu{margin-top:22px;font-family:var(--serif-en);font-style:italic;font-size:22px;color:var(--gold);letter-spacing:.04em}
.ab-flow{list-style:none;display:flex;flex-wrap:wrap;gap:0;margin-top:30px;border-top:1px solid var(--line)}
.ab-flow li{flex:1 1 110px;padding:16px 14px 0 0;font-family:var(--serif);font-weight:600;font-size:16px;color:var(--ivory);position:relative}
.ab-flow li b{display:block;font-family:var(--sans);font-size:11px;letter-spacing:.14em;color:var(--gold);margin-bottom:6px;font-weight:600}
.ab-flow li:not(:last-child)::after{content:"→";position:absolute;right:10px;top:34px;color:rgba(230,177,130,.6);font-family:var(--sans);font-size:14px}
.ab-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin-top:70px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
@media(min-width:900px){.ab-stats{grid-template-columns:repeat(4,1fr)}}
.ab-stat{padding:30px 20px 28px 0;display:flex;flex-direction:column;gap:8px}
.ab-stat b{font-family:var(--serif-en);font-weight:600;font-size:40px;line-height:1;color:var(--ivory);letter-spacing:.02em}
.ab-stat span{font-size:13px;line-height:1.7;color:rgba(252,249,246,.65)}
.ab-close{margin-top:34px;font-family:var(--serif);font-weight:600;font-size:20px;color:var(--ivory);display:flex;flex-wrap:wrap;gap:12px 24px;align-items:baseline}
.ab-close .txt-link{font-family:var(--sans);font-weight:400;font-size:14px;color:var(--gold)}
.hm-proj{padding:120px 0 90px;background:var(--ivory)}
.hm-proj .h2{font-family:var(--serif-en);font-weight:600;font-size:40px;color:var(--navy)}
.hp-grid{position:relative;display:grid;grid-template-columns:1fr;gap:34px}
.hp-seg{display:none}
@media(min-width:900px){.hp-grid{grid-template-columns:repeat(3,1fr);gap:28px;padding-top:22px}.hp-seg{display:grid;grid-template-columns:repeat(3,1fr);position:absolute;left:0;right:0;top:0}}
.hp-img{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:2px}
.hp-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}
.hp-card:hover .hp-img img{transform:scale(1.07)}
.hp-img .mock{position:absolute;left:12px;top:12px;font-size:11px;padding:3px 10px;border-radius:999px;background:rgba(16,74,110,.8);color:var(--ivory)}
.hp-card h3{margin-top:18px;font-family:var(--serif);font-weight:700;font-size:20px;color:var(--navy)}
.hp-card p{margin-top:6px;font-size:15px;line-height:1.8;color:var(--mute)}
.hm-svc{padding:40px 0 120px;background:var(--ivory)}
.hs-grid{position:relative;display:grid;grid-template-columns:1fr;gap:16px}
.hs-seg{display:none}
@media(min-width:900px){.hs-grid{grid-template-columns:repeat(3,1fr);padding-top:22px}.hs-seg{display:grid;grid-template-columns:repeat(3,1fr);position:absolute;left:0;right:0;top:0}}
.hs-card{position:relative;display:flex;flex-direction:column;min-height:330px;padding:30px 28px 26px;background:#fff;border:1px solid var(--rule);border-radius:4px;overflow:hidden;transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .5s}
.hs-card::before{content:"";position:absolute;right:-70px;top:-70px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(230,177,130,.3),transparent 70%);transition:transform .8s var(--ease)}
.hs-card:hover{transform:translateY(-6px);box-shadow:0 22px 44px -26px rgba(16,74,110,.5);border-color:rgba(230,177,130,.7)}
.hs-card:hover::before{transform:scale(1.4)}
.hs-no{font-size:12px;letter-spacing:.16em;color:var(--eyebrow)}
.hs-en{margin-top:10px;font-family:var(--serif-en);font-weight:600;font-size:30px;color:var(--navy);line-height:1}
.hs-card h3{margin-top:12px;font-family:var(--serif);font-weight:700;font-size:20px;color:var(--navy)}
.hs-card ul{list-style:none;margin-top:18px;display:flex;flex-direction:column;gap:6px}
.hs-card li{font-size:14px;color:var(--mute);padding-left:14px;position:relative}
.hs-card li::before{content:"";position:absolute;left:0;top:.75em;width:6px;height:1px;background:var(--gold)}
.hs-tbd{margin-top:12px;font-size:11px;color:#B9A99A}
.hs-go{margin-top:auto;padding-top:22px;font-size:14px;font-weight:600;color:var(--navy);display:inline-flex;gap:8px;align-items:center}
.hs-go .ar{color:var(--gold);font-style:normal;transition:transform .4s var(--ease)}
.hs-card:hover .hs-go .ar{transform:translateX(6px)}
.check-2nd{margin-top:6px;font-family:var(--serif);font-weight:600;font-size:22px;color:var(--navy)}
.hm-words{padding:110px 0;background:var(--paper,#F6F1EB)}
.cw-grid{display:grid;grid-template-columns:1fr;gap:18px}
@media(min-width:900px){.cw-grid{grid-template-columns:repeat(3,1fr)}}
.cw{position:relative;margin:0;padding:34px 30px 28px;background:#fff;border:1px solid var(--rule);border-radius:4px;display:flex;flex-direction:column}
.cw .qm{font-family:var(--serif-en);font-size:80px;line-height:.6;color:var(--gold)}
.cw blockquote{margin:18px 0 22px;font-family:var(--serif);font-size:17px;line-height:1.9;color:var(--navy)}
.cw figcaption{margin-top:auto;font-size:13px;color:var(--mute)}
.cw-mock{position:absolute;right:16px;top:16px;font-size:11px;font-weight:700;letter-spacing:.1em;padding:3px 10px;border-radius:999px;border:1px dashed #C9A27E;color:#A9805C;background:#FFF8EF}
/* 專案合作頁：先選三種 */
.ct-choose{margin-bottom:50px}
.ct-q{font-family:var(--serif);font-weight:700;font-size:24px;color:var(--white);margin-bottom:16px}
.ct-opt{display:flex;align-items:center;gap:12px;padding:18px 20px;border:1px solid var(--line);border-radius:4px;margin-bottom:10px;background:#fff;transition:border-color .3s,transform .4s var(--ease),box-shadow .4s}
.ct-opt:hover{border-color:var(--gold);transform:translateX(4px);box-shadow:0 14px 30px -24px rgba(16,74,110,.5)}
.ct-opt .t{font-family:var(--serif);font-weight:600;font-size:17px;color:var(--navy)}
.ct-opt .tag{font-size:11px;font-weight:600;padding:2px 9px;border-radius:999px}
.ct-opt .tag.free{background:var(--navy);color:var(--ivory)}
.ct-opt .tag.paid{background:var(--gold);color:var(--navy)}
.ct-opt .ar{margin-left:auto;font-style:normal;color:var(--gold)}
#ct-form{scroll-margin-top:100px}
.ck-chips.hint .ck span{animation:ckhint 1.4s var(--ease)}
@keyframes ckhint{0%,50%{border-color:var(--gold);box-shadow:0 0 0 3px rgba(230,177,130,.25)}100%{box-shadow:none}}
/* 品牌健檢：做完你會知道（結果） */
.ck-result{margin-top:22px;padding:16px 18px;border-left:3px solid var(--gold);background:rgba(255,255,255,.45);max-width:460px}
.ck-rl{font-size:12px;letter-spacing:.14em;color:var(--eyebrow);margin-bottom:8px}
.ck-result ul{list-style:none;display:flex;flex-direction:column;gap:6px}
.ck-result li{font-family:var(--serif);font-weight:600;font-size:16px;color:var(--navy);padding-left:18px;position:relative}
.ck-result li::before{content:"✦";position:absolute;left:0;top:1px;font-size:11px;color:var(--gold)}
.ck-lead{font-family:var(--serif);font-weight:600;font-size:19px;line-height:1.7;color:var(--white);margin:6px 0 18px}
.ck-outs{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line)}
.ck-outs div{padding:14px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:4px}
.ck-outs b{font-family:var(--serif);font-size:17px;color:var(--white)}
.ck-outs span{font-size:14px;line-height:1.8;color:var(--mute)}
/* ===== 首頁 Hero：Banner E 流光聚光（10/7 Andrea 選定） ===== */
.he-stage{--navy:#104A6E;--deep:#0A3350;--gold:#E6B182;--ivory:#FCF9F6;--mist:#CCDDE6}
.he-stage{position:relative;height:100vh;min-height:620px;overflow:hidden;isolation:isolate;
background:radial-gradient(120% 90% at 30% 20%,#155A84 0%,var(--navy) 42%,var(--deep) 100%)}
/* ---------- 第一層：流動的光團（橘＋白，很慢） ---------- */
.he-blob{position:absolute;border-radius:50%;filter:blur(60px);will-change:transform;pointer-events:none}
.he-o1{width:52vmax;height:52vmax;left:46%;top:-18%;background:radial-gradient(circle,rgba(236,170,112,.95),rgba(230,177,130,0) 64%);animation:he-m1 46s ease-in-out infinite alternate}
.he-o2{width:38vmax;height:38vmax;left:8%;top:52%;background:radial-gradient(circle,rgba(230,160,100,.8),rgba(230,177,130,0) 64%);animation:he-m2 58s ease-in-out infinite alternate}
.he-w1{width:42vmax;height:42vmax;left:62%;top:40%;background:radial-gradient(circle,rgba(252,249,246,.9),rgba(252,249,246,0) 62%);animation:he-m3 52s ease-in-out infinite alternate}
.he-w2{width:30vmax;height:30vmax;left:20%;top:-8%;background:radial-gradient(circle,rgba(252,249,246,.7),rgba(252,249,246,0) 62%);animation:he-m4 64s ease-in-out infinite alternate}
.he-b1{width:60vmax;height:60vmax;left:-20%;top:20%;background:radial-gradient(circle,rgba(16,74,110,.95),rgba(16,74,110,0) 66%);animation:he-m2 70s ease-in-out infinite alternate-reverse}
@keyframes he-m1{0%{transform:translate(0,0) scale(1)}50%{transform:translate(-14vmax,16vmax) scale(1.15)}100%{transform:translate(-30vmax,6vmax) scale(.95)}}
@keyframes he-m2{0%{transform:translate(0,0) scale(1)}50%{transform:translate(18vmax,-14vmax) scale(1.2)}100%{transform:translate(34vmax,-4vmax) scale(1)}}
@keyframes he-m3{0%{transform:translate(0,0) scale(.9)}50%{transform:translate(-20vmax,-18vmax) scale(1.1)}100%{transform:translate(-8vmax,-30vmax) scale(1)}}
@keyframes he-m4{0%{transform:translate(0,0)}100%{transform:translate(26vmax,24vmax) scale(1.25)}}
/* 滑鼠：只讓一團暖光很輕地靠過去（不動卡片、不動文字） */
.he-follow{width:34vmax;height:34vmax;left:0;top:0;margin:-17vmax 0 0 -17vmax;filter:blur(50px);
background:radial-gradient(circle,rgba(246,206,165,.55),rgba(230,177,130,0) 64%);transform:translate(var(--fx,70vw),var(--fy,35vh))}
/* ---------- 第二層：背後的光帶（被玻璃柔化） ---------- */
.he-rib{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.he-rib path{fill:none;stroke-linecap:round}
.he-rib.he-back .he-g{stroke:var(--gold);stroke-width:10;opacity:.55}
.he-rib.he-back .he-w{stroke:var(--ivory);stroke-width:5;opacity:.45}
.he-rib.he-back{animation:he-sway 30s ease-in-out infinite alternate}
@keyframes he-sway{to{transform:translate(-3vw,2vh) rotate(-1.5deg)}}
/* ---------- 第三層：滿版霧面玻璃 ---------- */
.he-glass{position:absolute;inset:0;z-index:2;pointer-events:none;
backdrop-filter:blur(34px) saturate(135%);-webkit-backdrop-filter:blur(34px) saturate(135%);
background:linear-gradient(115deg,rgba(252,249,246,.10) 0%,rgba(252,249,246,.04) 45%,rgba(16,74,110,.18) 100%)}
/* 玻璃的細紋：幾片豎向的玻璃，邊緣有一點亮線（不像一張卡片） */
.he-glass::before{content:"";position:absolute;inset:0;
background:repeating-linear-gradient(90deg,rgba(252,249,246,0) 0,rgba(252,249,246,0) calc(25% - 1px),rgba(252,249,246,.10) calc(25% - 1px),rgba(252,249,246,.10) 25%)}
.he-glass::after{content:"";position:absolute;inset:-50%;opacity:.07;
background-image:url("data:image/svg+xml;utf8,");animation:he-gr 1.4s steps(4) infinite}
@keyframes he-gr{25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-2%)}}
/* ---------- 第四層：玻璃前面的金色流線（進場畫一筆，之後光一直沿線流動） ---------- */
.he-rib.he-front{z-index:3}
.he-rib.he-front .he-g{stroke:var(--gold);stroke-width:1.6;opacity:.85;stroke-dasharray:2600;stroke-dashoffset:2600;animation:he-draw 3.4s .3s cubic-bezier(.22,.61,.36,1) forwards}
.he-rib.he-front .he-w{stroke:var(--ivory);stroke-width:.8;opacity:.55;stroke-dasharray:2600;stroke-dashoffset:2600;animation:he-draw 3.8s .6s cubic-bezier(.22,.61,.36,1) forwards}
.he-rib.he-front .he-t{stroke:var(--gold);stroke-width:.9;opacity:.6;stroke-dasharray:2600;stroke-dashoffset:2600;animation:he-draw 4.2s .9s cubic-bezier(.22,.61,.36,1) forwards}
@keyframes he-draw{to{stroke-dashoffset:0}}
/* 沿線流動的光 */
.he-rib.he-front .he-flow{stroke-width:3.2;stroke-dasharray:140 2460;stroke-dashoffset:2600;opacity:0;filter:drop-shadow(0 0 6px rgba(246,214,182,.95));animation:he-flow 7s linear 3.6s infinite}
.he-rib.he-front .he-flow.he-f2{stroke-width:2;stroke-dasharray:90 2510;animation-duration:9s;animation-delay:5s}
.he-rib.he-front .he-flow{stroke:#FFE9CF}
@keyframes he-flow{0%{stroke-dashoffset:2600;opacity:0}8%{opacity:1}85%{opacity:1}100%{stroke-dashoffset:0;opacity:0}}
/* ---------- 文字（左對齊、直接在玻璃上） ---------- */
.he-copy{position:absolute;z-index:4;left:max(24px,calc((100vw - 1240px)/2));top:50%;transform:translateY(-46%);max-width:640px}
.he-logo{height:36px;display:block;margin-bottom:46px}
.he-stage h1{font-family:"Noto Serif TC",serif;font-weight:700;font-size:clamp(34px,4.6vw,64px);line-height:1.32;letter-spacing:.02em;color:var(--ivory);text-shadow:0 2px 30px rgba(8,40,64,.35)}
.he-rule{width:96px;height:2px;background:var(--gold);margin:32px 0 22px}
.he-tag{font-family:"Inter",sans-serif;font-size:13px;letter-spacing:.26em;color:rgba(252,249,246,.82)}
.he-pill{display:inline-flex;align-items:center;gap:12px;margin-top:38px;padding:12px 26px;border:1px solid rgba(252,249,246,.75);border-radius:999px;color:var(--ivory);font-size:15px;font-weight:600;text-decoration:none;background:rgba(252,249,246,.06);transition:background .4s,color .4s}
.he-pill:hover{background:var(--ivory);color:var(--navy)}
.he-pill i{font-style:normal;transition:transform .4s}.he-pill:hover i{transform:translateX(6px)}
.he-scroll{position:absolute;z-index:4;left:50%;bottom:26px;transform:translateX(-50%);font-size:11px;letter-spacing:.3em;color:rgba(252,249,246,.6);text-align:center}
.he-scroll::after{content:"";display:block;width:1px;height:36px;margin:10px auto 0;background:linear-gradient(var(--gold),transparent);animation:he-sc 2.4s ease-in-out infinite}
@keyframes he-sc{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.he-copy>*{opacity:0;transform:translateY(18px);animation:he-in 1.2s cubic-bezier(.22,.61,.36,1) forwards}
.he-copy>*:nth-child(2){animation-delay:.25s}.he-copy>*:nth-child(3){animation-delay:.45s}.he-copy>*:nth-child(4){animation-delay:.6s}.he-copy>*:nth-child(5){animation-delay:.75s}
@keyframes he-in{to{opacity:1;transform:none}}
/* 手機：玻璃改成一整片，不分格；光帶較淡；字縮小 */
@media(max-width:700px){
.he-glass::before{display:none}
.he-copy{top:auto;bottom:90px;transform:none;left:24px;right:24px}
.he-stage h1{font-size:30px}.he-logo{height:30px;margin-bottom:28px}
.he-rib.he-front{opacity:.7}
.he-tag{letter-spacing:.1em;font-size:12px}
.he-scroll{display:none}
.he-copy{bottom:70px}
}
@media (prefers-reduced-motion:reduce){.he-blob,.he-rib.he-back,.he-glass::after,.he-scroll::after{animation:none}.he-rib.he-front path{animation:none;stroke-dashoffset:0}.he-rib.he-front .he-flow{display:none}.he-copy>*{animation:none;opacity:1;transform:none}}
/* 盼望：一進來像天色漸亮——深色慢慢退去，暖光從下方升起 */
.he-dawn{position:absolute;inset:0;z-index:3;pointer-events:none;background:#061F33;animation:he-dawnout 2.8s .2s cubic-bezier(.4,0,.2,1) forwards}
@keyframes he-dawnout{to{opacity:0}}
.he-rise{position:absolute;left:50%;bottom:-60vmax;width:120vmax;height:80vmax;margin-left:-60vmax;border-radius:50%;z-index:1;pointer-events:none;
background:radial-gradient(closest-side,rgba(246,206,160,.55),rgba(230,177,130,.18) 45%,rgba(230,177,130,0) 75%);filter:blur(20px);
transform:translateY(30vmax);opacity:0;animation:he-riseup 4.2s .3s cubic-bezier(.22,.61,.36,1) forwards}
@keyframes he-riseup{to{transform:translateY(0);opacity:.85}}
@media (prefers-reduced-motion:reduce){.he-dawn{display:none}.he-rise{animation:none;opacity:.85;transform:none}}
.he-stage{--x:70%;--y:45%}
.he-big{position:absolute;z-index:3;left:42%;top:50%;transform:translate(0,-54%);white-space:nowrap;font-family:"Cormorant Garamond",serif;font-weight:700;font-size:min(26vw,460px);line-height:.8;letter-spacing:-.02em;pointer-events:none;user-select:none}
.he-big.he-outline{color:transparent;-webkit-text-stroke:1px rgba(252,249,246,.22)}
.he-big.he-lit{color:transparent;background:radial-gradient(250px 250px at var(--bx) var(--by),#FFF1DE 0%,#F1C89E 30%,#E6B182 55%,rgba(230,177,130,0) 75%);-webkit-background-clip:text;background-clip:text}
/* 流線靠近光的地方更亮 */
.he-rib.he-glow{z-index:3;-webkit-mask-image:radial-gradient(300px 300px at var(--x) var(--y),#000,transparent 70%);mask-image:radial-gradient(300px 300px at var(--x) var(--y),#000,transparent 70%)}
.he-rib.he-glow path{fill:none;stroke:#FFE6C8;stroke-width:3;filter:drop-shadow(0 0 8px rgba(246,214,182,.95))}
.he-spot{position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(480px 480px at var(--x) var(--y),rgba(246,214,182,.14),transparent 70%)}
.he-ripple{position:absolute;z-index:3;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;border:1px solid rgba(246,214,182,.9);pointer-events:none;animation:he-rp 1.4s cubic-bezier(.22,.61,.36,1) forwards}
@keyframes he-rp{to{transform:scale(40);opacity:0}}
@media(max-width:700px){.he-big{font-size:44vw;transform:translate(-50%,-95%)}}
/* 接進網站：不滿版，露出下一段；文字對齊頁面欄寬；SHINE 大字放在右半邊不壓標題 */
.he-stage{height:calc(100vh - 64px - 96px);min-height:560px;max-height:900px}
.he-copy{left:max(24px,calc((100vw - 1240px)/2));max-width:none}
.he-stage h1{white-space:nowrap}
.he-big{left:auto;right:max(-2vw,calc((100vw - 1240px)/2 - 6vw));transform:translate(0,-50%);font-size:min(24vw,440px)}
.he-ey{font-family:"Cormorant Garamond",serif;font-size:20px;letter-spacing:.28em;color:var(--gold);margin-bottom:26px}
.he-badge{position:absolute;top:-34px;left:0;line-height:1}
.clean .he-badge{display:none}
@media(max-width:700px){.he-stage{height:calc(100vh - 64px - 70px)}.he-stage h1{white-space:normal}.he-big{right:auto;left:50%;transform:translate(-50%,-95%);font-size:44vw}}
.board .he-stage{height:740px}
.he-big{right:auto;left:calc(max(24px,(100vw - 1240px)/2) + 640px);font-size:min(20vw,380px);transform:translate(0,-50%)}
@media(max-width:1100px){.he-big{left:52%;font-size:22vw}}
@media(max-width:700px){.he-big{left:50%;top:24%;transform:translate(-50%,-50%);font-size:40vw}}
.he-big{left:calc(max(24px,(100vw - 1240px)/2) + 620px);font-size:min(380px,calc((100vw - max(24px,(100vw - 1240px)/2) - 680px)/2.8))}
@media(max-width:1100px){.he-big{left:50%;font-size:16.5vw}}
@media(max-width:700px){.he-big{left:50%;top:24%;transform:translate(-50%,-50%);font-size:40vw}}
.he-glass::before{display:none}
/* 游標光：改成一個小點亮光（10/7 Andrea） */
.he-dot{position:absolute;z-index:4;left:var(--x);top:var(--y);width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;pointer-events:none;
background:#FFF6EA;box-shadow:0 0 6px 2px rgba(255,236,210,.95),0 0 18px 6px rgba(246,206,165,.65),0 0 46px 14px rgba(230,177,130,.28)}
.he-spot{background:radial-gradient(150px 150px at var(--x) var(--y),rgba(246,214,182,.12),transparent 70%)}
.he-big.he-lit{background:radial-gradient(110px 110px at var(--bx) var(--by),#FFF1DE 0%,#F1C89E 35%,#E6B182 60%,rgba(230,177,130,0) 80%);-webkit-background-clip:text;background-clip:text}
.he-rib.he-glow{-webkit-mask-image:radial-gradient(120px 120px at var(--x) var(--y),#000,transparent 70%);mask-image:radial-gradient(120px 120px at var(--x) var(--y),#000,transparent 70%)}
.he-follow{opacity:.55}
@media (hover:none){.he-dot{opacity:.7}}
/* 光團不再撞在一起（10/7）：各自在自己的區域小範圍漂移、白光變淡、開場暖光升起後退淡 */
.he-o1{animation:he-z1 40s ease-in-out infinite alternate}
.he-o2{animation:he-z2 48s ease-in-out infinite alternate}
.he-w1{opacity:.42;left:70%;top:46%;animation:he-z3 44s ease-in-out infinite alternate}
.he-w2{opacity:.38;left:14%;top:-14%;animation:he-z4 52s ease-in-out infinite alternate}
.he-b1{animation:he-z2 60s ease-in-out infinite alternate-reverse}
.he-follow{opacity:.5}
@keyframes he-z1{0%{transform:translate(0,0) scale(1)}100%{transform:translate(-6vmax,7vmax) scale(1.08)}}
@keyframes he-z2{0%{transform:translate(0,0) scale(1)}100%{transform:translate(7vmax,-5vmax) scale(1.1)}}
@keyframes he-z3{0%{transform:translate(0,0) scale(.95)}100%{transform:translate(-5vmax,-6vmax) scale(1.05)}}
@keyframes he-z4{0%{transform:translate(0,0)}100%{transform:translate(6vmax,5vmax) scale(1.08)}}
.he-rise{animation:he-riseup2 6s .3s cubic-bezier(.22,.61,.36,1) forwards}
@keyframes he-riseup2{0%{transform:translateY(30vmax);opacity:0}55%{transform:translateY(0);opacity:.8}100%{transform:translateY(0);opacity:.3}}
.he-stage{--cap:1}
.he-glass{background:linear-gradient(115deg,rgba(252,249,246,.06) 0%,rgba(252,249,246,.02) 45%,rgba(16,74,110,.22) 100%)}
/* 首頁 Hero 改為 F：游標帶的光是一個小點亮光；照亮範圍縮小（10/7） */
.he-dot{position:absolute;z-index:4;left:var(--x);top:var(--y);width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;pointer-events:none;
background:#FFF6EA;box-shadow:0 0 6px 2px rgba(255,236,210,.95),0 0 18px 6px rgba(246,206,165,.65),0 0 46px 14px rgba(230,177,130,.28)}
.he-spot{background:radial-gradient(150px 150px at var(--x) var(--y),rgba(246,214,182,.12),transparent 70%)}
.he-big.he-lit{background:radial-gradient(110px 110px at var(--bx) var(--by),#FFF1DE 0%,#F1C89E 35%,#E6B182 60%,rgba(230,177,130,0) 80%);-webkit-background-clip:text;background-clip:text}
.he-rib.he-glow{-webkit-mask-image:radial-gradient(120px 120px at var(--x) var(--y),#000,transparent 70%);mask-image:radial-gradient(120px 120px at var(--x) var(--y),#000,transparent 70%)}
/* ===== v0.6 首頁重排（10/7 晚）：服務直排＋作品、About Us、全站浮起 ===== */
.hm-what{transition:none;will-change:opacity,transform}
.hm-sx{background:var(--ivory);padding:40px 0 120px}
.sx-row{display:grid;grid-template-columns:1fr;gap:34px;padding:70px 0;border-top:1px solid var(--line)}
.sx-row:first-child{border-top:0}
@media(min-width:1000px){.sx-row{grid-template-columns:1fr 1fr;gap:72px;align-items:center;padding:100px 0}
.sx-row:nth-child(even) .sx-vis{order:2}}
.sx-vis{position:relative;perspective:1200px}
.sx-vis-in{aspect-ratio:4/3;overflow:hidden;border-radius:4px;background:var(--mist);box-shadow:0 40px 80px -40px rgba(16,74,110,.45);transform:rotateY(-6deg) rotateX(3deg);transform-origin:center;transition:transform 1.2s cubic-bezier(.22,.61,.36,1)}
.sx-row:nth-child(even) .sx-vis-in{transform:rotateY(6deg) rotateX(3deg)}
.sx-vis.in .sx-vis-in,.sx-row:nth-child(even) .sx-vis.in .sx-vis-in{transform:none}
.sx-vis-in img{width:100%;height:100%;object-fit:cover;display:block}
.sx-vis-tag{position:absolute;left:12px;top:12px;font-size:11px;letter-spacing:.06em;padding:4px 10px;border-radius:999px;background:rgba(252,249,246,.92);color:var(--navy);border:1px dashed var(--gold)}
.clean .sx-vis-tag{display:none}
.sx-no{font-family:var(--serif-en);font-size:15px;color:var(--gold);letter-spacing:.1em}
.sx-en{font-family:var(--serif-en);font-weight:600;font-size:40px;line-height:1.1;color:var(--navy);margin-top:6px}
@media(min-width:1024px){.sx-en{font-size:52px}}
.sx-head h3{font-family:var(--serif);font-weight:700;font-size:22px;color:var(--ink);margin-top:14px}
.sx-zh{font-size:13px;letter-spacing:.2em;color:var(--mute);margin-top:6px}
.sx-head ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.sx-head li{font-size:13px;padding:5px 12px;border:1px solid var(--line);border-radius:999px;color:var(--ink)}
.sx-go{display:inline-block;margin-top:20px}
.sx-works{display:grid;gap:14px;margin-top:34px;grid-template-columns:repeat(2,1fr)}
.sx-works.n3{grid-template-columns:repeat(3,1fr)}
@media(max-width:600px){.sx-works.n3{grid-template-columns:repeat(2,1fr)}}
.sx-card{display:block;color:inherit;text-decoration:none}
.sx-img{position:relative;aspect-ratio:1/1;overflow:hidden;border-radius:6px;background:var(--mist)}
.sx-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.22,.61,.36,1)}
.sx-card:hover .sx-img img{transform:scale(1.06)}
.sx-img .mock{position:absolute;right:8px;top:8px;font-size:11px;padding:2px 8px;border-radius:999px;background:rgba(16,74,110,.85);color:var(--ivory)}
.sx-card h4{font-size:14px;font-weight:600;color:var(--navy);margin-top:10px}
.sx-card p{font-size:12px;line-height:1.7;color:var(--mute);margin-top:4px}
.sx-all{text-align:center;margin-top:40px}
/* About Us：照片＋直排信任數據 */
@media(min-width:1000px){.hm-about .ab-top{grid-template-columns:380px 1fr;align-items:stretch}}
.ab-stats-v{display:flex;flex-direction:column;justify-content:center;border-top:1px solid var(--line)}
.ab-stats-v .ab-stat{flex-direction:row;align-items:center;justify-content:space-between;gap:24px;padding:26px 0;border-bottom:1px solid var(--line)}
.ab-stats-v .ab-stat .lb{font-size:16px;line-height:1.6;color:rgba(252,249,246,.9);font-weight:500}
.ab-stats-v .ab-stat b{font-size:46px;color:var(--gold);white-space:nowrap}
@media(max-width:600px){.ab-stats-v .ab-stat{flex-direction:column-reverse;align-items:flex-start;gap:6px}.ab-stats-v .ab-stat b{font-size:36px}}
.ab-how{display:grid;grid-template-columns:1fr;gap:30px;margin-top:90px;padding-top:60px;border-top:1px solid var(--line)}
@media(min-width:1000px){.ab-how{grid-template-columns:1fr 1fr;gap:72px;align-items:end}}
.ab-how .ab-flow{margin-top:0}
/* 全站浮起 */
.fl{opacity:0;transform:translateY(48px);transition:opacity 1s cubic-bezier(.22,.61,.36,1),transform 1s cubic-bezier(.22,.61,.36,1);transition-delay:calc(var(--fd,0)*90ms)}
.fl.in{opacity:1;transform:none}
.board .fl,.board .hm-what{opacity:1!important;transform:none!important}
@media (prefers-reduced-motion:reduce){.fl{opacity:1;transform:none;transition:none}}
.ab-stats-v .ab-stat b.kw{font-size:28px;letter-spacing:.06em}
@media(min-width:1000px){.ab-how{grid-template-columns:1fr;gap:44px}.ab-how .ab-flow li{flex:1 1 0}}
/* ===== 10/8 About：光窗人物介紹 ===== */
.lw{display:grid;grid-template-columns:1fr;gap:56px;align-items:center}
@media(min-width:1000px){.lw{grid-template-columns:440px 1fr;gap:90px}}
.lw-ph{position:relative;width:100%;max-width:440px;aspect-ratio:3/4.2;margin:0 auto 40px}
.lw-win{position:absolute;inset:0;border-radius:220px 220px 6px 6px;overflow:hidden;background:radial-gradient(80% 60% at 50% 30%,#F6E7D6,#E2E4E8 70%);clip-path:inset(100% 0 0 0 round 220px 220px 6px 6px);transition:clip-path 1.6s cubic-bezier(.22,.61,.36,1)}
.lw-win img{width:100%;height:100%;object-fit:cover;object-position:50% 12%;transform:scale(1.12);transition:transform 2.2s cubic-bezier(.22,.61,.36,1)}
.lw-arc{position:absolute;inset:-14px;width:calc(100% + 28px);height:calc(100% + 28px);pointer-events:none;overflow:visible}
.lw-arc path{fill:none;stroke:var(--gold);stroke-width:1.2;vector-effect:non-scaling-stroke;stroke-dasharray:2200;stroke-dashoffset:2200;transition:stroke-dashoffset 2.4s .3s cubic-bezier(.22,.61,.36,1)}
.lw-star{position:absolute;right:6%;top:4%;width:28px;height:28px;fill:var(--gold);opacity:0;transform:scale(.3) rotate(-45deg);transition:all 1s 1.6s;filter:drop-shadow(0 0 10px rgba(230,177,130,.9))}
.lw.in .lw-win{clip-path:inset(0 0 0 0 round 220px 220px 6px 6px)}.lw.in .lw-win img{transform:none}.lw.in .lw-arc path{stroke-dashoffset:0}.lw.in .lw-star{opacity:1;transform:none}
.lw-badges{position:absolute;left:-34px;right:-34px;bottom:-30px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.lw-bd{display:flex;align-items:center;gap:8px;height:44px;padding:0 16px 0 12px;border-radius:999px;background:rgba(252,249,246,.95);color:var(--navy);box-shadow:0 14px 30px -14px rgba(0,0,0,.5);opacity:0;transform:translateY(24px);transition:opacity .8s calc(1.2s + var(--i)*.15s),transform .8s calc(1.2s + var(--i)*.15s) cubic-bezier(.22,.61,.36,1)}
.lw.in .lw-bd{opacity:1;transform:none}
.lw-bd svg{width:13px;height:13px;fill:#C08A5E;flex:none}
.lw-bd .v{display:flex;align-items:baseline;gap:3px;font-weight:600;white-space:nowrap}
.lw-bd .cnt{font-family:var(--serif-en);font-size:24px;line-height:1;font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"lnum" 1}
.lw-bd em{font-style:normal;font-family:var(--sans);font-size:12px;letter-spacing:.14em;color:#B07A4E;font-weight:600}
.lw-bd .lb{font-size:13px;white-space:nowrap;color:var(--ink)}
.lw-name{font-family:var(--serif-en);font-weight:600;font-size:clamp(36px,4vw,54px);line-height:1;letter-spacing:.04em;color:var(--ivory);overflow:hidden}
.lw-name span{display:block;transform:translateY(105%);transition:transform 1.2s cubic-bezier(.22,.61,.36,1)}
.lw.in .lw-name span{transform:none}
.lw-role{margin-top:16px;font-family:var(--sans);font-size:12px;letter-spacing:.24em;color:var(--gold)}
.lw-zh{margin-top:6px;font-size:15px;color:rgba(252,249,246,.85)}
.lw-ln{display:block;width:64px;height:1px;background:var(--gold);margin:26px 0}
.lw-txt h2{font-family:var(--serif);font-weight:700;font-size:28px;color:var(--ivory);margin-bottom:16px}
@media(min-width:1024px){.lw-txt h2{font-size:34px}}
.lw-txt p:not(.lw-name):not(.lw-role):not(.lw-zh):not(.peu){font-size:16px;line-height:2;color:rgba(252,249,246,.82);max-width:600px;margin-bottom:10px}
.lw-txt .peu{margin-top:18px;font-family:var(--serif-en);font-style:italic;font-size:22px;color:var(--gold)}
.lw-txt>*:not(.lw-name){opacity:0;transform:translateY(20px);transition:opacity .9s .5s,transform .9s .5s}
.lw.in .lw-txt>*{opacity:1;transform:none}
.lw-flow{margin-top:110px}
@media(min-width:1000px){.lw-flow li{flex:1 1 0}}
@media(max-width:999px){.lw-badges{left:0;right:0;top:calc(100% - 26px);bottom:auto}.lw-ph{margin-bottom:200px}.lw-flow{margin-top:60px}}
.board .lw .lw-win{clip-path:none}.board .lw *{transition:none!important}
@media (prefers-reduced-motion:reduce){.lw *{transition:none!important}}
/* 標章改 2×2：數字一行、說明一行 */
.lw-badges{display:grid;grid-template-columns:1fr 1fr;gap:10px;left:-24px;right:-24px;bottom:-56px}
.lw-bd{height:auto;display:grid;grid-template-columns:auto 1fr;column-gap:8px;row-gap:2px;align-items:center;padding:10px 14px;border-radius:14px}
.lw-bd svg{grid-row:1}
.lw-bd .v{grid-column:2}
.lw-bd .v em:only-child{font-size:13px;line-height:24px}
.hm-about .lw-bd .lb{grid-column:1/-1;font-size:12px;line-height:1.5;color:#3A4652;white-space:normal}
@media(max-width:999px){.lw-badges{left:0;right:0;top:calc(100% - 40px);bottom:auto}.lw-ph{margin-bottom:120px}}
/* ===== 10/8 服務情境動畫：試放在服務列旁邊 ===== */
.scx{position:relative;width:100%;aspect-ratio:1000/620;border-radius:10px;overflow:hidden;box-shadow:0 40px 80px -50px rgba(16,74,110,.5)}
.scx-st{position:absolute;left:0;top:0;width:1000px;height:620px;transform-origin:0 0}
.scA{background:linear-gradient(180deg,#F7F2EC,#EDE5DB)}
.scA .scx-st{perspective:1400px}
.scx .it{position:absolute;transform-origin:0 0;will-change:transform,opacity;border-radius:4px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(16,74,110,.45);background:#fff;opacity:0}
.scx .it img,.scx .out img,.scx .final img{width:100%;height:100%;object-fit:cover;display:block}
.scx .card3d{position:absolute;left:370px;top:226px;width:260px;height:145px;transform-style:preserve-3d;will-change:transform;z-index:3}
.scx .card3d .f{position:absolute;inset:0;border-radius:6px;overflow:hidden;backface-visibility:hidden;box-shadow:0 30px 50px -24px rgba(16,74,110,.6)}
.scx .card3d .f img{width:100%;height:100%;object-fit:cover;display:block}
.scx .card3d .b{transform:rotateY(180deg)}
.scB{background:radial-gradient(70% 80% at 50% 50%,#155A84,#104A6E 50%,#0B3A58)}
.scx .chip{position:absolute;will-change:transform,opacity;display:flex;align-items:center;justify-content:center;color:var(--ivory)}
.scx .sw{width:58px;height:58px;border-radius:50%;border:1px solid rgba(252,249,246,.4)}
.scx .chip.pill{height:46px;padding:0 18px;border-radius:999px;background:rgba(252,249,246,.08);border:1px solid rgba(230,177,130,.45);font-size:15px;letter-spacing:.06em;white-space:nowrap}
.scx .chip.aa{width:88px;height:88px;border-radius:10px;background:rgba(252,249,246,.08);border:1px solid rgba(252,249,246,.3);font-family:var(--serif-en);font-size:38px;flex-direction:column;line-height:1}
.scx .chip.aa small{font-family:var(--sans);font-size:12px;letter-spacing:.2em;color:var(--gold);margin-top:6px}
.scx .chip.st{width:70px;height:70px}
.scx .chip.st svg{width:100%;height:100%;fill:var(--gold);filter:drop-shadow(0 0 12px rgba(230,177,130,.8))}
.scx .beam{position:absolute;left:478px;top:-40px;width:44px;height:700px;margin-left:-22px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,244,228,.95),rgba(230,177,130,.5) 45%,rgba(230,177,130,0));filter:blur(6px);opacity:.25}
.scx .beam-core{position:absolute;left:477px;top:0;width:2px;height:620px;background:linear-gradient(180deg,transparent,rgba(255,244,228,.9),transparent);opacity:.3}
.scx .ai-lbl{position:absolute;left:500px;top:300px;transform:translate(-50%,-50%);font-family:var(--sans);font-weight:600;letter-spacing:.3em;font-size:14px;color:var(--navy);background:var(--gold);padding:5px 10px 5px 13px;border-radius:999px;opacity:0}
.scx .out{position:absolute;transform-origin:center;will-change:transform,opacity;border-radius:6px;overflow:hidden;box-shadow:0 30px 60px -24px rgba(0,0,0,.55);opacity:0}
.scx .out-lbl{position:absolute;font-size:15px;letter-spacing:.08em;color:rgba(252,249,246,.85);opacity:0}
.scx-replay{position:absolute;right:14px;bottom:12px;z-index:3;font:inherit;font-size:12px;color:var(--ivory);background:rgba(252,249,246,.08);border:1px solid rgba(230,177,130,.5);border-radius:999px;padding:5px 12px;cursor:pointer}
.scC{background:linear-gradient(180deg,#F6F1EB,#EDE4DA)}
.scx .world{position:absolute;left:300px;top:330px;width:0;height:0;perspective:1600px}
.scx .cam{position:absolute;transform-style:preserve-3d;will-change:transform}
.scx .pn{position:absolute;transform-style:preserve-3d;background:linear-gradient(135deg,#B3222C,#8E141C);border:1px solid rgba(240,200,140,.55);will-change:transform}
.scx .pn::after{content:"";position:absolute;inset:8px;border:1px solid rgba(240,200,140,.5)}
.scx .pn.base{background:#8E141C}
.scx .pn.lid{background:#9E1B22 url(assets/img/lid.jpg) center/cover}
.scx .pn.lid::after{display:none}
.scx .shadow{position:absolute;left:-200px;top:-140px;width:400px;height:280px;border-radius:50%;background:radial-gradient(closest-side,rgba(60,20,20,.35),transparent);filter:blur(10px);transform:translateZ(-2px)}
.scx .final{position:absolute;left:560px;top:150px;width:420px;height:236px;border-radius:6px;overflow:hidden;box-shadow:0 40px 70px -30px rgba(60,20,20,.6);opacity:0}
.scx .final-lbl{position:absolute;left:560px;top:400px;font-size:16px;color:var(--ink);letter-spacing:.06em;opacity:0}
.scx .step{position:absolute;left:120px;top:540px;font-size:16px;letter-spacing:.08em;color:var(--navy)}
.sx-vis-tag{z-index:4}
/* 10/8：Brand Design 整段用動畫同一個情境底；AI SMART 整段深藍 */
.sx-row{position:relative;isolation:isolate}
.sx-row.r01::before,.sx-row.r02::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;margin-left:-50vw;z-index:-1}
.sx-row.r01::before{background:linear-gradient(180deg,#F7F2EC,#EDE5DB)}
.sx-row.r02::before{background:radial-gradient(60% 90% at 30% 50%,#155A84,#104A6E 55%,#0B3A58)}
.sx-row.r01,.sx-row.r02,.sx-row.r03{border-top:0}
.r01 .scx,.r02 .scx{background:transparent;box-shadow:none;border-radius:0}
.r02 .sx-en,.r02 .sx-head h3{color:var(--ivory)}
.r02 .sx-zh{color:rgba(252,249,246,.7)}
.r02 .sx-head li{color:var(--ivory);border-color:rgba(252,249,246,.3)}
.r02 .sx-go{color:var(--gold);border-color:var(--gold)}
.r02 .sx-vis-tag{background:rgba(252,249,246,.9)}
.hm-sx{padding-top:0}
/* ===== 10/8 Production：找出最佳生產路線（定案放上首頁） ===== */
.scR{background:transparent}
.scR svg.map{position:absolute;inset:0;width:1000px;height:620px;overflow:visible}
.scR .rail{fill:none;stroke:rgba(16,74,110,.14);stroke-width:8;stroke-linecap:round;stroke-linejoin:round}
.scR .gold{fill:none;stroke:var(--gold);stroke-width:8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(230,177,130,.6))}
.scR .br{fill:none;stroke:rgba(107,118,130,.45);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2 0}
.scR .x{stroke:#A9746A;stroke-width:3;stroke-linecap:round}
.scR .dot{fill:var(--ivory);stroke:var(--navy);stroke-width:3}
.scR .stn{position:absolute;transform:translate(-50%,0);text-align:center;font-size:21px;font-weight:500;color:var(--navy);white-space:nowrap}
.scR .stn small{display:block;font-family:"Inter",sans-serif;font-size:13px;letter-spacing:.18em;color:var(--mute);font-weight:500;margin-bottom:2px}
.scR .sstar{position:absolute;width:34px;height:34px;margin:-17px 0 0 -17px;opacity:0;transform:scale(.3) rotate(-45deg)}
.scR .sstar svg{width:100%;height:100%;fill:var(--gold);filter:drop-shadow(0 0 8px rgba(230,177,130,.95))}
.scR .start{position:absolute;left:70px;top:400px;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:var(--navy)}
.scR .fac{position:absolute;top:120px;width:132px;padding:12px 12px 10px;border-radius:8px;background:var(--ivory);border:1px solid var(--line);box-shadow:0 18px 30px -22px rgba(16,74,110,.55);opacity:0;transform:translateY(20px) scale(.9)}
.scR .fac b{display:block;font-family:"Inter",sans-serif;font-size:13px;letter-spacing:.16em;color:var(--navy);margin-bottom:8px}
.scR .fac p{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--mute);margin-top:5px}
.scR .fac p i{flex:1;height:5px;border-radius:3px;background:rgba(16,74,110,.1);position:relative;overflow:hidden}
.scR .fac p i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--w);background:var(--navy);border-radius:3px}
.scR .fac.pick{border-color:var(--gold);box-shadow:0 0 0 4px rgba(230,177,130,.25),0 18px 30px -22px rgba(16,74,110,.55)}
.scR .fac.pick p i::after{background:#B98E69}
.scR .fac .tg{position:absolute;right:-8px;top:-10px;font-size:11px;padding:2px 8px;border-radius:999px;background:var(--gold);color:var(--navy);font-weight:600;opacity:0}
.scR .stem{position:absolute;left:500px;top:262px;width:2px;height:46px;background:linear-gradient(var(--line),var(--gold));transform-origin:50% 100%;transform:scaleY(0)}
.scR .goal{position:absolute;left:930px;top:400px;width:70px;height:70px;margin:-35px 0 0 -35px;opacity:.25;transform:scale(.45)}
.scR .goal svg{width:100%;height:100%;fill:var(--gold);filter:drop-shadow(0 0 14px rgba(230,177,130,.9))}
.scR .goal-l{position:absolute;left:925px;top:446px;transform:translateX(-50%);font-size:21px;font-weight:600;color:var(--navy);white-space:nowrap}
.scR .res{position:absolute;left:740px;display:flex;align-items:center;gap:8px;font-size:20px;color:var(--navy);padding:7px 14px;border-radius:999px;background:var(--ivory);border:1px solid var(--gold);box-shadow:0 12px 24px -16px rgba(16,74,110,.5);opacity:0;transform:translateX(16px)}
.scR .res svg{width:15px;height:15px;fill:#B98E69}
.r03 .scx{box-shadow:none;border-radius:0}
.scx-replay.r-light{color:var(--navy);background:rgba(252,249,246,.9);border-color:var(--gold)}
/* 10/8：AI SMART 色票改成分開的小圓點 */
.scx .chip.sw{width:30px;height:30px;padding:0;border-radius:50%;border:1px solid rgba(252,249,246,.45);box-shadow:0 0 0 4px rgba(252,249,246,.04)}
.scx .chip{min-width:0;padding:0;height:auto;background:none;transition:none;border:0}
.scx .chip.sw{width:30px;height:30px;border:1px solid rgba(252,249,246,.45)}
.scx .chip.pill{height:46px;padding:0 18px;background:rgba(252,249,246,.08);border:1px solid rgba(230,177,130,.45);color:var(--ivory);font-size:15px}
.scx .chip.aa{width:88px;height:88px;background:rgba(252,249,246,.08);border:1px solid rgba(252,249,246,.3);color:var(--ivory)}
.scx .chip.st{width:70px;height:70px;background:none;border:0}
.scx .chip:hover{border-color:inherit}
/* ===== 10/8 Brand Design：斜俯視品牌組合（Andrea 提供的 v04 文具去背＋自家手機版網站＋IG 貼文） ===== */
.scD{background:transparent}
.scD .dk-persp{position:absolute;inset:0;perspective:2200px;perspective-origin:50% 30%}
.scD .dk-plane{position:absolute;left:150px;top:70px;width:760px;height:520px;transform-style:preserve-3d;transform:rotateX(52deg) rotateZ(-36deg)}
.scD .dk-it{position:absolute;transform-origin:50% 50%;will-change:transform,opacity;filter:drop-shadow(16px 22px 12px rgba(60,40,20,.28))}
.scD .dk-it img{width:100%;height:100%;object-fit:contain;display:block}
.scD .dk-ig img{object-fit:cover;border-radius:3px}
.scD .dk-phone{border-radius:20px;background:#0E2F45;padding:7px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.scD .dk-phone .scr{width:100%;height:100%;border-radius:14px;overflow:hidden;background:#104A6E}
.scD .dk-phone img{object-fit:cover;object-position:50% 0}
.r01 .scx{overflow:visible}
.scD .dk-plane{left:130px;top:40px}
.scD .dk-plane{left:165px;top:30px;transform:rotateX(54deg) rotateZ(-32deg) scale(1.08)}
/* 10/8 01:40 Andrea：改回正面視角（側看太薄、沒有立體感） */
.scD .dk-plane{left:0;top:0;width:1000px;height:620px;transform:none!important}
.scD .dk-persp{perspective:1600px;perspective-origin:50% 50%}
.scD .dk-it{filter:drop-shadow(0 22px 22px rgba(60,40,20,.22))}
.scD .dk-hero{transform-style:preserve-3d;filter:none}
.scD .dk-hero .fc{position:absolute;inset:0;backface-visibility:hidden;filter:drop-shadow(0 24px 24px rgba(16,40,60,.35))}
.scD .dk-hero .bk{transform:rotateY(180deg)}
/* 10/8 新照片：照片框放大一點 */
@media(min-width:1000px){.lw{grid-template-columns:490px 1fr;gap:80px}}
.lw-ph{max-width:490px}
/* 10/8 01:55 Brand Design 回到名片翻面版：混搭情境照＋去背信封＋VI 圖形＋IG＋手機 */
.scA{background:transparent}
.scx .it.it-cut{background:none;box-shadow:none;border-radius:0;overflow:visible;filter:drop-shadow(0 20px 20px rgba(60,40,20,.25))}
.scx .it.it-cut img{object-fit:contain}
.scx .it.it-phone{border-radius:20px;background:#0E2F45;padding:7px;overflow:visible}
.scx .it.it-phone .scr{width:100%;height:100%;border-radius:14px;overflow:hidden}
.scx .it.it-phone img{object-fit:cover;object-position:50% 0}
.scx .it.it-browser{background:#fff;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}
.scx .it.it-browser .bar{display:flex;gap:5px;align-items:center;height:16px;padding:0 8px;background:#EEE9E3;flex:none}
.scx .it.it-browser .bar b{width:6px;height:6px;border-radius:50%;background:#CFC6BB}
.scx .it.it-browser .scr{flex:1;overflow:hidden}
.scx .it.it-browser img{object-fit:cover;object-position:50% 0}
/* ===== 10/8 小樣：首頁重點整理（物以類聚邏輯：一屏一重點、同一版型、過渡做在 Banner 底部）===== */
html:has(.hm-sx.v2){scroll-snap-type:y proximity;scroll-padding-top:64px}
.he-index{position:absolute;z-index:5;left:max(24px,calc((100vw - 1240px)/2));right:max(24px,calc((100vw - 1240px)/2));bottom:0;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:18px 0 20px;border-top:1px solid rgba(252,249,246,.25)}
.he-index p{font-family:var(--serif);font-size:15px;letter-spacing:.06em;color:rgba(252,249,246,.85)}
.he-index nav{display:flex;gap:30px}
.he-index nav a{font-family:var(--serif-en);font-size:17px;letter-spacing:.06em;color:var(--ivory);text-decoration:none;position:relative;padding-bottom:3px}
.he-index nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .4s}
.he-index nav a:hover::after{transform:none}
@media(max-width:767px){.he-index{gap:10px}.he-index nav{gap:18px}.he-index nav a{font-size:15px}.he-index p{font-size:13px}}
.hm-sx.v2{padding:0}
.hm-sx.v2 .sx2{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr;gap:36px;align-items:center;min-height:calc(100vh - 64px);padding:70px 0;scroll-snap-align:start}
@media(min-width:768px){.hm-sx.v2 .sx2{grid-template-columns:1.15fr 1fr;gap:56px;padding:60px 0}
.hm-sx.v2 .sx2.r02{grid-template-columns:1fr 1.15fr}.hm-sx.v2 .sx2.r02 .sx2-vis{order:2}}
@media(min-width:1100px){.hm-sx.v2 .sx2{gap:90px}}
.hm-sx.v2 .sx2::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;margin-left:-50vw;z-index:-1}
.hm-sx.v2 .sx2.r01::before,.hm-sx.v2 .sx2.r03::before{background:linear-gradient(180deg,#F7F2EC,#EDE5DB)}
.hm-sx.v2 .sx2.r02::before{background:radial-gradient(60% 90% at 70% 50%,#155A84,#104A6E 55%,#0B3A58)}
.hm-sx.v2 .scx{background:transparent;box-shadow:none;border-radius:0;overflow:visible}
.sx2-txt .sx-no{font-family:var(--serif-en);font-size:15px;letter-spacing:.14em;color:var(--gold)}
.sx2-en{font-family:var(--serif-en);font-weight:600;font-size:clamp(44px,5.4vw,76px);line-height:1;color:var(--navy);margin-top:10px}
.sx2-txt h3{font-family:var(--serif);font-weight:700;font-size:clamp(20px,2vw,26px);color:var(--ink);margin-top:18px}
.sx2-go{display:inline-block;margin-top:20px;font-size:15px}
.sx2-wl{margin-top:44px;font-family:var(--sans);font-weight:600;font-size:13px;letter-spacing:.24em;color:var(--navy)}
.sx2-works{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px;max-width:520px}
.sx2-w{text-decoration:none;color:inherit}
.sx2-w .im{display:block;aspect-ratio:1/1;border-radius:8px;overflow:hidden;background:var(--mist)}
.sx2-w img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.22,.61,.36,1)}
.sx2-w:hover img{transform:scale(1.06)}
.sx2-w b{display:block;margin-top:8px;font-size:12px;font-weight:500;color:var(--mute)}
.r02 .sx2-en,.r02 .sx2-txt h3{color:var(--ivory)}
.r02 .sx2-go{color:var(--gold);border-color:var(--gold)}
.hm-sx.v2 .sx-all{padding:40px 0 70px;margin:0}
.hm-sx.v2 .sx2.r02 .scx{transform:scale(1.18);transform-origin:50% 50%}
@media(max-width:1099px){.hm-sx.v2 .sx2{min-height:0;padding:90px 0}}
@media(max-width:767px){.he-stage:has(.he-index) .he-copy{bottom:150px!important}.he-index{padding:14px 0 16px}}
.sx2-desc{margin-top:16px;max-width:460px;font-size:15px;line-height:1.9;color:var(--mute)}
.r02 .sx2-desc{color:rgba(252,249,246,.75)}
/* ===== 10/8 小樣：固定舞台＋金線延伸 ===== */
/* Banner：金線上的三顆服務星 */
.he-svcs{position:absolute;inset:0;z-index:5;pointer-events:none}
.he-svc{position:absolute;pointer-events:auto;display:flex;align-items:center;gap:10px;transform:translate(-11px,-11px);text-decoration:none;opacity:0;animation:heSvcIn 1s 2.2s forwards}
.he-svc:nth-child(2){animation-delay:2.4s}.he-svc:nth-child(3){animation-delay:2.6s}
@keyframes heSvcIn{to{opacity:1}}
.he-svc i{width:22px;height:22px;flex:none;transition:transform .5s,filter .5s}
.he-svc i svg{width:100%;height:100%;fill:var(--gold);filter:drop-shadow(0 0 6px rgba(230,177,130,.8))}
.he-svc span{font-family:var(--serif-en);font-size:17px;letter-spacing:.08em;color:var(--ivory);white-space:nowrap;text-shadow:0 2px 14px rgba(8,40,64,.6);transition:color .4s}
.he-svc:hover i,.he-svc.near i{transform:scale(1.5) rotate(45deg);filter:drop-shadow(0 0 14px rgba(255,236,210,1))}
.he-svc:hover span,.he-svc.near span{color:var(--gold)}
.he-down{position:absolute;z-index:5;left:50%;bottom:22px;width:1px;height:56px;margin-left:-.5px;overflow:hidden}
.he-down i{position:absolute;left:0;top:-60%;width:1px;height:60%;background:linear-gradient(transparent,var(--gold));animation:heDown 2.2s ease-in-out infinite}
@keyframes heDown{to{top:100%}}
@media(max-width:767px){.he-svc span{font-size:14px}.he-svc i{width:18px;height:18px}}
/* 固定舞台 */
.st3{position:relative;transition:background-color .9s ease;background:#F4EEE7}
.st3[data-on="02"]{background:#0F4566}
.st3-grid{display:grid;grid-template-columns:1fr;gap:0}
@media(min-width:768px){.st3-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px}}
@media(min-width:1100px){.st3-grid{gap:90px}}
.st3-txt{position:relative;padding:110px 0 60px 46px}
.st3-intro{font-family:var(--serif);font-size:16px;letter-spacing:.06em;color:var(--mute);transition:color .9s}
.st3-thread{position:absolute;left:10px;top:120px;bottom:120px;width:1px;background:rgba(185,142,105,.25)}
.st3-thread i{position:absolute;left:0;top:0;width:1px;height:100%;background:linear-gradient(var(--gold),#F6D6B6);transform-origin:top;transform:scaleY(0);box-shadow:0 0 8px rgba(230,177,130,.7)}
.st3-b{position:relative;min-height:calc(100vh - 64px);display:flex;flex-direction:column;justify-content:center;padding:60px 0;opacity:.28;transition:opacity .6s}
.st3-b.on{opacity:1}
.st3-star{position:absolute;left:-47px;top:calc(18vh + 70px);width:24px;height:24px;transform:scale(.5) rotate(-45deg);opacity:.4;transition:all .6s cubic-bezier(.22,.61,.36,1)}
.st3-star svg{width:100%;height:100%;fill:var(--gold)}
.st3-b.lit .st3-star{transform:none;opacity:1;filter:drop-shadow(0 0 10px rgba(230,177,130,.9))}
.st3 .sx2-en,.st3 .st3-b h3{transition:color .9s}
.st3[data-on="02"] .sx2-en,.st3[data-on="02"] .st3-b h3{color:var(--ivory)}
.st3[data-on="02"] .sx2-desc,.st3[data-on="02"] .st3-intro,.st3[data-on="02"] .sx2-w b{color:rgba(252,249,246,.72)}
.st3[data-on="02"] .sx2-go{color:var(--gold);border-color:var(--gold)}
.st3[data-on="02"] .sx2-wl,.st3[data-on="02"] .sx-all .txt-link{color:var(--ivory)}
.st3-side{position:relative}
.st3-stage{position:sticky;top:calc(64px + (100vh - 64px) / 2 - 22vw * .62 / 1);height:auto;aspect-ratio:1000/620}
@media(min-width:768px){.st3-stage{top:calc(64px + ((100vh - 64px) - (min(1240px,100vw) * .55 * .62)) / 2)}}
.st3-scn{position:absolute;inset:0;opacity:0;transform:scale(.96);transition:opacity .7s ease,transform .9s cubic-bezier(.22,.61,.36,1);pointer-events:none}
.st3-scn.on{opacity:1;transform:none;pointer-events:auto}
.st3 .scx{background:transparent!important;box-shadow:none;border-radius:0;overflow:visible}
.st3 .sx-all{padding:20px 0 40px}
/* 手機：舞台固定在上方，文字從下面捲過 */
@media(max-width:767px){
.st3-grid{display:flex;flex-direction:column-reverse}
.st3-side{position:sticky;top:64px;z-index:3;background:inherit;padding:8px 0}
.st3-stage{position:relative;top:auto}
.st3-side{background:linear-gradient(var(--st3bg,#F4EEE7) 85%,transparent)}
.st3[data-on="02"] .st3-side{--st3bg:#0F4566}
.st3-txt{padding:30px 0 40px 34px}
.st3-b{min-height:70vh}
.st3-star{left:-35px}
}
@media(min-width:768px){.st3-stage{top:calc(64px + (100vh - 64px - var(--sh,400px)) / 2)}}
.st3-b{align-items:flex-start}
.st3-b .sx-no{font-family:var(--serif-en);font-size:15px;letter-spacing:.14em;color:var(--gold)}
.st3-b h3{font-family:var(--serif);font-weight:700;font-size:clamp(20px,2vw,26px);color:var(--ink);margin-top:18px}
.st3-b .sx2-works{width:100%}
.he-svc.flip{flex-direction:row-reverse;transform:translate(calc(-100% + 11px),-11px)}
/* 10/8 12:20 回饋：桌機每段停留久一點（動畫播得完）；手機動畫放進各段、不遮字 */
@media(min-width:768px){.st3-b{min-height:135vh}}
@media(max-width:767px){
.st3-side{display:none}
.st3-grid{display:block}
.st3-b .st3-scn{position:relative;inset:auto;opacity:1;transform:none;width:100%;margin:0 0 26px}
.st3-b{min-height:0;padding:56px 0;opacity:1}
.st3-star{top:auto;bottom:auto}
}
/* About：拱門照片縮小 */
@media(min-width:1000px){.lw{grid-template-columns:380px 1fr;gap:90px}}
.lw-ph{max-width:380px}
.lw-badges{left:-40px;right:-40px}
.lw-bd .lb{font-size:11.5px}
/* 10/8 12:40 Andrea：引言和 Brand Design 之間空太多 → 內容靠上排、第一段貼近引言 */
@media(min-width:768px){
.st3-b{justify-content:flex-start;padding:18vh 0 0}
.st3-b:first-of-type{padding-top:7vh}
.st3-txt{padding-top:90px}
}
@media(min-width:768px){.st3-b:first-of-type .st3-star{top:calc(7vh + 70px)}}
/* 文字跟著舞台停住：每段區塊較高，但文字黏在畫面上，捲過那段才離開（不會出現空白畫面） */
@media(min-width:768px){
.st3-b{display:block;min-height:0;height:125vh;padding:0}
.st3-b:first-of-type{padding-top:0;margin-top:4vh}
.st3-in{position:sticky;top:calc(64px + (100vh - 64px - var(--ih,560px)) / 2);display:flex;flex-direction:column;align-items:flex-start}
.st3-star{top:58px!important}
.st3-b:last-of-type{height:110vh}
}
@media(max-width:767px){.st3-in{display:flex;flex-direction:column;align-items:flex-start}}
/* ===== v0.7 ===== */
.st3-cat{margin-left:14px;font-family:var(--serif);font-size:15px;letter-spacing:.14em;color:var(--ink);opacity:.75}
.st3[data-on="02"] .st3-cat{color:var(--ivory)}
.st3-b .sx2-en{margin-top:8px}
.st3-b .sx2-desc{max-width:520px;font-size:16px;line-height:2;margin-top:22px}
.lw-bd .cnt.big{font-size:22px;letter-spacing:.02em;white-space:nowrap}
/* ===== v0.8：專業觀點（GPT 10/8 定稿）===== */
.st3-pos{max-width:640px;margin-bottom:40px}
.st3-pos h2{font-family:var(--serif);font-weight:700;font-size:clamp(22px,2.2vw,30px);line-height:1.6;color:var(--navy)}
.st3-pos p{margin-top:14px;font-size:16px;line-height:2;color:var(--mute)}
.st3-pos .st3-sum{margin-top:18px;font-family:var(--serif);font-size:16px;color:#B98E69;letter-spacing:.04em}
.st3[data-on="02"] .st3-pos h2{color:var(--ivory)}
.st3-view{font-family:var(--serif);font-weight:700;font-size:clamp(19px,1.7vw,23px);line-height:1.6;color:var(--ink);margin-top:14px}
.st3[data-on="02"] .st3-view{color:var(--ivory)}
.st3-b .sx2-en{font-size:clamp(40px,4.4vw,62px)}
.st3-b .sx2-desc{font-size:15px;line-height:1.95;margin-top:12px}
.st3-caps{list-style:none;display:flex;flex-wrap:wrap;gap:8px 8px;margin-top:18px;max-width:560px}
.st3-caps li{display:flex;align-items:baseline;gap:6px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(252,249,246,.5)}
.st3-caps b{font-family:var(--serif-en);font-weight:600;font-size:14px;color:var(--navy)}
.st3-caps span{font-size:12px;color:var(--mute)}
.st3[data-on="02"] .st3-caps li{border-color:rgba(252,249,246,.25);background:rgba(252,249,246,.06)}
.st3[data-on="02"] .st3-caps b{color:var(--ivory)}.st3[data-on="02"] .st3-caps span{color:rgba(252,249,246,.65)}
.st3-b .sx2-go{margin-top:16px}
.st3-b .sx2-wl{margin-top:22px}
.st3-b .sx2-works{max-width:420px;margin-top:10px}
@media(min-width:768px){.st3-b{height:140vh}}
/* 我們怎麼看品牌 */
.hm-view{background:var(--ivory);padding:110px 0 100px}
.hv-eb{font-family:var(--serif);font-size:15px;letter-spacing:.2em;color:#B98E69}
.hv-list{list-style:none;margin-top:30px;border-top:1px solid var(--line)}
.hv-list li{display:grid;grid-template-columns:70px 1fr auto;align-items:baseline;gap:20px;padding:30px 0;border-bottom:1px solid var(--line)}
.hv-list .no{font-family:var(--serif-en);font-size:18px;color:var(--gold)}
.hv-list p{font-family:var(--serif);font-weight:700;font-size:clamp(20px,2.4vw,32px);line-height:1.5;color:var(--navy)}
.hv-list em{font-style:normal;font-family:var(--serif-en);font-size:15px;letter-spacing:.1em;color:var(--mute)}
@media(max-width:767px){.hv-list li{grid-template-columns:44px 1fr;}.hv-list em{grid-column:2}}
@media(min-width:768px){.st3-in{top:max(76px,calc(64px + (100vh - 64px - var(--ih,560px)) / 2))}}
/* ===== v0.9（10/8）結構優先版：動畫先關，版面樸素，先把內容與架構排對 ===== */
.calm .lw *,.calm .lw{transition:none!important}
.s9-eb{font-family:var(--sans);font-size:12px;letter-spacing:.22em;color:#B07A4E;font-weight:600;margin:0 0 18px}
.s9-pos,.s9-svcs,.s9-why,.s9-sipm,.s9-works-sec{padding:96px 0;border-top:1px solid var(--rule)}
.s9-pos{padding:120px 0 104px;border-top:0}
.s9-pos h2{font-family:var(--serif-zh);font-weight:600;color:var(--navy);font-size:clamp(24px,3.2vw,38px);line-height:1.5;max-width:980px;margin:0}
.s9-sub{margin:22px 0 0;color:var(--muted);font-size:17px;letter-spacing:.04em}
.s9-svc{display:grid;grid-template-columns:1fr;gap:20px;padding:56px 0;border-top:1px solid var(--rule)}
.s9-svc:first-of-type{border-top:0;padding-top:12px}
@media(min-width:900px){.s9-svc{grid-template-columns:260px 1fr;gap:56px}.s9-meta{position:sticky;top:110px;align-self:start}}
.s9-no{font-family:var(--serif-en);font-size:44px;line-height:1;color:var(--gold)}
.s9-en{font-family:var(--serif-en);font-size:26px;color:var(--navy);margin:8px 0 6px;font-weight:600}
.s9-cat{font-size:13px;color:var(--muted);letter-spacing:.08em;margin:0}
.s9-view{font-family:var(--serif-zh);font-weight:600;color:var(--navy);font-size:clamp(21px,2.4vw,28px);line-height:1.5;margin:0 0 18px}
.s9-desc{color:#3A4652;font-size:15.5px;line-height:1.95;margin:0 0 30px;max-width:760px}
.s9-list{list-style:none;margin:0 0 28px;padding:0;border-top:1px solid var(--rule)}
.s9-list li{display:grid;grid-template-columns:44px 1fr;gap:8px;padding:18px 0;border-bottom:1px solid var(--rule)}
.s9-list .n{font-family:var(--serif-en);font-size:17px;color:#B07A4E;padding-top:2px}
.s9-list .t{margin:0 0 4px;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.s9-list .t b{color:var(--navy);font-size:16px;font-weight:700}
.s9-list .t em{font-style:normal;font-family:var(--sans);font-size:11px;letter-spacing:.18em;color:var(--muted)}
.s9-list .d{margin:0;color:#4A5560;font-size:14.5px;line-height:1.8}
.s9-works{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px;max-width:620px}
.s9-w{display:block;color:var(--navy);text-decoration:none;font-size:12.5px}
.s9-w .im{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:4px;background:var(--rule);margin-bottom:8px}
.s9-w img{width:100%;height:100%;object-fit:cover}
.s9-two{display:grid;grid-template-columns:1fr;gap:36px}
@media(min-width:900px){.s9-two{grid-template-columns:1fr 1.3fr;gap:72px}}
.s9-why h2,.s9-sipm h2,.s9-works-sec h2{font-family:var(--serif-zh);font-weight:600;color:var(--navy);font-size:clamp(22px,2.6vw,30px);line-height:1.5;margin:0}
.s9-why-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:0 40px}
@media(min-width:700px){.s9-why-list{grid-template-columns:1fr 1fr}}
.s9-why-list li{padding:22px 0;border-top:1px solid var(--rule)}
.s9-why-list .n{display:block;font-family:var(--serif-en);color:#B07A4E;font-size:16px;margin-bottom:8px}
.s9-why-list b{display:block;color:var(--navy);font-size:17px;margin-bottom:6px}
.s9-why-list p{margin:0;color:#4A5560;font-size:14.5px;line-height:1.8}
.s9-sipm{background:#F5EFE8}
.s9-sipm h2{margin-bottom:44px}
.s9-sipm-list{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:1fr;gap:0}
@media(min-width:900px){.s9-sipm-list{grid-template-columns:repeat(4,1fr)}.s9-sipm-list li+li{border-left:1px solid var(--rule)}}
.s9-sipm-list li{padding:26px 24px 26px 0;border-top:1px solid var(--taupe)}
@media(min-width:900px){.s9-sipm-list li+li{padding-left:24px}}
.s9-sipm-list .L{font-family:var(--serif-en);font-size:52px;line-height:1;color:var(--navy)}
.s9-sipm-list .en{font-family:var(--serif-en);font-size:18px;color:#B07A4E;margin:6px 0 10px}
.s9-sipm-list b{display:block;color:var(--navy);font-size:16px;margin-bottom:8px}
.s9-sipm-list p{margin:0;color:#4A5560;font-size:14.5px;line-height:1.8}
.s9-sipm-note{color:var(--muted);font-size:14px;margin:0 0 18px}
.s9-works-sec h2{margin-bottom:40px}
.s9-works-sec .sx-all{margin-top:32px}
@media(max-width:767px){.s9-pos{padding:80px 0 72px}.s9-pos,.s9-svcs,.s9-why,.s9-sipm,.s9-works-sec{padding-top:64px;padding-bottom:64px}.s9-works{grid-template-columns:repeat(3,1fr);gap:8px}}
.s9-tag{margin:0 0 8px}
/* ===== v1.0（10/8）Founder-led 首頁：結構版，動畫仍關閉 ===== */
.he-sub{margin:14px 0 0;color:rgba(252,249,246,.86);font-size:15px;letter-spacing:.04em}
.he-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.he-btns .he-pill{margin-top:0}
.he-pill.ghost{background:transparent;border-color:rgba(252,249,246,.4)}
.he-svc:nth-child(4){animation-delay:2.8s}
.f-h2{font-family:var(--serif-zh);font-weight:600;color:var(--navy);font-size:clamp(22px,2.6vw,30px);line-height:1.5;margin:0 0 40px}
.f-val,.f-svcs,.f-how,.f-insights{padding:96px 0;border-top:1px solid var(--rule)}
.f-val{border-top:0;padding-top:110px}
.f-val-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:44px}
@media(min-width:900px){.f-val-list{grid-template-columns:repeat(3,1fr);gap:40px}}
.f-val-list li{position:relative;padding-top:4px}
.f-ic{display:block;width:26px;height:26px;margin-bottom:16px}.f-ic svg{width:100%;height:100%;fill:var(--gold)}
.f-kw{font-family:var(--serif-en);font-size:26px;letter-spacing:.06em;color:var(--navy);margin:0 0 14px;font-weight:600}
.f-kw small{display:block;font-family:var(--sans);font-size:12.5px;letter-spacing:.08em;color:#B07A4E;font-weight:500;margin-top:4px}
.f-no{font-family:var(--serif-en);color:var(--muted);font-size:14px}
.f-val-list h3{font-family:var(--serif-zh);color:var(--navy);font-size:20px;line-height:1.5;margin:4px 0 12px;font-weight:600}
.f-lead{color:var(--navy);font-weight:600;font-size:15px;line-height:1.8;margin:0 0 10px}
.f-val-list p{color:#4A5560;font-size:14.5px;line-height:1.9;margin:0}
.f-val .f-note{margin:48px 0 0;color:var(--muted);font-size:14px;letter-spacing:.04em}
.f-circs{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;max-width:1080px}
@media(min-width:900px){.f-circs{grid-template-columns:repeat(4,1fr);gap:24px}}
.f-circ{aspect-ratio:1;border-radius:50%;border:1px solid var(--gold);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:14%;text-decoration:none;color:var(--navy);background:#fff;transition:background .3s}
.f-circ:hover{background:#F5EFE8}
.f-circ .no{font-family:var(--serif-en);color:#B07A4E;font-size:15px}
.f-circ b{font-family:var(--serif-en);font-size:clamp(17px,1.8vw,22px);font-weight:600;margin:4px 0 2px}
.f-circ small{font-size:12px;color:var(--muted);letter-spacing:.06em}
.f-circ p{margin:10px 0 0;font-size:13px;line-height:1.6;color:#3A4652}
@media(max-width:600px){.f-circ{padding:10%}.f-circ p{font-size:11.5px;margin-top:6px}}
.f-circ-note{margin:30px 0 30px;color:#3A4652;font-size:15px;line-height:1.9}
.f-sv{display:grid;grid-template-columns:1fr;gap:18px;padding:56px 0;border-top:1px solid var(--rule)}
@media(min-width:900px){.f-sv{grid-template-columns:260px 1fr;gap:56px}.f-sv-meta{position:sticky;top:110px;align-self:start}}
.f-mini{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;border:1px solid var(--gold);font-family:var(--serif-en);color:#B07A4E;font-size:18px}
.f-k{font-size:12px;letter-spacing:.18em;color:#B07A4E;font-weight:600;margin:0 0 8px}
.f-gets{list-style:none;margin:0 0 18px;padding:0;border-top:1px solid var(--rule)}
.f-gets li{padding:12px 0 12px 24px;border-bottom:1px solid var(--rule);color:var(--navy);font-weight:600;font-size:15px;position:relative}
.f-gets li::before{content:"";position:absolute;left:4px;top:21px;width:8px;height:8px;border-radius:50%;background:var(--gold)}
.f-small{color:var(--muted);font-size:13.5px;margin:0 0 18px}
.f-ai{padding:100px 0;position:relative;overflow:hidden}
.f-ai .wrap{position:relative;z-index:2}
.f-ai .f-h2{color:var(--ivory);margin-bottom:14px}
.f-ai-sub{color:var(--gold);font-size:17px;margin:0 0 44px}
.f-flow{list-style:none;margin:0 0 36px;padding:0;display:grid;grid-template-columns:1fr;gap:0}
@media(min-width:900px){.f-flow{grid-template-columns:repeat(4,1fr)}}
.f-flow li{padding:22px 22px 22px 0;border-top:1px solid rgba(230,177,130,.5);position:relative}
@media(min-width:900px){.f-flow li:not(:last-child)::after{content:"→";position:absolute;right:14px;top:20px;color:var(--gold)}}
.f-flow .n{font-family:var(--serif-en);color:var(--gold);font-size:15px}
.f-flow b{display:block;color:var(--ivory);font-size:18px;margin:6px 0}
.f-flow p{margin:0;color:rgba(252,249,246,.75);font-size:14px}
.f-ai-diff{max-width:760px;color:rgba(252,249,246,.86);font-size:15.5px;line-height:1.95;margin:0 0 36px}
.f-ba{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:760px;margin-bottom:28px}
.f-ba figure{margin:0;position:relative}.f-ba img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px;display:block}
.f-ba figcaption{font-family:var(--sans);font-size:12px;letter-spacing:.2em;color:var(--gold);margin-top:8px}
.f-ba .mock{position:absolute;left:10px;top:10px;z-index:2}
.f-ai .txt-link{color:var(--gold)}
.f-loc{font-size:13.5px!important;letter-spacing:.06em;color:var(--gold)!important}
.f-net{margin-top:56px;padding-top:28px;border-top:1px solid rgba(252,249,246,.2);display:grid;gap:8px}
.f-net-h{font-family:var(--serif-zh);font-size:19px;color:var(--ivory);margin:0}
.f-net-s{color:rgba(252,249,246,.75);font-size:14px;line-height:1.8;margin:0 0 6px}
.f-layer{font-size:12px;letter-spacing:.2em;color:#B07A4E;font-weight:600;margin:0 0 10px}
.f-how h3{font-family:var(--serif-zh);color:var(--navy);font-size:22px;margin:0 0 14px;font-weight:600}
.f-how-a{margin-bottom:72px}
.f-concept{color:#3A4652;font-size:15.5px;line-height:1.9;margin:0 0 28px}
.f-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:0}
@media(min-width:900px){.f-steps{grid-template-columns:repeat(4,1fr);gap:28px}}
.f-steps li{padding:20px 0;border-top:1px solid var(--rule)}
.f-steps .n{font-family:var(--serif-en);color:#B07A4E}
.f-steps b{display:block;color:var(--navy);font-size:16px;margin:6px 0}
.f-steps p{margin:0;color:#4A5560;font-size:14px;line-height:1.8}
.f-how-b{background:#F5EFE8;padding:44px 32px;border-radius:4px}
.f-sipm .org{color:var(--navy)!important;font-weight:600;margin-bottom:8px!important}
.f-ins-grid{display:grid;grid-template-columns:1fr;gap:20px}
@media(min-width:900px){.f-ins-grid{grid-template-columns:repeat(3,1fr)}}
.f-ins{display:flex;flex-direction:column;gap:10px;padding:28px;border:1px solid var(--rule);border-radius:4px;text-decoration:none;background:#fff}
.f-ins .tag{font-size:11px;letter-spacing:.2em;color:#B07A4E;font-weight:600}
.f-ins h3{font-family:var(--serif-zh);color:var(--navy);font-size:18px;line-height:1.55;margin:0}
.f-ins p{color:#4A5560;font-size:14px;line-height:1.8;margin:0;flex:1}
.f-ins .go{color:var(--navy);font-size:13px}
@media(max-width:767px){.f-val,.f-svcs,.f-how,.f-insights,.f-ai{padding:64px 0}.f-how-b{padding:28px 18px}}
.lw-badges .lw-bd:nth-child(5){grid-column:1/-1;justify-self:center;min-width:50%}
@media(min-width:1000px){.lw-badges{bottom:-110px}.hm-about .lw-ph{margin-bottom:130px}}
@media(max-width:999px){.hm-about .lw-ph{margin-bottom:200px}}
.f-ba .mock{background:rgba(252,249,246,.92);color:var(--navy);font-size:11px;padding:3px 8px;border-radius:999px}
/* v1.0b（10/8 19:09）中文為主、英文為輔 */
.nav .links>a,.nav .links .has-mega>a{flex-direction:column;justify-content:center;line-height:1.25;font-size:15px;letter-spacing:.08em}
.nav .links a small{font-size:10px;letter-spacing:.16em;opacity:.6;font-family:var(--serif-en);margin-top:2px}
.he-svc span small{display:block;font-size:11px;letter-spacing:.14em;opacity:.75}
.he-svc span{font-family:var(--serif-zh);font-size:16px;line-height:1.3}
.f-circ b{font-family:var(--serif-zh);font-size:clamp(17px,1.7vw,21px)}
.f-circ small{font-family:var(--serif-en);font-size:13px;letter-spacing:.1em}
.f-zh{font-family:var(--serif-zh);font-size:26px;color:var(--navy);font-weight:600;margin:14px 0 4px}
.f-en{font-family:var(--serif-en);font-size:15px;letter-spacing:.1em;color:#B07A4E;margin:0}
.f-sipm .zh{display:block;color:var(--navy);font-size:18px;margin:8px 0 2px}
.f-sipm .en{font-size:14px!important;margin:0 0 10px!important}
.f-val-list.v2 li{text-align:center;padding:0 8px}
.f-ic2{display:inline-flex;align-items:center;justify-content:center;width:84px;height:84px;border-radius:50%;background:radial-gradient(circle,#FBEEDD 0%,#F5EFE8 70%);margin-bottom:22px}
.f-ic2 svg{width:30px;height:30px;fill:var(--gold);filter:drop-shadow(0 0 8px rgba(230,177,130,.7))}
.f-val-list.v2 h3{font-size:22px;margin:0 0 4px}
.f-kw2{font-family:var(--serif-en);font-size:13px;letter-spacing:.2em;color:#B07A4E;margin:0 0 16px!important}
.f-val .f-note{text-align:center}
/* v1.2（10/8 19:29）四個價值：VI 線條圖示＋金線串成價值鏈 */
.f-val-list.v3{position:relative;grid-template-columns:1fr;gap:48px}
@media(min-width:900px){.f-val-list.v3{grid-template-columns:repeat(4,1fr);gap:28px}
.f-val-list.v3::before{content:"";position:absolute;left:12.5%;right:12.5%;top:58px;height:1px;background:linear-gradient(90deg,rgba(230,177,130,.2),var(--gold) 20%,var(--gold) 80%,rgba(230,177,130,.2))}}
.f-val-list.v3 li{text-align:center;position:relative;z-index:1}
.f-ic3{display:inline-flex;align-items:center;justify-content:center;width:116px;height:116px;border-radius:50%;background:radial-gradient(circle at 50% 40%,#FFF8EE 0%,#F7EADB 60%,#F1E2D0 100%);box-shadow:0 0 0 1px rgba(230,177,130,.55),0 16px 34px -18px rgba(176,122,78,.55);margin-bottom:18px}
.f-ic3 svg{width:62px;height:62px;overflow:visible}
.f-ic3 .ln{fill:none;stroke:var(--navy);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.f-ic3 .gd{fill:none;stroke:#C99566;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.f-ic3 .gdf{fill:var(--gold);stroke:none}
.f-ic3 .sp{fill:var(--gold);filter:drop-shadow(0 0 4px rgba(230,177,130,.9))}
.f-no3{display:block;font-family:var(--serif-en);color:#B07A4E;font-size:14px;margin-bottom:6px}
.f-val-list.v3 h3{font-family:var(--serif-zh);color:var(--navy);font-size:21px;line-height:1.45;margin:0 0 4px;font-weight:700}
.f-val-list.v3 .f-lead{font-size:14.5px}
.f-val-list.v3 p{font-size:14px}
.f-ic3 svg{width:84px;height:84px}
.f-val-list.v3 h3{font-size:20px;text-wrap:balance}
/* v1.3（10/8 19:31）服務：四張卡片一目了然，直接接服務細節 */
.f-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px}
@media(min-width:900px){.f-cards{grid-template-columns:repeat(4,1fr);gap:20px}}
.f-card{display:flex;flex-direction:column;padding:28px 24px 26px;background:#fff;border:1px solid var(--rule);border-top:2px solid var(--gold);border-radius:4px;text-decoration:none;color:var(--navy);transition:transform .3s,box-shadow .3s}
.f-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px -22px rgba(16,74,110,.4)}
.f-card .no{font-family:var(--serif-en);color:#B07A4E;font-size:15px}
.f-card b{font-family:var(--serif-zh);font-size:clamp(19px,1.8vw,23px);font-weight:700;margin:10px 0 2px}
.f-card small{font-family:var(--serif-en);font-size:13px;letter-spacing:.1em;color:var(--muted)}
.f-card p{margin:16px 0 0;font-size:13.5px;line-height:1.7;color:#3A4652;flex:1}
.f-card::after{content:"→";margin-top:14px;color:var(--gold)}
@media(max-width:600px){.f-card{padding:20px 16px}.f-card p{font-size:12.5px}}
.f-val-list.v3 h3{margin:4px 0 14px}
/* v1.4（10/8 19:36）第二屏照小船排法：無連線、無小標，圖示＋金色標題＋置中短段落 */
.f-val{padding:100px 0 96px}
.f-val-list.v3::before{display:none!important}
.f-val-list.v3{gap:56px 0}
@media(min-width:900px){.f-val-list.v3{grid-template-columns:repeat(4,1fr);gap:0}.f-val-list.v3 li+li{border-left:1px solid var(--rule)}}
.f-val-list.v3 li{padding:0 26px;text-align:center}
.f-ic3{width:auto;height:auto;background:radial-gradient(circle,rgba(230,177,130,.28) 0%,rgba(230,177,130,0) 68%);box-shadow:none;border-radius:50%;padding:18px;margin-bottom:22px}
.f-ic3 svg{width:76px;height:76px;overflow:visible}
.f-ic3 .ln{fill:none;stroke:var(--navy);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.f-ic3 .gf{fill:#E6B182}
.f-ic3 .gf2{fill:#F3D6B8}
.f-ic3 .arc{fill:none;stroke:#E6B182;stroke-width:2;stroke-linecap:round;stroke-dasharray:2 6}
.f-ic3 .dt{fill:#C99566}
.f-ic3 .sp{fill:#E6B182;filter:drop-shadow(0 0 5px rgba(230,177,130,.9))}
.f-val-list.v3 h3{font-family:var(--serif-zh);color:#A9733F;font-size:21px;font-weight:700;margin:0 0 18px;letter-spacing:.04em;text-wrap:balance}
.f-val-list.v3 p{max-width:250px;margin:0 auto;color:#3A4652;font-size:14.5px;line-height:2.05;text-align:left;text-wrap:pretty}
@media(max-width:899px){.f-val-list.v3 li{padding:0 6px}.f-val-list.v3 p{max-width:340px}}
/* v1.4（10/8 19:36）第二屏照小船排法：無連線、無小標，圖示＋金色標題＋短段落 */
.f-val{padding:100px 0 96px}
.f-val-list.v3::before{display:none!important}
.f-val-list.v3{gap:56px 0}
@media(min-width:900px){.f-val-list.v3{grid-template-columns:repeat(4,1fr);gap:0}.f-val-list.v3 li+li{border-left:1px solid var(--rule)}}
.f-val-list.v3 li{padding:0 26px;text-align:center}
.f-ic3{width:auto;height:auto;background:radial-gradient(circle,rgba(230,177,130,.28) 0%,rgba(230,177,130,0) 68%);box-shadow:none;border-radius:50%;padding:18px;margin-bottom:22px}
.f-ic3 svg{width:76px;height:76px;overflow:visible}
.f-ic3 .ln{fill:none;stroke:var(--navy);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.f-ic3 .gf{fill:#E6B182}
.f-ic3 .gf2{fill:#F3D6B8}
.f-ic3 .arc{fill:none;stroke:#E6B182;stroke-width:2;stroke-linecap:round;stroke-dasharray:2 6}
.f-ic3 .dt{fill:#C99566}
.f-ic3 .sp{fill:#E6B182;filter:drop-shadow(0 0 5px rgba(230,177,130,.9))}
.f-val-list.v3 h3{font-family:var(--serif-zh);color:#A9733F;font-size:21px;font-weight:700;margin:0 0 18px;letter-spacing:.04em;text-wrap:balance}
.f-val-list.v3 p{max-width:250px;margin:0 auto;color:#3A4652;font-size:14.5px;line-height:2.05;text-align:left;text-wrap:pretty}
@media(max-width:899px){.f-val-list.v3 li{padding:0 6px}.f-val-list.v3 p{max-width:340px}}
@media(min-width:900px){.f-val-list.v3 li+li{border-left:0}.f-val-list.v3{gap:0 8px}.f-val-list.v3 h3{min-height:3em;display:flex;align-items:center;justify-content:center}}
.f-ic3{padding:26px;background:radial-gradient(circle,rgba(230,177,130,.32) 0%,rgba(230,177,130,.10) 45%,rgba(230,177,130,0) 70%)}
.f-ic3 svg{width:92px;height:92px}
.f-val-list.v3 li{padding:0 18px}
.f-val-list.v3 p{text-align:center;max-width:270px}
/* v1.5（10/8 19:38）服務：不寫編號、不用箭頭，避免看成流程 */
.f-card::after{content:none}
.f-card b{margin-top:0}
.f-card .go{align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin-top:16px;border:1px solid var(--gold);border-radius:50%;color:#B07A4E;font-size:14px;transition:background .3s,color .3s}
.f-card:hover .go{background:var(--gold);color:#fff}
.f-zh{margin-top:0}
/* 10/8 19:52 生產整合：卡片副標、兩個核心能力、製作執行入口 */
.f-card .sub{display:block;margin-top:8px;font-size:12.5px;color:#B07A4E;letter-spacing:.04em;font-weight:600}
.f-core{margin:6px 0 22px}
.f-core-grid{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:700px){.f-core-grid{grid-template-columns:1fr 1fr}}
.f-core-grid>div{padding:20px 22px;background:#F5EFE8;border-radius:4px}
.f-core-grid b{display:block;color:var(--navy);font-size:17px;font-family:var(--serif-zh)}
.f-core-grid small{display:block;font-family:var(--serif-en);color:#B07A4E;font-size:13px;letter-spacing:.08em;margin:2px 0 10px}
.f-core-grid p{margin:0;color:#4A5560;font-size:14px;line-height:1.85}
.f-alt{margin:0 0 22px;padding:14px 18px;border:1px dashed var(--taupe);border-radius:4px;display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline}
.f-alt b{color:var(--navy);font-size:14.5px}
.f-alt p{margin:0;color:#4A5560;font-size:14px}
/* 10/8 20:10 生產整合：信任條＋選擇權＋製作執行註記 */
.f-trust{margin:0 0 20px;padding:20px 22px;background:var(--navy);border-radius:4px}
.f-trust ul{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.f-trust li{padding:6px 14px;border:1px solid var(--gold);border-radius:999px;color:var(--gold);font-size:13.5px;font-weight:600;letter-spacing:.04em}
.f-trust p{margin:0;color:rgba(252,249,246,.86);font-size:14px;line-height:1.8}
.f-after{margin:0 0 20px}
.f-after b{display:block;font-family:var(--serif-zh);color:var(--navy);font-size:19px;margin-bottom:6px}
.f-after p{margin:0;color:#4A5560;font-size:14.5px;line-height:1.85}
.f-alt{flex-direction:column;gap:4px;border-style:dashed;background:transparent}
.f-alt b{font-size:13.5px;font-weight:600}.f-alt p{font-size:13px;color:var(--muted)}
.f-trust-s{margin:12px 0 0!important}
/* 20:20 生產整合 GPT 定稿：透明句＋首次／後續兩塊＋製作執行 */
.f-trans{margin:0 0 22px;padding-left:14px;border-left:2px solid var(--gold);color:var(--navy);font-weight:600;font-size:15px;line-height:1.9}
.f-two{margin-bottom:22px}
.f-two small{display:block;font-family:var(--sans);font-size:12px;letter-spacing:.04em;color:#B07A4E;margin:0 0 8px;font-weight:600}
.f-two b{display:block;font-family:var(--serif-zh);color:var(--navy);font-size:19px;margin-bottom:10px}
.f-two p{margin:0 0 8px;color:#4A5560;font-size:14px;line-height:1.85}
.f-two .arrow{color:var(--navy);font-weight:600}
.f-own{margin:-6px 0 20px;color:#3A4652;font-size:14.5px;line-height:1.85}.f-own b{color:var(--navy);margin-right:6px}
.f-own ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.f-own li{padding:12px 0 12px 22px;border-bottom:1px solid var(--rule);position:relative;font-size:14.5px;line-height:1.85;color:#3A4652}
.f-own li::before{content:"";position:absolute;left:4px;top:21px;width:7px;height:7px;border-radius:50%;background:var(--gold)}
.f-own li b{display:block;color:var(--navy)}
.f-own{margin:0 0 22px}
/* 20:32 生產整合：五個好處＋醒目 Trust Bar */
.f-pb{list-style:none;margin:0 0 24px;padding:0;border-top:1px solid var(--rule)}
.f-pb li{display:grid;grid-template-columns:1fr;gap:2px;padding:13px 0 13px 24px;border-bottom:1px solid var(--rule);position:relative}
@media(min-width:700px){.f-pb li{grid-template-columns:200px 1fr;gap:16px;align-items:baseline}}
.f-pb li::before{content:"";position:absolute;left:4px;top:22px;width:8px;height:8px;border-radius:50%;background:var(--gold)}
.f-pb b{color:var(--navy);font-size:15px}
.f-pb span{color:#4A5560;font-size:14.5px;line-height:1.8}
.f-trust{padding:18px 22px}
.f-trust ul{margin:0;justify-content:center;gap:10px}
.f-trust li{font-size:14.5px;padding:8px 18px}
.f-belief{margin:22px 0 14px!important;padding-left:16px;border-left:2px solid var(--gold);font-family:var(--serif-zh);font-size:18px!important;line-height:1.75!important;color:var(--ivory)!important}
.hm-about .peu{display:none}
.f-belief{font-family:"LXGW WenKai TC",var(--serif-zh)!important;font-size:18px!important;font-weight:700;letter-spacing:.06em;color:#F3D6B8!important}
/* 20:51 合作信念回到內文字型、縮小 */
.f-belief{font-family:var(--sans)!important;font-size:15px!important;font-weight:500!important;letter-spacing:.04em!important;color:var(--ivory)!important;line-height:1.85!important}
.f-belief-top{margin:14px 0 4px!important;font-size:14.5px!important;color:rgba(252,249,246,.9)!important}
/* 22:19 AI 區：喚醒 → 共鳴 → 轉折 → SMART 五步（Claude 撰寫） */
.f-ai-lead{max-width:780px;color:rgba(252,249,246,.88);font-size:16px;line-height:1.95;margin:0 0 22px}
.f-ai-pain{list-style:none;margin:0 0 26px;padding:0;display:grid;grid-template-columns:1fr;gap:10px;max-width:900px}
@media(min-width:900px){.f-ai-pain{grid-template-columns:repeat(3,1fr)}}
.f-ai-pain li{padding:14px 16px;border:1px solid rgba(230,177,130,.35);border-radius:4px;color:var(--ivory);font-size:14.5px;line-height:1.7}
.f-ai-turn{max-width:780px;color:rgba(252,249,246,.86);font-size:15.5px;line-height:1.95;margin:0 0 34px}
.f-ai-turn strong{color:var(--gold);font-weight:600}
.f-k-gold{color:var(--gold)!important}
.f-smart{list-style:none;margin:0 0 36px;padding:0;display:grid;grid-template-columns:1fr;gap:0}
@media(min-width:900px){.f-smart{grid-template-columns:repeat(5,1fr)}.f-smart li+li{border-left:1px solid rgba(252,249,246,.15)}}
.f-smart li{padding:18px 18px 18px 0;border-top:1px solid rgba(230,177,130,.5)}
@media(min-width:900px){.f-smart li+li{padding-left:18px}}
.f-smart .L{font-family:var(--serif-en);font-size:40px;line-height:1;color:var(--gold)}
.f-smart b{display:block;color:var(--ivory);font-size:16px;margin:8px 0 6px}
.f-smart p{margin:0;color:rgba(252,249,246,.72);font-size:13.5px;line-height:1.7}
/* 22:23 AI 區改成「你會拿到的結果＋不做會怎樣」；SMART 細節移到內頁 */
.f-ai-get{list-style:none;margin:0 0 26px;padding:0;display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:900px){.f-ai-get{grid-template-columns:repeat(3,1fr)}}
.f-ai-get li{padding:22px 22px 20px;border:1px solid rgba(230,177,130,.4);border-radius:6px;background:rgba(252,249,246,.04)}
.f-ai-get .n{font-family:var(--serif-en);color:var(--gold);font-size:16px}
.f-ai-get b{display:block;color:var(--ivory);font-family:var(--serif-zh);font-size:19px;margin:8px 0 8px}
.f-ai-get p{margin:0;color:rgba(252,249,246,.78);font-size:14.5px;line-height:1.8}
.f-ai-not{max-width:820px;margin:0 0 34px;color:rgba(252,249,246,.86);font-size:15px;line-height:1.9}
.f-ai-not b{color:var(--gold)}
/* 22:33 GPT 首頁精簡版：四個價值＋一句收尾 */
@media(min-width:900px){.f-ai-4{grid-template-columns:repeat(4,1fr)}}
.f-ai-quote{margin:6px 0 34px;padding-left:16px;border-left:2px solid var(--gold);font-family:var(--serif-zh);font-size:19px;line-height:1.75;color:var(--ivory)}
/* 22:35 AI 品牌系統內頁（GPT 文案 01–08、11、12） */
.ai-by{margin:10px 0 0;font-family:var(--serif-en);letter-spacing:.14em;color:var(--gold);font-size:15px}
.g-sec{padding:88px 0;position:relative;overflow:hidden}
.g-sec .wrap{position:relative;z-index:2}
.g-alt{background:#F5EFE8}
.g-narrow{max-width:760px}
.g-center{text-align:center;margin-left:auto;margin-right:auto}
.g-no{font-family:var(--serif-en);color:#B07A4E;font-size:18px;margin:0 0 6px}
.g-h2{font-family:var(--serif-zh);font-weight:600;color:var(--navy);font-size:clamp(23px,2.8vw,32px);line-height:1.5;margin:0 0 24px}
.navy-s .g-h2{color:var(--ivory)}
.g-sec p{color:#3A4652;font-size:16px;line-height:2;margin:0 0 14px}
.g-sec p b{color:var(--navy)}
.navy-s.g-sec p,.light-p{color:rgba(252,249,246,.86)!important}
.g-quote{font-family:var(--serif-zh);font-size:20px!important;color:var(--navy)!important;padding-left:16px;border-left:2px solid var(--gold);margin:18px 0 22px!important;line-height:1.7!important}
.g-quote.light{color:var(--ivory)!important}
.g-term{font-family:var(--serif-zh);font-size:26px!important;font-weight:700;color:#A9733F!important;margin:6px 0 18px!important}
.g-term.light{color:var(--gold)!important}
.g-list{margin:0 0 18px;padding:0;list-style:none;border-top:1px solid var(--rule)}
.g-list li{padding:11px 0 11px 22px;border-bottom:1px solid var(--rule);position:relative;color:var(--navy);font-weight:600}
.g-list li::before{content:"";position:absolute;left:4px;top:20px;width:7px;height:7px;border-radius:50%;background:var(--gold)}
.g-tags{list-style:none;margin:6px 0 20px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.g-tags li{padding:7px 14px;border:1px solid var(--gold);border-radius:999px;color:var(--navy);font-size:14.5px;background:#fff}
.g-vs{display:grid;grid-template-columns:1fr;gap:16px;margin:10px 0 30px}
@media(min-width:800px){.g-vs{grid-template-columns:1fr 1fr;gap:22px}}
.g-vs-col{border-radius:6px;padding:24px 24px 14px}
.g-vs-col.dark{background:rgba(0,0,0,.28);border:1px solid rgba(252,249,246,.15)}
.g-vs-col.gold{background:linear-gradient(160deg,#E9C39C,#D9A272);}
.g-vs-h{font-family:var(--serif-zh);font-size:20px!important;font-weight:700;margin:0 0 14px!important;color:var(--ivory)!important}
.g-vs-col.gold .g-vs-h{color:var(--navy)!important}
.g-vs ol{list-style:none;margin:0;padding:0}
.g-vs li{padding:12px 0;border-top:1px solid rgba(252,249,246,.15);color:rgba(252,249,246,.82);font-size:15px}
.g-vs-col.gold li{border-top-color:rgba(16,74,110,.2);color:var(--navy);font-weight:600}
.g-grid6{display:grid;grid-template-columns:1fr;gap:14px;margin-top:20px}
@media(min-width:700px){.g-grid6{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.g-grid6{grid-template-columns:repeat(3,1fr)}}
.g-card{padding:22px 22px 20px;background:#fff;border:1px solid var(--rule);border-top:2px solid var(--gold);border-radius:4px}
.g-card b{display:block;font-family:var(--serif-zh);color:var(--navy);font-size:18px;margin-bottom:8px}
.g-card p{margin:0!important;font-size:14.5px!important;line-height:1.8!important}
.g-loop,.g-cycle{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin:24px 0}
.g-loop span,.g-cycle span{padding:12px 18px;border:1px solid var(--gold);border-radius:999px;color:var(--navy);font-weight:600;background:#fff;font-size:15px}
.g-loop i,.g-loop em,.g-cycle i{font-style:normal;color:#B07A4E;font-size:18px}
.g-cycle{flex-direction:column}
.g-cycle span{background:rgba(252,249,246,.06);color:var(--ivory)}
.g-cycle i{color:var(--gold)}
.g-close .g-h2{margin-bottom:16px}
.g-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px}
/* 22:41 Services 下拉：四大服務總覽 */
.svc4{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.svc4 a{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;padding:18px 0;border-bottom:1px solid rgba(252,249,246,.14);color:var(--ivory);text-decoration:none}
.svc4 .zh{font-family:var(--serif-en);font-size:22px;grid-column:1}
.svc4 .en{font-size:12.5px;color:var(--gold);letter-spacing:.06em;grid-column:1}
.svc4 .ln{font-size:13px;color:rgba(252,249,246,.7);margin-top:6px;grid-column:1}
.svc4 .ar{grid-column:2;grid-row:1/4;align-self:center;color:var(--gold)}
.svc4 a:hover .zh{color:var(--gold)}
/* 22:50 Services 下拉定案：C 款（文字＋VI 線條圖示＋子連結） */
.mega-svc4 .inner{display:block;padding-top:34px;padding-bottom:26px}
.sv4-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.sv4 .ic{display:inline-flex;width:46px;height:46px;border-radius:50%;background:rgba(230,177,130,.14);align-items:center;justify-content:center;margin-bottom:12px}
.sv4 .ic svg{width:28px;height:28px}.sv4 .l{fill:none;stroke:#FCF9F6;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.sv4 .g{fill:#E6B182;stroke:#E6B182;stroke-width:2.2;stroke-linecap:round}
.sv4 .h{display:block;color:var(--ivory);text-decoration:none}
.sv4 .h b{display:block;font-family:var(--serif-en);font-weight:500;font-size:22px;line-height:1.25}
.sv4 .h small{display:block;color:var(--gold);font-size:12.5px;margin-top:4px}
.sv4 .h:hover b{color:var(--gold)}
.sv4 p{color:rgba(252,249,246,.72);font-size:13.5px;line-height:1.7;margin:10px 0 0}
.sv4 ul{list-style:none;margin:14px 0 0;padding:12px 0 0;border-top:1px solid rgba(252,249,246,.14)}
.sv4 li a{display:block;font-size:13.5px;padding:6px 0;color:rgba(252,249,246,.86);text-decoration:none}
.sv4 li a::before{content:"·";color:var(--gold);margin-right:8px}
.sv4 li a:hover{color:var(--gold)}
.sv4-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:26px;padding-top:16px;border-top:1px solid rgba(252,249,246,.14);font-size:13.5px}
.sv4-foot a{color:rgba(252,249,246,.86);text-decoration:none}.sv4-foot .gold{color:var(--gold);font-weight:600}
/* 22:56 Work 下拉：與 Services C 款同一套版型，保留作品圖 */
.mega-work .inner{display:block;padding-top:30px;padding-bottom:26px}
.wk-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.wk{display:block;color:var(--ivory);text-decoration:none}
.wk .im{display:block;aspect-ratio:4/3;border-radius:6px;overflow:hidden;margin-bottom:14px;box-shadow:0 14px 28px -18px rgba(0,0,0,.6);position:relative}
.wk .im::after{content:"";position:absolute;inset:0;border-radius:6px;box-shadow:inset 0 0 0 1px rgba(230,177,130,0);transition:box-shadow .4s}
.wk img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.22,.61,.36,1)}
.wk:hover img{transform:scale(1.05)}
.wk:hover .im::after{box-shadow:inset 0 0 0 1px rgba(230,177,130,.8)}
.wk b{display:block;font-family:var(--serif-en);font-weight:500;font-size:20px;line-height:1.3}
.wk small{display:block;color:var(--gold);font-size:12.5px;margin-top:3px;min-height:1em}
.wk .tg2{display:block;margin-top:10px;padding-top:10px;border-top:1px solid rgba(252,249,246,.14);font-size:12.5px;letter-spacing:.06em;color:rgba(252,249,246,.7)}
.wk:hover b{color:var(--gold)}
.wk-filter{color:rgba(252,249,246,.6)}
.wk-filter a{margin-left:14px;color:var(--gold)!important}
.wk small{min-height:19px}
/* ===== 23:01 內頁 VI 校正（簡化版）：拿掉 Grandvity 式格線與裝飾，統一成首頁的 SHINE.IN 語言 ===== */
.vi .rail{display:block;border:0!important;background:transparent}
.vi .rail .gut{display:none}
.vi .rail .core{max-width:1240px;margin:0 auto;border-left:0!important}
.vi .rail.top{border-top:0}
.vi .corner.vi-star{position:static;display:block;width:16px;height:16px;margin:56px 20px 0;filter:drop-shadow(0 0 6px rgba(230,177,130,.7))}
@media(min-width:1024px){.vi .corner.vi-star{margin:72px 44px 0}}
.vi .corner.vi-star path{fill:var(--gold)}
.vi .h-xl{font-family:var(--serif-zh);font-size:clamp(26px,3.2vw,38px)!important;font-weight:600;line-height:1.45;color:var(--navy);padding-top:14px!important;padding-bottom:18px!important}
.vi .h-xl.xxl{font-size:clamp(30px,4vw,48px)!important}
.vi .h-lg{font-family:var(--serif-zh);font-size:clamp(22px,2.6vw,32px)}
.vi .h-md{font-family:var(--serif-zh)}
.vi .cells>*,.vi .cells{border-color:var(--rule)!important}
.vi .glowfield{display:none}
.vi .dots-bg{opacity:.5}
/* 23:21 首頁 AI 區：Before／After 換成 AI 情境動畫（v0.8 的 B 場景） */
.f-ai-scene{max-width:880px;margin:0 0 30px}
.f-ai-scene .scx{background:rgba(252,249,246,.04);border:1px solid rgba(230,177,130,.25);box-shadow:none}
/* 23:24 首頁 AI 區美化：左右兩欄（文字＋動畫）→ 沒有 vs 有 對照 → 置中收尾 */
.ai2-top{display:grid;grid-template-columns:1fr;gap:36px;align-items:center;margin-bottom:64px}
@media(min-width:1000px){.ai2-top{grid-template-columns:.85fr 1.15fr;gap:56px}}
.ai2-txt .f-h2{margin-bottom:22px}
.ai2-pain{font-size:17px;line-height:1.95;color:rgba(252,249,246,.82);margin:0;padding-left:16px;border-left:2px solid var(--gold)}
.ai2-pain strong{color:var(--gold);font-weight:600}
.ai2-vis .scx{background:rgba(252,249,246,.04);border:1px solid rgba(230,177,130,.28);box-shadow:0 30px 60px -36px rgba(0,0,0,.6)}
.ai2-vis .chip.sw:first-child,.ai2-vis .chip.sw[style*="#104A6E"]{box-shadow:0 0 0 1.5px rgba(252,249,246,.6)}
.ai2-vs{border-radius:8px;overflow:hidden;border:1px solid rgba(252,249,246,.14);margin-bottom:56px}
.ai2-vs-h{display:grid;grid-template-columns:1fr 1fr;font-size:13px;letter-spacing:.14em;font-weight:600}
.ai2-vs-h span{padding:14px 24px;color:rgba(252,249,246,.55);background:rgba(0,0,0,.18)}
.ai2-vs-h span+span{color:var(--navy);background:linear-gradient(120deg,#E9C39C,#D9A272)}
.ai2-row{display:grid;grid-template-columns:1fr;border-top:1px solid rgba(252,249,246,.1);position:relative}
@media(min-width:760px){.ai2-row{grid-template-columns:1fr 1fr}}
.no-sys{margin:0;padding:22px 24px;color:rgba(252,249,246,.5);font-size:15px;background:rgba(0,0,0,.18);text-decoration:line-through;text-decoration-color:rgba(230,177,130,.45);text-decoration-thickness:1px}
.ai2-arrow{display:none}
@media(min-width:760px){.ai2-arrow{display:flex;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;background:var(--navy);border:1px solid rgba(230,177,130,.6);color:var(--gold);font-style:normal;align-items:center;justify-content:center;font-size:14px;z-index:2}}
.yes-sys{display:flex;gap:14px;align-items:flex-start;padding:20px 24px 20px 36px;background:rgba(230,177,130,.08)}
.yes-sys svg{width:22px;height:22px;flex:none;margin-top:2px}
.yes-sys circle{fill:var(--gold)}.yes-sys path{fill:none;stroke:var(--navy);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.yes-sys b{display:block;font-family:var(--serif-zh);color:var(--ivory);font-size:19px;margin-bottom:4px}
.yes-sys span{color:rgba(252,249,246,.78);font-size:14.5px;line-height:1.7}
.ai2-quote{text-align:center;font-family:var(--serif-zh);font-size:clamp(20px,2.4vw,28px);line-height:1.7;color:var(--ivory);margin:0 0 26px}
.ai2-quote em{font-style:normal;color:var(--gold)}
.ai2-cta{text-align:center}
/* 23:30 AI 區動畫：老闆用 AI → 一道光 → 品牌資產飛出（網站／社群／海報／店面／包裝） */
.boss-scn{position:relative;width:100%;aspect-ratio:1000/620;border-radius:10px;overflow:hidden;background:radial-gradient(120% 90% at 20% 90%,rgba(230,177,130,.16),rgba(252,249,246,.02) 60%);border:1px solid rgba(230,177,130,.28)}
.bs-boss{position:absolute;left:1%;top:40%;width:36%;z-index:3}
.bs-ai{position:absolute;left:29%;top:58%;z-index:5;padding:4px 9px;border-radius:999px;background:var(--gold);color:#0B3552;font-size:11px;font-weight:700;letter-spacing:.14em;box-shadow:0 0 0 0 rgba(230,177,130,.7);animation:bsPing 8s infinite}
@keyframes bsScreen{0%,6%{opacity:.55}12%,88%{opacity:1}100%{opacity:.55}}
@keyframes bsPing{0%,6%{box-shadow:0 0 0 0 rgba(230,177,130,.7)}14%{box-shadow:0 0 0 14px rgba(230,177,130,0)}100%{box-shadow:0 0 0 0 rgba(230,177,130,0)}}
.bs-glow{position:absolute;left:27%;top:75%;width:22%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,236,210,.95),rgba(230,177,130,.35) 40%,transparent 70%);transform:translate(-50%,-50%) scale(.3);opacity:0;animation:bsGlow 8s infinite;z-index:2}
@keyframes bsGlow{0%,6%{opacity:0;transform:translate(-50%,-50%) scale(.3)}14%{opacity:1;transform:translate(-50%,-50%) scale(1.4)}30%{opacity:.5;transform:translate(-50%,-50%) scale(1)}88%{opacity:.4}100%{opacity:0}}
.bs-beam{position:absolute;left:27%;top:75%;width:72%;height:3px;transform-origin:0 50%;transform:rotate(-22deg) scaleX(0);background:linear-gradient(90deg,rgba(255,236,210,1),rgba(230,177,130,.6) 40%,transparent);filter:blur(1px) drop-shadow(0 0 10px rgba(255,236,210,.9));animation:bsBeam 8s infinite;z-index:2}
@keyframes bsBeam{0%,8%{transform:rotate(-22deg) scaleX(0);opacity:0}14%{transform:rotate(-22deg) scaleX(1);opacity:1}24%{opacity:0}100%{opacity:0;transform:rotate(-22deg) scaleX(1)}}
.boss-scn{container-type:inline-size}
.bs-card{position:absolute;margin:0;left:var(--x);top:var(--y);width:var(--w);opacity:0;animation:bsFly 8s infinite;animation-delay:var(--d);z-index:4}
.bs-card img{display:block}
.bs-card figcaption{margin-top:.8cqw;font-size:max(10px,1.2cqw);letter-spacing:.14em;color:var(--gold);text-align:center}
.bs-vi{position:absolute;left:4%;top:3%;width:26%;padding:1.4cqw;border-radius:.8cqw;background:#FEEED8;box-shadow:0 2cqw 4cqw -2cqw rgba(0,0,0,.7),0 0 0 1px rgba(230,177,130,.5);z-index:4;opacity:0;animation:bsVi 8s infinite}
.bs-vi .lg{width:72%;display:block;margin:0 auto 1.2cqw}
.bs-vi .pt{display:grid;gap:.5cqw}.bs-vi .pt img{width:100%;height:2.6cqw;object-fit:cover;border-radius:.3cqw;display:block}
.bs-vi .sw{display:flex;align-items:center;gap:.6cqw;margin-top:1.1cqw}
.bs-vi .sw i{width:2cqw;height:2cqw;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(154,99,65,.25)}
.bs-vi .sw img{width:3.6cqw;margin-left:auto}
.bs-vi p{position:absolute;left:0;right:0;bottom:-2.6cqw;text-align:center;font-size:max(10px,1.2cqw);letter-spacing:.14em;color:var(--gold)}
@keyframes bsVi{0%{opacity:0;transform:translateY(1.5cqw) scale(.94)}7%,90%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
.mk-cut{width:100%;filter:drop-shadow(0 1.6cqw 1.6cqw rgba(0,0,0,.45))}
.mk-web{border-radius:.8cqw;overflow:hidden;background:#FEEED8;box-shadow:0 2cqw 4cqw -2cqw rgba(0,0,0,.7),0 0 0 1px rgba(230,177,130,.5)}
.mk-bar{display:flex;align-items:center;gap:.5cqw;padding:.7cqw 1cqw;background:#E9DFD3}
.mk-bar i{width:.8cqw;height:.8cqw;border-radius:50%;background:#cbbfb2}
.mk-bar span{flex:1;height:1.3cqw;margin-left:1cqw;border-radius:1cqw;background:#fff}
.mk-page{padding:0 0 1.2cqw}
.mk-nav{display:flex;align-items:center;gap:1.4cqw;padding:1cqw 1.6cqw}
.mk-nav img{height:2.6cqw;width:auto;margin-right:auto}
.mk-nav span{width:3cqw;height:.5cqw;border-radius:1cqw;background:#9A6341;opacity:.5}
.mk-hero{position:relative;margin:0 1.6cqw;border-radius:.5cqw;overflow:hidden}
.mk-hero img{width:100%;aspect-ratio:16/6.5;object-fit:cover}
.mk-hero b{position:absolute;left:2cqw;bottom:1.6cqw;font-family:"Noto Sans TC",sans-serif;font-weight:900;font-size:2.2cqw;line-height:1.25;color:#FEEED8;text-shadow:0 .2cqw 1cqw rgba(0,0,0,.4)}
.mk-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1cqw;margin:1cqw 1.6cqw 0}
.mk-row img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:.4cqw}
.mk-phone{padding:.45cqw;border-radius:2cqw;background:#1b1b1d;box-shadow:0 2cqw 4cqw -2cqw rgba(0,0,0,.75),0 0 0 1px rgba(230,177,130,.45)}
.mk-scr{aspect-ratio:9/18.5;border-radius:1.6cqw;overflow:hidden;background:#fff}
.mk-igh{display:flex;align-items:center;gap:.6cqw;padding:2.2cqw .9cqw .7cqw}
.mk-igh img{width:2.2cqw;height:2.2cqw;border-radius:50%}
.mk-igh b{font:600 .7cqw/1 system-ui,sans-serif;color:#222}
.mk-post{width:100%;aspect-ratio:4/5;object-fit:cover}
.mk-igi{display:flex;gap:.7cqw;padding:.7cqw .9cqw}
.mk-igi svg{width:1.5cqw;height:1.5cqw;fill:none;stroke:#222;stroke-width:2;stroke-linejoin:round}
.mk-l{height:.55cqw;margin:.35cqw .9cqw;border-radius:1cqw;background:#e4e4e4}.mk-l.s{width:55%}
.mk-line{background:#8DA6CC}
.mk-lnh{padding:2.2cqw .9cqw .8cqw;background:#2E3B52;color:#fff;font:600 .9cqw/1 system-ui,sans-serif}
.mk-lnh b{margin-left:.4cqw}
.mk-msg{display:flex;gap:.5cqw;padding:1.2cqw .8cqw}
.mk-msg .av{flex:none;width:2.2cqw;height:2.2cqw;border-radius:50%}
.mk-msg .bb{width:100%;border-radius:1cqw}
.mk-msg .tx{margin-top:.6cqw;padding:.6cqw .8cqw;border-radius:1cqw;background:#fff;font:.75cqw/1.45 system-ui,sans-serif;color:#222}
.mk-cards{position:relative;height:13cqw}
.mk-bc{position:absolute;width:62%;aspect-ratio:9/5.4;border-radius:.5cqw;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.6cqw;box-shadow:0 1.6cqw 3cqw -1.4cqw rgba(0,0,0,.7)}
.mk-bc img{width:70%}
.mk-bc.b{left:0;top:0;background:#9A6341;transform:rotate(-7deg)}
.mk-bc.c{right:0;top:3cqw;background:#FEEED8;transform:rotate(5deg)}
.mk-bc.c img{width:55%}
.mk-bc i{width:40%;height:.4cqw;border-radius:1cqw;background:#9A6341;opacity:.35}.mk-bc i.s{width:28%}
@keyframes bsFly{0%,12%{left:24%;top:68%;transform:scale(.12);opacity:0}16%{opacity:1}34%{left:var(--x);top:var(--y);transform:scale(1);opacity:1}90%{left:var(--x);top:var(--y);transform:scale(1);opacity:1}97%,100%{left:var(--x);top:var(--y);transform:scale(1);opacity:0}}
@media(prefers-reduced-motion:reduce){.bs-card{animation:none;opacity:1}.bs-beam,.bs-glow{display:none}.bs-ai{animation:none}.bs-vi{animation:none;opacity:1}}
@media(max-width:600px){.bs-card figcaption{font-size:10px;letter-spacing:.06em}}
.f-net-link{margin-top:40px;text-align:left}
/* ================= v1.5｜V1 價值區＋A 分頁切換＋D2 置中排版 ================= */
/* V1：淺色、icon 與字縮小一級 */
.v15-val{padding:84px 0 88px}
.v15-val .f-ic3{width:84px;height:84px;padding:0;display:inline-grid;place-items:center;margin-bottom:18px;background:radial-gradient(circle,rgba(230,177,130,.30),rgba(230,177,130,0) 70%);transition:transform .5s,box-shadow .5s}
.v15-val .f-ic3 svg{width:52px;height:52px}
.v15-val .f-val-list li:hover .f-ic3{transform:translateY(-4px);box-shadow:0 0 30px 4px rgba(230,177,130,.35)}
.v15-val .f-val-list.v3 h3{font-size:17px;margin:0 0 12px}
.v15-val .f-val-list.v3 p{font-size:13.5px;line-height:1.95;max-width:240px}
.v15-io.f-val-list li{opacity:0;transform:translateY(18px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.v15-io.f-val-list.on li{opacity:1;transform:none}
.v15-io.f-val-list.on li:nth-child(2){transition-delay:.12s}.v15-io.f-val-list.on li:nth-child(3){transition-delay:.24s}.v15-io.f-val-list.on li:nth-child(4){transition-delay:.36s}
.v15-io.f-val-list.on .f-ic3{animation:v15ign 1.4s ease both}
.v15-io.f-val-list.on li:nth-child(2) .f-ic3{animation-delay:.12s}.v15-io.f-val-list.on li:nth-child(3) .f-ic3{animation-delay:.24s}.v15-io.f-val-list.on li:nth-child(4) .f-ic3{animation-delay:.36s}
@keyframes v15ign{40%{box-shadow:0 0 40px 10px rgba(236,170,112,.5)}100%{box-shadow:0 0 0 0 rgba(236,170,112,0)}}
@media(min-width:900px){.v15-val .f-val-list.v3 h3{min-height:3em}}
/* A：分頁切換 */
.sx-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--rule);margin-top:8px}
.sx-tb{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:3px;padding:20px 18px 20px;position:relative;transition:background .4s}
.sx-tb:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
.sx-tb .st{width:16px;height:16px;margin-bottom:8px;opacity:.35;transition:opacity .4s,transform .6s}
.sx-tb .st svg,.sx-eb .st svg{width:100%;height:100%;fill:#E6B182;filter:drop-shadow(0 0 5px rgba(230,177,130,.85))}
.sx-tb b{font-family:var(--serif-zh);font-size:clamp(18px,1.7vw,21px);font-weight:700;color:rgba(16,74,110,.55);transition:color .4s}
.sx-tb small{font-family:var(--serif-en);font-size:13.5px;letter-spacing:.06em;color:#9aa4ad}
.sx-tb .one{margin-top:8px;font-size:13px;line-height:1.6;color:#7a8590}
.sx-tb::after{content:"";position:absolute;left:18px;right:18px;bottom:-1px;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.sx-tb:hover b,.sx-tb.on b{color:var(--navy)}
.sx-tb.on .st{opacity:1;transform:rotate(90deg) scale(1.2)}
.sx-tb.on::after{transform:scaleX(1)}
.sx-tb.on{background:radial-gradient(120% 90% at 20% 0%,rgba(230,177,130,.16),transparent 70%)}
/* D2：置中雜誌式 */
.sx-pn{display:none;max-width:860px;margin:0 auto;padding:56px 0 8px}
.sx-pn.on{display:block;animation:sxfade .6s ease}
@keyframes sxfade{from{opacity:0;transform:translateY(10px)}}
.sx-eb{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 10px;font-size:12.5px;letter-spacing:.14em;color:#B07A4E;font-weight:700;margin:0 0 16px}
.sx-eb .st{width:16px;height:16px}.sx-eb em{font-style:normal;letter-spacing:.04em;padding-left:10px;border-left:1px solid rgba(176,122,78,.4)}
.sx-pn h3{font-family:var(--serif-zh);font-weight:700;color:var(--navy);font-size:clamp(26px,3.2vw,40px);line-height:1.35;text-align:center;margin:0 0 18px}
.sx-trust{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.sx-trust li{padding:6px 14px;border:1px solid var(--gold);border-radius:999px;color:#B07A4E;font-size:13.5px;font-weight:700;background:rgba(230,177,130,.08)}
.sx-d{text-align:center;max-width:720px;margin:0 auto 34px;font-size:15px;line-height:2;color:#3A4652}
.sx-k{font-size:12px;letter-spacing:.18em;color:#B07A4E;font-weight:700;margin:0 0 6px}
.sx-pb{list-style:none;margin:0;padding:0}
.sx-pb li{position:relative;display:grid;grid-template-columns:1fr;gap:2px;padding:12px 0 12px 26px;border-bottom:1px solid var(--rule);font-size:14.5px;line-height:1.75}
.sx-pb.two li{grid-template-columns:200px 1fr;gap:16px}
.sx-pb li b{color:var(--navy)}.sx-pb li span{color:#3A4652}
.sx-pb li::before{content:"";position:absolute;left:2px;top:18px;width:12px;height:12px;background:#E6B182;clip-path:path("M6 0C6.4 4.3 7.7 5.6 12 6C7.7 6.4 6.4 7.7 6 12C5.6 7.7 4.3 6.4 0 6C4.3 5.6 5.6 4.3 6 0Z")}
.v15-io.sx-pb li{opacity:0;transform:translateY(12px);transition:opacity .6s ease,transform .6s ease}
.v15-io.sx-pb.on li{opacity:1;transform:none}
.v15-io.sx-pb.on li:nth-child(2){transition-delay:.08s}.v15-io.sx-pb.on li:nth-child(3){transition-delay:.16s}.v15-io.sx-pb.on li:nth-child(4){transition-delay:.24s}.v15-io.sx-pb.on li:nth-child(5){transition-delay:.32s}
.sx-cmp{display:grid;grid-template-columns:1fr 70px 1fr;margin:40px 0 16px}
.sx-cmp .c1,.sx-cmp .c2{padding:24px;border-radius:2px}
.sx-cmp .c1{background:#fff;box-shadow:inset 0 0 0 1px var(--rule)}
.sx-cmp .c2{background:var(--navy);color:rgba(252,249,246,.86)}
.sx-cmp small{display:block;font-size:12px;letter-spacing:.04em;color:#B07A4E;font-weight:700;margin-bottom:10px;line-height:1.6}
.sx-cmp .c2 small{color:#E6B182}
.sx-cmp b{display:block;font-family:var(--serif-zh);font-size:22px;color:var(--navy);margin-bottom:10px}
.sx-cmp .c2 b{color:#FCF9F6}
.sx-cmp p{margin:0 0 8px;font-size:14.5px;line-height:1.85}
.sx-cmp mark{color:#fff;font-weight:700;background:linear-gradient(transparent 58%,rgba(230,177,130,.55) 58%)}
.sx-cmp .arr{position:relative}
.sx-cmp .arr::before{content:"";position:absolute;left:8px;right:12px;top:50%;height:1px;background:var(--gold)}
.sx-cmp .arr::after{content:"";position:absolute;right:8px;top:calc(50% - 5px);border:5px solid transparent;border-left:8px solid var(--gold);border-right:0}
.sx-alt{font-size:13px;color:#7a8590;line-height:1.85;margin:8px 0 0}.sx-alt b{color:var(--navy)}
.sx-lk{text-align:center;margin:26px 0 0}
.sx-pn .s9-works{margin-top:34px}
@media(max-width:860px){
.sx-tabs{grid-template-columns:1fr 1fr}.sx-tb .one{display:none}.sx-eb em{border-left:0;padding-left:0;flex-basis:100%;text-align:center}
.sx-pn{padding-top:36px}.sx-pb.two li{grid-template-columns:1fr;gap:2px}
.sx-cmp{grid-template-columns:1fr}.sx-cmp .arr{height:44px}.sx-cmp .arr::before{left:50%;right:auto;top:6px;bottom:10px;width:1px;height:auto}.sx-cmp .arr::after{left:calc(50% - 5px);right:auto;top:auto;bottom:4px;border:5px solid transparent;border-top:8px solid var(--gold);border-bottom:0}
}
@media(prefers-reduced-motion:reduce){.v15-io li{opacity:1!important;transform:none!important;transition:none!important}.v15-io .f-ic3{animation:none!important}.sx-pn.on{animation:none}}
/* v1.5：四個分頁配色 S3「白底＋大片柔光」（Andrea 10/9 15:29 選定） */
.f-svcs.sx{border-top:0;background:#FCF9F6}
/* 柔光改放在內容後面、四周都淡出，不碰到區塊邊緣（Andrea 15:40：銜接怪、分層不漂亮） */
.sx-pn{position:relative;isolation:isolate}
.sx-pn::before{content:"";position:absolute;z-index:-1;left:50%;top:-20px;width:min(1100px,120%);height:520px;transform:translateX(-50%);pointer-events:none;background:radial-gradient(50% 50% at 50% 50%,var(--glow,transparent),transparent 100%);transition:background .6s ease}
.f-svcs.sx[data-t="0"]{--bg:#FFFDFB;--glow:rgba(236,170,112,.30);--star:#E6B182;--eb:#B07A4E}
.f-svcs.sx[data-t="1"]{--bg:#FFFDFC;--glow:rgba(240,160,140,.28);--star:#E8A08A;--eb:#C27A62}
.f-svcs.sx[data-t="2"]{--bg:#FBFDFF;--glow:rgba(120,170,215,.30);--star:#7AAAD6;--eb:#3F7FAD}
.f-svcs.sx[data-t="3"]{--bg:#FFFDF8;--glow:rgba(232,190,100,.30);--star:#E3B85C;--eb:#A97A2A}
.f-svcs.sx .s9-eb,.f-svcs.sx .sx-k,.f-svcs.sx .sx-eb{color:var(--eb);transition:color .6s ease}
.f-svcs.sx .sx-tb .st svg,.f-svcs.sx .sx-eb .st svg{fill:var(--star);transition:fill .6s ease}
.f-svcs.sx .sx-pb li::before{background:var(--star)}
.f-svcs.sx .sx-tb::after{background:var(--star)}
.f-svcs.sx .sx-trust li{border-color:var(--star);color:var(--eb);background:rgba(255,255,255,.6)}
.f-svcs.sx .sx-tb.on{background:radial-gradient(120% 90% at 20% 0%,rgba(255,255,255,.8),transparent 70%)}
.f-svcs.sx .txt-link{border-color:var(--star)}
.sx-rel{text-align:center;margin-top:40px}
.sx-scene{max-width:580px;margin:-4px auto 40px}
/* v1.5：四大服務標題置中＋造型（Andrea 15:45） */
.sx-head{position:relative;text-align:center;margin:0 auto 34px}
.sx-head::before{content:"";position:absolute;left:50%;top:50%;width:520px;height:220px;transform:translate(-50%,-40%);z-index:-1;background:radial-gradient(closest-side,rgba(236,170,112,.22),transparent);pointer-events:none}
.sx-hEb{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 14px;font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.32em;color:#B07A4E}
.sx-hEb i{display:block;width:64px;height:1px;background:linear-gradient(90deg,transparent,#E6B182);transform:scaleX(0);transform-origin:right;transition:transform 1s cubic-bezier(.2,.7,.2,1) .2s}
.sx-hEb i:last-child{background:linear-gradient(90deg,#E6B182,transparent);transform-origin:left}
.sx-hEb .st{width:11px;height:11px;display:inline-block}
.sx-hEb .st svg{width:100%;height:100%;fill:#E6B182;filter:drop-shadow(0 0 4px rgba(230,177,130,.9))}
.sx-head.on .sx-hEb i{transform:scaleX(1)}
.sx-h2{font-family:var(--serif-zh);font-weight:700;color:var(--navy);font-size:clamp(28px,3.4vw,42px);letter-spacing:.12em;line-height:1.3;margin:0}
.sx-head .sx-h2{opacity:0;transform:translateY(12px);transition:opacity .9s ease .1s,transform .9s cubic-bezier(.2,.7,.2,1) .1s}
.sx-head.on .sx-h2{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.sx-hEb i{transform:none}.sx-head .sx-h2{opacity:1;transform:none}}
.f-svcs.sx{padding-top:24px}
.sx-tb{align-items:center;text-align:center}
.sx-tb::after{left:24%;right:24%}
/* v1.5：首次合作 vs 後續生產（Andrea 15:53） */
.sx-cmp2{display:grid;grid-template-columns:1fr 64px 1.15fr;align-items:stretch;margin:44px 0 14px}
.sx-cmp2 .cm-a,.sx-cmp2 .cm-b{padding:30px 30px 28px;border-radius:4px;position:relative;overflow:hidden}
.sx-cmp2 .cm-a{background:#fff;box-shadow:inset 0 0 0 1px rgba(16,74,110,.10),0 20px 40px -30px rgba(16,74,110,.4);border-top:3px solid #E3B85C}
.sx-cmp2 .cm-b{background:radial-gradient(90% 80% at 85% 0%,#155A84,#104A6E 50%,#0A3350);color:rgba(252,249,246,.86)}
.sx-cmp2 .cm-ph{font-family:var(--serif-zh);font-weight:700;font-size:clamp(26px,2.6vw,32px);letter-spacing:.1em;margin:0 0 6px;color:var(--navy)}
.sx-cmp2 .cm-b .cm-ph{color:#E6B182}
.sx-cmp2 h4{font-family:var(--serif-zh);font-weight:600;font-size:18px;line-height:1.5;margin:0 0 22px;color:#3A4652}
.sx-cmp2 .cm-b h4{color:#FCF9F6}
.sx-cmp2 .cm-inc{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:20px}
.sx-cmp2 .cm-inc span{padding:12px 16px;border-radius:4px;background:#FFF6E6;border:1px solid rgba(227,184,92,.6);font-weight:700;color:var(--navy);font-size:15.5px}
.sx-cmp2 .cm-inc em{font-style:normal;color:#E3B85C;font-size:20px;font-weight:700}
.sx-cmp2 .cm-flow{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sx-cmp2 .cm-flow li{font-size:14.5px;font-weight:700;color:#A97A2A;letter-spacing:.06em}
.sx-cmp2 .cm-flow li:nth-child(even){width:18px;height:18px}.sx-cmp2 svg{width:100%;height:100%;fill:none;stroke:#E3B85C;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sx-cmp2 .cm-mid{display:grid;place-items:center}
.sx-cmp2 .cm-mid span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(227,184,92,.6),0 0 24px rgba(230,177,130,.45)}
.sx-cmp2 .cm-mid svg{width:22px;height:22px}
.sx-cmp2 .cm-opt{display:grid;gap:12px}
.sx-cmp2 .cm-o{padding:16px 18px;border-radius:4px;background:rgba(255,255,255,.07);border:1px solid rgba(230,177,130,.3)}
.sx-cmp2 .cm-o b{display:block;color:#FCF9F6;font-size:16px;margin-bottom:6px}
.sx-cmp2 .cm-o p{margin:0;font-size:14px;line-height:1.85}
.sx-cmp2 mark{color:#fff;font-weight:700;background:linear-gradient(transparent 58%,rgba(230,177,130,.6) 58%)}
.sx-cmp2 .cm-perk{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:5px 12px;border-radius:999px;background:#E6B182;color:#0A3350;font-size:13px;font-weight:700}
@media(max-width:860px){.sx-cmp2{grid-template-columns:1fr}.sx-cmp2 .cm-mid{height:56px}.sx-cmp2 .cm-mid span{transform:rotate(90deg)}.sx-cmp2 .cm-a,.sx-cmp2 .cm-b{padding:24px 20px}}
.sx-cmp2 .cm-a{display:flex;flex-direction:column;justify-content:center}.sx-cmp2 .cm-inc span{padding:16px 20px;font-size:17px}
.sx-cmp2 .cm-inc{flex-wrap:nowrap;gap:8px}.sx-cmp2 .cm-inc span{padding:14px 14px;font-size:16px;white-space:nowrap}
/* v1.5：首次合作 vs 後續生產 L1／L4（Andrea 16:04 兩款都先放） */
.cx-st{display:inline-block;width:14px;height:14px}.cx-st svg{width:100%;height:100%;fill:#E6B182;filter:drop-shadow(0 0 4px rgba(230,177,130,.9))}
.cx-ph{font-family:var(--serif-zh);font-weight:700;font-size:30px;letter-spacing:.1em;color:var(--navy);margin:0 0 4px}
h4{font-family:var(--serif-zh);font-weight:600;font-size:18px;margin:0 0 20px;color:#3A4652}
.cx-inc{display:flex;align-items:center;gap:8px;margin-bottom:16px}.cx-inc span{padding:12px 14px;border-radius:4px;background:#FFF6E6;border:1px solid rgba(227,184,92,.6);font-weight:700;color:var(--navy);white-space:nowrap}.cx-inc em{font-style:normal;color:#E3B85C;font-weight:700}
.cx-flow{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:8px}.cx-flow li{font-weight:700;color:#A97A2A;letter-spacing:.06em;font-size:14.5px}.cx-flow .cx-ar{width:16px;height:16px}
.cx-flow svg,.down svg{width:100%;height:100%;fill:none;stroke:#E3B85C;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cx-on{font-weight:700;color:var(--navy);font-size:17px;margin:0 0 10px;display:flex;align-items:center;gap:10px}
.cx-on i{font-style:normal;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--navy);color:#fff;font-size:14px;font-family:"Inter",sans-serif}
.cx-pros{list-style:none;margin:0 0 12px;padding:0}.cx-pros li{position:relative;padding:6px 0 6px 26px;font-size:14.5px;line-height:1.7}
.cx-pros li::before{content:"";position:absolute;left:2px;top:12px;width:13px;height:8px;border-left:2px solid #E3B85C;border-bottom:2px solid #E3B85C;transform:rotate(-45deg)}
.cx-con{margin:8px 0 0;font-size:13.5px;line-height:1.7;color:#6b7680}.cx-con b{display:inline-block;margin-right:8px;padding:1px 8px;border-radius:3px;background:#EEF1F4;color:#55606b;font-size:12px}
.cx-perk{display:inline-flex;align-items:center;gap:8px;margin:6px 0 0;padding:6px 14px;border-radius:999px;background:linear-gradient(90deg,#F3D6B8,#E6B182);color:#0A3350;font-weight:700;font-size:13.5px}.cx-perk .cx-st svg{fill:#fff}
/* L1 */
.cx-L1 .cx-tl{display:grid;grid-template-columns:28px 1fr 28px;align-items:center;margin:0 0 22px;width:calc(50% + 14px)}
.cx-L1 .cx-tl .cx-node{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(227,184,92,.7),0 0 18px rgba(230,177,130,.5)}
.cx-L1 .cx-tl .cx-seg{height:2px;background:linear-gradient(90deg,#E3B85C,#E6B182)}
.cx-L1 .cx-cols{display:grid;grid-template-columns:1fr 1.25fr;gap:48px}
.cx-L1 .cx-fork{display:grid;gap:22px;border-left:2px solid rgba(227,184,92,.5);padding-left:22px}
/* L2 */
/* L3 */
/* L4 */
.cx-L4 .cx-hd{text-align:center}.cx-L4 .cx-hd .cx-inc,.cx-L4 .cx-hd .cx-flow{justify-content:center}
.cx-L4 .cx-y1{display:block;width:10px;height:50px;margin:14px auto 6px}.cx-L4 .cx-y{display:block;width:100%;height:90px;margin:4px 0 18px}.cx-L4 .cx-y path,.cx-L4 .cx-y1 path{fill:none;stroke:#E3B85C;stroke-width:2;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px rgba(230,177,130,.7))}
.cx-L4 .cx-mid{text-align:center;margin:0 auto;font-size:15px;line-height:1.8;color:#3A4652}.cx-L4 .cx-mid b{font-family:var(--serif-zh);font-size:22px;color:var(--navy)}
.cx-L4 .cx-two{display:grid;grid-template-columns:1fr 1fr;gap:40px}
@media(max-width:760px){.cx-L1 .cx-cols,.cx-L4 .cx-two{grid-template-columns:1fr}.cx-L1 .cx-tl{display:none}.cx-L4 .cx-y,.cx-L4 .cx-y1{display:none}.cx-L4 .cx-mid{margin:20px auto}.cx-inc{flex-wrap:wrap}}
.sx-cmpv{margin:46px 0 10px}.sx-cmpv-tag{display:inline-block;margin:0 0 18px;padding:3px 10px;border:1px dashed #2b6cb0;color:#2b6cb0;font-size:12px;border-radius:3px}
.cx-L1 h4,.cx-L4 h4{font-family:var(--serif-zh);font-weight:600;font-size:18px;margin:0 0 20px;color:#3A4652}
/* v1.5：生產整合重排（Andrea 16:19 選 A） */
.sx-how{text-align:center;margin:8px 0 18px}
.sx-pn .cx-L4 .sx-scene{max-width:540px;margin:6px auto 0}
.sx-get{margin-top:44px;padding-top:30px;border-top:1px solid var(--rule)}
.sx-promise{margin-top:18px;padding:18px 20px;border-radius:4px;background:rgba(255,255,255,.7);box-shadow:inset 0 0 0 1px rgba(227,184,92,.45);display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.sx-promise p{margin:0;font-size:12px;letter-spacing:.18em;font-weight:700;color:var(--eb,#A97A2A)}
.sx-promise .sx-trust{margin:0;justify-content:flex-start}
/* v1.5：設計範疇（Andrea 16:25） */
.sx-scope-w{margin-top:38px}
.sx-scope{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:8px}
.sx-scope .sc{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:22px 10px 18px;border-radius:6px;background:rgba(255,255,255,.75);box-shadow:inset 0 0 0 1px rgba(16,74,110,.10);text-decoration:none;color:var(--navy);text-align:center;transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s}
.sx-scope .sc svg{width:46px;height:46px;margin-bottom:8px;overflow:visible}
.sx-scope .sc .ln{fill:none;stroke:var(--navy);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.sx-scope .sc .gd{fill:none;stroke:var(--star,#E8A08A);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.sx-scope .sc b{font-size:15px;font-weight:700}.sx-scope .sc small{font-family:var(--serif-en);font-size:12.5px;color:#8a949c;letter-spacing:.04em}
.sx-scope .sc .pv{position:absolute;left:50%;bottom:calc(100% + 10px);width:200px;aspect-ratio:4/3;transform:translate(-50%,8px);border-radius:6px;overflow:hidden;opacity:0;pointer-events:none;box-shadow:0 20px 40px -18px rgba(16,74,110,.55);transition:opacity .35s,transform .35s;z-index:5;background:#fff}
.sx-scope .sc .pv img{width:100%;height:100%;object-fit:cover;display:block}
.sx-scope .sc:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px var(--star,#E8A08A),0 16px 30px -20px rgba(16,74,110,.45)}
.sx-scope .sc:hover .pv{opacity:1;transform:translate(-50%,0)}
.v15-io.sx-scope .sc{opacity:0;transform:translateY(12px)}
.v15-io.sx-scope.on .sc{opacity:1;transform:none;transition:opacity .6s ease,transform .6s ease,box-shadow .4s}
.v15-io.sx-scope.on .sc:hover{transform:translateY(-4px)}
@media(max-width:760px){.sx-scope{grid-template-columns:1fr 1fr}.sx-scope .sc .pv{display:none}}
@media(prefers-reduced-motion:reduce){.v15-io.sx-scope .sc{opacity:1;transform:none}}
/* 作品頁：依設計項目篩選 */
.scope-chips{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;max-width:1100px;margin:16px auto 0;padding:0 24px}
.scope-chips span{font-size:12px;letter-spacing:.14em;color:#B07A4E;font-weight:700;margin-right:6px}
.scope-chips .chip{font-size:13.5px}
/* v1.5：價值區淺藍底＋四大服務像一張紙浮上來（Andrea 17:02） */
.v15-val{background:linear-gradient(180deg,#FBEEDF 0%,#FCF2E7 70%,#FCF2E7 100%);padding-bottom:140px}
.v15-val .f-ic3{background:radial-gradient(circle,rgba(255,255,255,.95),rgba(255,255,255,0) 70%)}
.f-svcs.sx.sx-lift{position:relative;z-index:2;margin-top:-64px;border-radius:32px 32px 0 0;box-shadow:0 -24px 60px -34px rgba(16,74,110,.45);padding-top:56px;transform:translateY(70px);opacity:.6;transition:transform 1.1s cubic-bezier(.2,.7,.2,1),opacity 1.1s ease,background-color .6s ease}
.f-svcs.sx.sx-lift.on{transform:none;opacity:1}
@media(max-width:760px){.f-svcs.sx.sx-lift{border-radius:22px 22px 0 0;margin-top:-40px}}
@media(prefers-reduced-motion:reduce){.f-svcs.sx.sx-lift{transform:none;opacity:1}}
/* v1.5：品牌設計段落 v1.3（Andrea 18:33） */
#sv-02 .sx-d{margin-bottom:40px}
.bd-vs{max-width:760px;margin:0 auto 56px;border-radius:6px;overflow:hidden;background:rgba(255,255,255,.75);box-shadow:inset 0 0 0 1px rgba(16,74,110,.1)}
.bd-vs .hd,.bd-vs li{display:grid;grid-template-columns:1fr 1fr}
.bd-vs .hd span{padding:14px 22px;font-size:13px;letter-spacing:.16em;font-weight:700}
.bd-vs .hd .a{color:#8a949c;background:#F2F0EC}.bd-vs .hd .b{color:#fff;background:var(--navy)}
.bd-vs ul{list-style:none;margin:0;padding:0}
.bd-vs li span{padding:14px 22px;font-size:14.5px;line-height:1.7;border-top:1px solid rgba(16,74,110,.08)}
.bd-vs li .a{color:#8a949c;text-decoration:line-through;text-decoration-color:rgba(138,148,156,.5)}
.bd-vs li .b{color:var(--navy);font-weight:700;background:rgba(232,160,138,.08);position:relative;padding-left:44px}
.bd-vs li .b::before{content:"";position:absolute;left:20px;top:22px;width:12px;height:7px;border-left:2px solid var(--star,#E8A08A);border-bottom:2px solid var(--star,#E8A08A);transform:rotate(-45deg)}
.bd-q{margin-bottom:56px}.bd-q .sx-k{text-align:center;margin-bottom:20px}
.bd-q ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--rule)}
.bd-q li{padding:22px 20px 20px;border-bottom:1px solid var(--rule);position:relative}
.bd-q li:not(:nth-child(3n)){border-right:1px solid var(--rule)}
.bd-q .n{font-family:var(--serif-en);font-size:15px;color:var(--star,#E8A08A);letter-spacing:.06em}
.bd-q b{display:block;font-family:var(--serif-zh);font-size:18px;color:var(--navy);margin:4px 0 6px}
.bd-q li p{margin:0;font-size:13.5px;line-height:1.8;color:#3A4652}
.bd-q li::after{content:"";position:absolute;left:20px;right:20px;top:-1px;height:2px;background:var(--star,#E8A08A);transform:scaleX(0);transform-origin:left;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.bd-q ol.on li::after{transform:scaleX(1)}
.bd-q ol.on li:nth-child(2)::after{transition-delay:.15s}.bd-q ol.on li:nth-child(3)::after{transition-delay:.3s}.bd-q ol.on li:nth-child(4)::after{transition-delay:.45s}.bd-q ol.on li:nth-child(5)::after{transition-delay:.6s}.bd-q ol.on li:nth-child(6)::after{transition-delay:.75s}
.bd-q .end{display:flex;align-items:center;justify-content:center;gap:10px;margin:22px 0 0;font-family:var(--serif-zh);font-weight:600;color:var(--navy);font-size:16px;text-align:center}
.bd-q .end .st{width:14px;height:14px;flex:none}.bd-q .end .st svg{width:100%;height:100%;fill:var(--star,#E8A08A)}
.bd-sipm{margin:0 0 50px;padding:44px 36px 40px;border-radius:8px;background:linear-gradient(160deg,#155A84,#104A6E 55%,#0A3350);color:rgba(252,249,246,.85);text-align:center}
.bd-sipm .ttl{margin:0;font-family:var(--serif-en);font-weight:700;font-size:clamp(24px,2.6vw,32px);color:#FCF9F6;letter-spacing:.06em}
.bd-sipm .lead{margin:6px 0 28px;font-size:14px;color:rgba(252,249,246,.75)}
.bd-sipm ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;text-align:left}
.bd-sipm li{padding:22px 20px;border-radius:6px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(230,177,130,.28);opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s ease}
.bd-sipm ol.on li{opacity:1;transform:none}.bd-sipm ol.on li:nth-child(2){transition-delay:.12s}.bd-sipm ol.on li:nth-child(3){transition-delay:.24s}.bd-sipm ol.on li:nth-child(4){transition-delay:.36s}
.bd-sipm .L{margin:0;display:flex;align-items:baseline;gap:8px;font-family:var(--serif-en);font-size:40px;font-weight:700;color:#E6B182;line-height:1}
.bd-sipm .L small{font-size:14px;font-weight:500;color:rgba(252,249,246,.6);letter-spacing:.04em}
.bd-sipm li b{display:block;margin:12px 0 8px;font-family:var(--serif-zh);font-size:17px;color:#FCF9F6}
.bd-sipm li > p:last-child{margin:0;font-size:13.5px;line-height:1.85}
.bd-get{margin-bottom:10px}
.bd-scope{margin-top:50px}.bd-scope .sx-k{text-align:center}.bd-scope .lead{text-align:center;margin:4px 0 26px;font-size:14.5px;color:#3A4652}
.bd-scope .cols{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.bd-scope .h{margin:0 0 6px;padding-bottom:10px;border-bottom:2px solid var(--navy);font-family:var(--serif-zh);font-weight:700;font-size:19px;color:var(--navy);display:flex;align-items:baseline;justify-content:space-between}
.bd-scope .h small{font-family:var(--serif-en);font-size:14px;font-weight:500;color:#B07A4E;letter-spacing:.06em}
.bd-scope ul{list-style:none;margin:0;padding:0}
.bd-scope li a{display:block;padding:12px 0;border-bottom:1px solid var(--rule);text-decoration:none;transition:padding .3s,background .3s}
.bd-scope li b{display:block;font-size:15px;color:var(--navy)}
.bd-scope li span{display:block;font-size:13px;line-height:1.75;color:#5b6670;margin-top:2px}
.bd-scope li a:hover{padding-left:10px;background:linear-gradient(90deg,rgba(232,160,138,.12),transparent)}
.bd-scope li a:hover b{color:#B07A4E}
@media(max-width:860px){.bd-q ol{grid-template-columns:1fr 1fr}.bd-q li:not(:nth-child(3n)){border-right:0}.bd-q li:nth-child(odd){border-right:1px solid var(--rule)}.bd-sipm ol{grid-template-columns:1fr 1fr}.bd-scope .cols{grid-template-columns:1fr}.bd-vs .hd span,.bd-vs li span{padding:12px 14px}.bd-vs li .b{padding-left:34px}.bd-vs li .b::before{left:12px}}
@media(max-width:520px){.bd-q ol,.bd-sipm ol{grid-template-columns:1fr}.bd-q li{border-right:0!important}}
@media(prefers-reduced-motion:reduce){.bd-sipm li{opacity:1;transform:none}.bd-q li::after{transform:none}}
/* v1.5：品牌設計美化（Andrea 18:38） */
.bd-t span{display:inline-block;opacity:0;transform:translateY(.4em);filter:blur(4px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1),filter .6s ease;transition-delay:calc(var(--c) * 45ms)}
.bd-t.on span{opacity:1;transform:none;filter:none}
.bd-div{display:flex;justify-content:center;margin:0 0 44px}.bd-div svg{width:16px;height:16px;fill:var(--star,#E8A08A);filter:drop-shadow(0 0 6px rgba(232,160,138,.8))}
/* 對比開關 */
.bd-vs .sw{display:flex;align-items:center;justify-content:center;gap:14px;padding:18px 0 16px;font-size:13px;font-weight:700;letter-spacing:.12em}
.bd-vs .sw .l{color:#8a949c;transition:color .6s}.bd-vs .sw .r{color:#c4cbd1;transition:color .6s .4s}
.bd-vs .sw i{position:relative;width:54px;height:28px;border-radius:999px;background:#E3E1DC;transition:background .6s .3s}
.bd-vs .sw b{position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:transform .7s cubic-bezier(.5,0,.2,1) .3s}
.bd-vs.on .sw i{background:var(--navy)}.bd-vs.on .sw b{transform:translateX(26px)}
.bd-vs.on .sw .l{color:#c4cbd1}.bd-vs.on .sw .r{color:var(--navy)}
.bd-vs li .a{text-decoration:none!important}
.bd-vs li .a em{font-style:normal;position:relative;transition:opacity .6s;transition-delay:calc(.9s + var(--r) * .2s)}
.bd-vs li .a em::after{content:"";position:absolute;left:0;right:0;top:55%;height:1px;background:#8a949c;transform:scaleX(0);transform-origin:left;transition:transform .5s ease;transition-delay:calc(.8s + var(--r) * .2s)}
.bd-vs.on li .a em{opacity:.5}.bd-vs.on li .a em::after{transform:scaleX(1)}
.bd-vs li .b::before{content:none!important}
.bd-vs li .b .ck{position:absolute;left:20px;top:21px;width:12px;height:7px;border-left:2px solid var(--star,#E8A08A);border-bottom:2px solid var(--star,#E8A08A);transform:rotate(-45deg) scale(0);transition:transform .4s cubic-bezier(.3,1.6,.5,1);transition-delay:calc(1s + var(--r) * .2s)}
.bd-vs.on li .b .ck{transform:rotate(-45deg) scale(1)}
.bd-vs li .b{opacity:.35;transition:opacity .6s;transition-delay:calc(1s + var(--r) * .2s)}.bd-vs.on li .b{opacity:1}
@media(max-width:860px){.bd-vs li .b .ck{left:12px}}
/* 六項策略：icon＋滑過 */
.bd-q li{transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s,background .4s,opacity .6s;opacity:0}
.bd-q ol.on li{opacity:1}.bd-q ol.on li:nth-child(2){transition-delay:0s,0s,0s,.12s}.bd-q ol.on li:nth-child(3){transition-delay:0s,0s,0s,.24s}.bd-q ol.on li:nth-child(4){transition-delay:0s,0s,0s,.36s}.bd-q ol.on li:nth-child(5){transition-delay:0s,0s,0s,.48s}.bd-q ol.on li:nth-child(6){transition-delay:0s,0s,0s,.6s}
.bd-q .qi{display:block;width:40px;height:40px;margin-bottom:12px;overflow:visible}
.bd-q .qi .ln{fill:none;stroke:var(--navy);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bd-q .qi .gd{fill:none;stroke:var(--star,#E8A08A);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transform-box:fill-box;transform-origin:center;transition:transform .5s cubic-bezier(.3,1.5,.5,1)}
.bd-q .qi .gd.f,.bd-q .qi .gd.sp{fill:var(--star,#E8A08A)}
.bd-q li:hover{transform:translateY(-4px);background:radial-gradient(90% 90% at 30% 0%,rgba(232,160,138,.14),rgba(255,255,255,.7) 70%);box-shadow:0 18px 34px -24px rgba(16,74,110,.45);z-index:1}
.bd-q li:hover .gd{transform:scale(1.18)}.bd-q li:hover .gd.ar{transform:translate(-4px,4px)}.bd-q li:hover .gd.bal{transform:rotate(-8deg)}.bd-q li:hover .gd.sp{transform:rotate(45deg) scale(1.15)}
/* SIPM：金線串起＋背景 icon */
.bd-sipm .wrapol{position:relative}
.bd-sipm .line{position:absolute;left:12%;right:12%;top:44px;height:2px;background:linear-gradient(90deg,#E6B182,#F3D6B8,#E6B182);box-shadow:0 0 10px rgba(230,177,130,.7);transform:scaleX(0);transform-origin:left;transition:transform 1.8s cubic-bezier(.4,0,.2,1) .2s;z-index:0}
.bd-sipm .wrapol:has(ol.on) .line{transform:scaleX(1)}
.bd-sipm ol{position:relative;z-index:1}
.bd-sipm li{position:relative;overflow:hidden;background:rgba(14,62,94,.88)!important;transition:opacity .7s ease,transform .7s ease,box-shadow .4s,background .4s}
.bd-sipm li .bg{position:absolute;right:-6px;top:-4px;width:86px;height:86px;fill:none;stroke:rgba(230,177,130,.22);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:stroke .4s,transform .6s}
.bd-sipm .L{position:relative}
.bd-sipm ol.on .L{animation:sipmL 1s ease both;animation-delay:calc(.4s + var(--s) * .45s)}
@keyframes sipmL{40%{text-shadow:0 0 18px rgba(255,220,170,1),0 0 4px #fff;color:#FFE3BF}100%{text-shadow:none}}
.bd-sipm li:hover{transform:translateY(-6px)!important;background:rgba(22,84,124,.95)!important;box-shadow:inset 0 0 0 1px #E6B182,0 20px 40px -24px rgba(0,0,0,.6)}
.bd-sipm li:hover .bg{stroke:rgba(230,177,130,.55);transform:scale(1.08) rotate(-4deg)}
@media(max-width:860px){.bd-sipm .line{display:none}}
/* 設計範疇：icon＋預覽 */
.bd-scope .h{justify-content:flex-start;gap:10px}.bd-scope .h small{margin-left:auto}
.bd-scope .h svg{width:26px;height:26px;fill:none;stroke:var(--star,#E8A08A);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bd-scope li a{position:relative}
.bd-scope li b{display:flex;align-items:center;gap:6px}.bd-scope li b i{font-style:normal;color:var(--star,#E8A08A);opacity:0;transform:translateX(-6px);transition:.3s}
.bd-scope li a:hover b i{opacity:1;transform:none}
.bd-scope .pv{position:absolute;right:-8px;top:50%;width:120px;aspect-ratio:4/3;object-fit:cover;border-radius:6px;opacity:0;transform:translate(10px,-50%) rotate(3deg);pointer-events:none;box-shadow:0 16px 30px -14px rgba(16,74,110,.55);transition:.35s;z-index:3}
.bd-scope li a:hover .pv{opacity:1;transform:translate(0,-50%) rotate(3deg)}
.bd-scope li a:hover span{padding-right:120px}
@media(max-width:860px){.bd-scope .pv{display:none}.bd-scope li a:hover span{padding-right:0}}
@media(prefers-reduced-motion:reduce){.bd-t span,.bd-q li{opacity:1;transform:none;filter:none}.bd-sipm .line{transform:none}.bd-vs li .b{opacity:1}.bd-vs li .b .ck{transform:rotate(-45deg)}}
/* ===== v1.5：品牌設計重新設計（bx，Andrea 18:56 交給 Claude 設計：VI＋光芒感） ===== */
.bx{--gl:#E6B182;--gl2:#F6D3AC;--nv:#104A6E;--dp:#0A2A42}
.bx-st{display:inline-block;width:14px;height:14px;flex:none;vertical-align:middle}
.bx-st svg{width:100%;height:100%;fill:var(--gl);filter:drop-shadow(0 0 4px rgba(246,211,172,.95)) drop-shadow(0 0 10px rgba(230,177,130,.6))}
.bx-st.big{width:34px;height:34px}
.bx-st.tw svg{animation:bxTw 3.2s ease-in-out infinite;animation-delay:calc(var(--g,0) * .4s)}
@keyframes bxTw{0%,100%{transform:scale(1) rotate(0);opacity:1}45%{transform:scale(.62) rotate(0);opacity:.55}55%{transform:scale(1.08);opacity:1;filter:drop-shadow(0 0 14px rgba(255,236,206,1))}}
.bx-t span{display:inline-block;opacity:0;transform:translateY(.35em);filter:blur(5px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1),filter .7s;transition-delay:calc(var(--c) * 50ms)}
.bx-t.on span{opacity:1;transform:none;filter:none}
#sv-02.bx .sx-d{margin-bottom:46px}
.bx .blob{position:absolute;border-radius:50%;filter:blur(50px);pointer-events:none;z-index:0}
.bx .rb{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
/* ① 對比：一暗一亮 */
.bx-vs{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1fr 64px 1.15fr;align-items:stretch;border-radius:22px;padding:44px 40px;margin-bottom:34px;
background:linear-gradient(115deg,#0B2236 0%,#0C3350 42%,#124F77 75%,#1A6390 100%);box-shadow:0 40px 80px -46px rgba(10,42,66,.8)}
.bx-vs .b1{width:62%;height:140%;right:-14%;top:-30%;background:radial-gradient(closest-side,rgba(236,170,112,.75),rgba(236,170,112,0))}
.bx-vs .b2{width:40%;height:80%;right:14%;bottom:-40%;background:radial-gradient(closest-side,rgba(255,240,222,.35),transparent)}
.bx-vs .rb path{fill:none;stroke:url(#bxg);stroke-linecap:round}
.bx-vs .rb .p1{stroke-width:2.2;filter:drop-shadow(0 0 6px rgba(246,211,172,.9))}.bx-vs .rb .p2{stroke-width:1;opacity:.6}
.bx-vs .rb path{stroke-dasharray:1300;stroke-dashoffset:1300;transition:stroke-dashoffset 2.4s cubic-bezier(.4,0,.2,1) .2s}
.bx-vs.on .rb path{stroke-dashoffset:0}
.bx-vs .side{position:relative;z-index:2}
.bx-vs .lb{display:flex;align-items:center;gap:10px;margin:0 0 18px;font-family:var(--serif-zh);font-weight:700;font-size:22px;letter-spacing:.06em}
.bx-vs ul{list-style:none;margin:0;padding:0}
.bx-vs li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(252,249,246,.1);font-size:15.5px;line-height:1.6}
.bx-vs .res{margin:18px 0 0;font-family:var(--serif-zh);font-weight:700;font-size:17px}
.bx-vs .dim{color:rgba(204,221,230,.5)}.bx-vs .dim .lb{color:rgba(204,221,230,.55)}
.bx-vs .dim li{text-decoration:line-through;text-decoration-color:rgba(204,221,230,.35)}
.bx-vs .dim .res{color:rgba(204,221,230,.55)}
.bx-vs .lit{color:#FCF9F6}.bx-vs .lit .lb{color:var(--gl2)}.bx-vs .lit li{font-weight:700}.bx-vs .lit .res{color:var(--gl2);text-shadow:0 0 18px rgba(230,177,130,.55)}
.bx-vs .lit{opacity:.25;transform:translateX(14px);transition:opacity 1s ease .9s,transform 1s cubic-bezier(.2,.7,.2,1) .9s}
.bx-vs.on .lit{opacity:1;transform:none}
.bx-vs .mid{position:relative;z-index:2;display:flex;align-items:center;justify-content:center}
.bx-vs .mid::before{content:"";position:absolute;top:8%;bottom:8%;left:50%;width:1px;background:linear-gradient(transparent,rgba(246,211,172,.55),transparent)}
.bx-vs .mid .bx-st{position:relative;background:radial-gradient(closest-side,rgba(10,42,66,1),rgba(10,42,66,0));padding:4px;box-sizing:content-box}
.bx i.x,.bx i.ck{flex:none;position:relative;width:16px;height:16px}
.bx i.x::before,.bx i.x::after{content:"";position:absolute;left:7px;top:0;width:1.6px;height:16px;background:rgba(204,221,230,.45);transform:rotate(45deg)}.bx i.x::after{transform:rotate(-45deg)}
.bx i.ck::before{content:"";position:absolute;left:2px;top:2px;width:11px;height:6px;border-left:2.2px solid var(--gl2);border-bottom:2.2px solid var(--gl2);transform:rotate(-45deg);filter:drop-shadow(0 0 4px rgba(246,211,172,.9))}
/* ② 你會得到 */
.bx-get{margin:0 0 76px;padding:30px 6px 0;position:relative}
.bx-get::before{content:"";position:absolute;left:10%;right:10%;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--gl),transparent)}
.bx-get .k{text-align:center;margin:0 0 18px;font-family:var(--serif-zh);font-weight:700;font-size:20px;color:var(--nv);letter-spacing:.12em}
.bx-get ul{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 48px;max-width:820px}
.bx-get li{display:flex;align-items:center;gap:14px;padding:14px 4px;font-family:var(--serif-zh);font-weight:600;font-size:18px;color:var(--nv);opacity:0;transform:translateY(10px);transition:opacity .7s ease,transform .7s ease;transition-delay:calc(var(--g) * .12s)}
.bx-get.on li{opacity:1;transform:none}
.bx-get li .bx-st{width:18px;height:18px}
/* ③ 六件事 */
.bx-h{margin:0 0 10px;text-align:center;font-family:var(--serif-zh);font-weight:700;font-size:clamp(28px,3.2vw,38px);color:var(--nv);letter-spacing:.06em}
.bx-h.sm{font-size:clamp(22px,2.4vw,28px)}
.bx-sub{margin:0 0 40px;text-align:center;font-size:15px;color:#3A4652}
.bx-q ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:46px 30px}
.bx-q li{position:relative;text-align:center;padding:0 8px;opacity:0;transform:translateY(16px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--q) * .1s)}
.bx-q ol.on li{opacity:1;transform:none}
.bx .orb{position:relative;display:inline-grid;place-items:center;width:96px;height:96px;border-radius:50%;
background:radial-gradient(circle at 50% 45%,rgba(255,255,255,1) 0%,rgba(255,246,234,.95) 38%,rgba(246,211,172,.35) 62%,rgba(246,211,172,0) 72%);transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.bx .orb::after{content:"";position:absolute;inset:-14px;border-radius:50%;background:radial-gradient(closest-side,rgba(236,170,112,.35),transparent);opacity:0;transition:opacity .5s}
.bx .orb svg{position:relative;z-index:1;width:46px;height:46px;overflow:visible}
.bx .orb .ln{fill:none;stroke:var(--nv);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bx .orb .gd{fill:none;stroke:var(--gl);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.bx .orb .gd.f,.bx .orb .gd.sp{fill:var(--gl)}
.bx-q .num{position:absolute;left:50%;top:-14px;transform:translateX(18px);font-family:var(--serif-en);font-weight:700;font-size:44px;line-height:1;color:rgba(230,177,130,.35);z-index:0}
.bx-q b{display:block;margin:14px 0 6px;font-family:var(--serif-zh);font-size:21px;color:var(--nv)}
.bx-q li p{margin:0 auto;max-width:250px;font-size:14px;line-height:1.85;color:#3A4652}
.bx-q li:hover .orb{transform:translateY(-6px) scale(1.04)}.bx-q li:hover .orb::after{opacity:1}
.bx-end{display:flex;align-items:center;justify-content:center;gap:10px;margin:40px 0 74px;font-family:var(--serif-zh);font-weight:600;font-size:16.5px;color:var(--nv);text-align:center}
/* ④ SIPM：光沿著金線走 */
.bx-sp{position:relative;isolation:isolate;overflow:hidden;border-radius:22px;padding:50px 40px 44px;margin-bottom:70px;text-align:center;
background:linear-gradient(160deg,#0B2236 0%,#0D3858 50%,#155A84 100%);box-shadow:0 40px 80px -46px rgba(10,42,66,.8)}
.bx-sp .b1{width:55%;height:120%;right:-12%;top:-40%;background:radial-gradient(closest-side,rgba(236,170,112,.6),transparent)}
.bx-sp .b2{width:40%;height:70%;left:-10%;bottom:-30%;background:radial-gradient(closest-side,rgba(204,221,230,.18),transparent)}
.bx-sp .ttl{position:relative;z-index:2;margin:0;font-family:var(--serif-en);font-weight:700;font-size:clamp(28px,3vw,36px);color:#FCF9F6;letter-spacing:.04em}
.bx-sp .lead{position:relative;z-index:2;margin:6px 0 10px;font-size:14.5px;color:rgba(204,221,230,.8)}
.bx-sp .track{position:relative;z-index:2;height:150px;margin:0 -10px}
.bx-sp .rb .base{fill:none;stroke:rgba(230,177,130,.35);stroke-width:1.6}
.bx-sp .rb .run{fill:none;stroke:#FFE6C6;stroke-width:3;stroke-linecap:round;stroke-dasharray:90 1400;stroke-dashoffset:90;filter:drop-shadow(0 0 8px rgba(246,211,172,1));opacity:0}
.bx-sp.on .rb .run{opacity:1;animation:bxRun 4.2s cubic-bezier(.5,0,.4,1) infinite .6s}
@keyframes bxRun{0%{stroke-dashoffset:90;opacity:0}8%{opacity:1}92%{opacity:1}100%{stroke-dashoffset:-1110;opacity:0}}
.bx-sp .node{position:absolute;transform:translate(-50%,-50%);width:calc(18px + var(--k) * 6px);height:calc(18px + var(--k) * 6px)}
.bx-sp .node svg{width:100%;height:100%;fill:var(--gl);filter:drop-shadow(0 0 calc(4px + var(--k) * 3px) rgba(246,211,172,.95));opacity:.45;transform:scale(.7);transition:opacity .6s,transform .6s}
.bx-sp.on .node svg{animation:bxNode 4.2s ease infinite;animation-delay:calc(.6s + var(--k) * .95s)}
@keyframes bxNode{0%{opacity:.45;transform:scale(.7)}12%{opacity:1;transform:scale(1.25)}30%,100%{opacity:.85;transform:scale(1)}}
.bx-sp ol{position:relative;z-index:2;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;text-align:left}
.bx-sp li{padding:0 6px}
.bx-sp .L{margin:0;display:flex;align-items:baseline;gap:8px;font-family:var(--serif-en);font-weight:700;font-size:42px;line-height:1}
.bx-sp li:nth-child(1) .L{color:#9DBACD}.bx-sp li:nth-child(2) .L{color:#CCDDE6}.bx-sp li:nth-child(3) .L{color:#F3D9BE}.bx-sp li:nth-child(4) .L{color:var(--gl2);text-shadow:0 0 18px rgba(230,177,130,.7)}
.bx-sp .L small{font-size:14px;font-weight:500;color:rgba(204,221,230,.7);letter-spacing:.04em}
.bx-sp li b{display:block;margin:12px 0 8px;font-family:var(--serif-zh);font-size:18px;color:#FCF9F6}
.bx-sp li > p:last-child{margin:0;font-size:13.5px;line-height:1.9;color:rgba(204,221,230,.85)}
/* ⑤ 範疇 */
.bx-sc .bx-sub{margin-bottom:30px}
.bx-sc .cols{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}
.bx-sc .h{display:flex;align-items:center;gap:10px;margin:0 0 6px;padding-bottom:12px;font-family:var(--serif-zh);font-weight:700;font-size:19px;color:var(--nv);position:relative}
.bx-sc .h::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,var(--gl),rgba(230,177,130,.15))}
.bx-sc .h small{margin-left:auto;font-family:var(--serif-en);font-weight:500;font-size:14px;color:#B98E69}
.bx .orb.sm{width:44px;height:44px}.bx .orb.sm svg{width:24px;height:24px}
.bx .orb.sm svg *{fill:none;stroke:var(--gl);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.bx-sc ul{list-style:none;margin:0;padding:0}
.bx-sc li a{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid rgba(16,74,110,.08);text-decoration:none}
.bx-sc .tx{flex:1}.bx-sc li b{display:block;font-size:15px;color:var(--nv);transition:color .3s}.bx-sc li em{display:block;font-style:normal;font-size:12.8px;line-height:1.75;color:#5b6670;margin-top:2px}
.bx-sc li img{flex:none;width:0;height:52px;object-fit:cover;border-radius:10px;opacity:0;transition:width .4s cubic-bezier(.2,.7,.2,1),opacity .4s;box-shadow:0 10px 20px -12px rgba(16,74,110,.6)}
.bx-sc li a:hover b{color:#B98E69}.bx-sc li a:hover img{width:68px;opacity:1}
@media(max-width:860px){.bx-vs{grid-template-columns:1fr;padding:32px 22px;gap:10px}.bx-vs .mid{height:40px}.bx-vs .mid::before{display:none}.bx-get ul{grid-template-columns:1fr}.bx-q ol{grid-template-columns:1fr 1fr}.bx-sp{padding:40px 22px}.bx-sp .track{display:none}.bx-sp ol{grid-template-columns:1fr 1fr;margin-top:24px}.bx-sc .cols{grid-template-columns:1fr}}
@media(max-width:520px){.bx-q ol,.bx-sp ol{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.bx-t span,.bx-get li,.bx-q li,.bx-vs .lit{opacity:1;transform:none;filter:none}.bx-vs .rb path{stroke-dashoffset:0}.bx-st.tw svg,.bx-sp .node svg,.bx-sp .rb .run{animation:none}}
/* v1.5：生產整合段落 v1.0（光芒版語言，Andrea 20:20） */
.px-sub{text-align:center;margin:-4px 0 14px;font-family:var(--serif-zh);font-weight:600;font-size:clamp(18px,1.8vw,22px);color:#B98E69;letter-spacing:.04em}
.px-roles{margin:10px 0 64px;text-align:center}
.px-roles ol{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.px-roles li{position:relative;opacity:0;transform:translateY(16px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--k) * .15s)}
.px-roles ol.on li{opacity:1;transform:none}
.px-roles .orb{display:grid;place-items:center;width:84px;height:84px;margin:0 auto 14px;border-radius:50%;background:radial-gradient(circle at 50% 40%,#fff,rgba(230,177,130,.28) 60%,rgba(230,177,130,0) 72%);box-shadow:0 0 30px rgba(230,177,130,.35)}
.px-roles .orb svg{width:38px;height:38px;fill:none;stroke:var(--navy);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.px-roles b{display:block;font-family:var(--serif-zh);font-size:21px;color:var(--navy)}.px-roles small{display:block;font-family:var(--serif-en);font-size:14px;color:#B98E69;margin:2px 0 8px}
.px-roles li p{margin:0 auto;max-width:240px;font-size:14px;line-height:1.85;color:#3A4652}
.px-roles li:not(:last-child)::after{content:"+";position:absolute;right:-20px;top:30px;font-family:var(--serif-en);font-size:28px;color:#E6B182}
.px-merge{position:relative;display:flex;align-items:center;justify-content:center;gap:16px;margin:36px auto 0;padding:22px 34px;max-width:560px;border-radius:999px;background:linear-gradient(120deg,#0A3350,#104A6E 55%,#1B5C86);color:#FCF9F6;box-shadow:0 24px 50px -28px rgba(16,74,110,.7),inset 0 0 0 1px rgba(230,177,130,.4)}
.px-merge::before{content:"＝";position:absolute;left:50%;top:-34px;transform:translateX(-50%);font-size:24px;color:#E6B182}
.px-merge p{margin:0;text-align:left}.px-merge b{display:block;font-family:var(--serif-zh);font-size:20px;color:#E6B182}.px-merge span{font-size:14px;color:rgba(252,249,246,.85)}
.px .bx-vs .res{font-size:clamp(18px,1.8vw,22px)}
.px-get{margin-top:56px}
.px-get ul{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 40px}
.px-get li{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--rule);opacity:0;transform:translateY(12px);transition:opacity .7s,transform .7s}
.px-get ul.on li{opacity:1;transform:none}.px-get ul.on li:nth-child(2){transition-delay:.1s}.px-get ul.on li:nth-child(3){transition-delay:.2s}.px-get ul.on li:nth-child(4){transition-delay:.3s}
.px-get li b{display:block;font-family:var(--serif-zh);font-size:18px;color:var(--navy);margin-bottom:4px}.px-get li em{font-style:normal;font-size:14px;line-height:1.8;color:#3A4652}
.px-get .bx-st{margin-top:5px}
@media(max-width:860px){.px-roles ol,.px-get ul{grid-template-columns:1fr}.px-roles li:not(:last-child)::after{right:50%;top:auto;bottom:-26px;transform:translateX(50%)}.px-merge{border-radius:20px}}
@media(prefers-reduced-motion:reduce){.px-roles li,.px-get li{opacity:1;transform:none}}
.px .sx-promise{padding:16px 22px;min-height:0}
.px .sx-promise .sx-trust{display:flex!important;flex-wrap:wrap;gap:8px;margin:0}
.px .sx-promise .sx-trust li{display:inline-block!important;opacity:1!important;transform:none!important;padding:6px 14px;border:1px solid #E6B182;border-radius:999px;color:#B98E69;font-size:13.5px;font-weight:700;background:rgba(255,255,255,.6);position:static}
.px .sx-promise .sx-trust li::before{content:none}
/* v1.5：品牌設計整段 C（Andrea 20:37） */
.gx{--rule:rgba(16,74,110,.10);--ink:#3A4652;--apricot:#B98E69}
/* 共用 */
.g-st{display:inline-block;width:13px;height:13px;vertical-align:middle;flex:none}
.gx .g-st svg{width:100%;height:100%;fill:var(--gold);filter:drop-shadow(0 0 4px rgba(230,177,130,.8))}
.gx .g-st.lg{width:24px;height:24px}
.gx .g-st.tw svg{animation:tw 3s ease-in-out infinite}@keyframes tw{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.7);opacity:.55;filter:drop-shadow(0 0 10px rgba(255,228,190,1))}}
.gx .g-eb{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 14px;font-size:12.5px;letter-spacing:.16em;color:#B98E69;font-weight:700}
.gx .g-t{font-family:var(--serif-zh);font-weight:700;color:var(--navy);font-size:clamp(30px,3.6vw,44px);text-align:center;margin:0 0 16px;letter-spacing:.04em}
.gx .g-d{max-width:720px;margin:0 auto 50px;text-align:center;font-size:15px;line-height:2}
.gx .g-h{font-family:var(--serif-zh);font-weight:700;color:var(--navy);font-size:clamp(24px,2.8vw,32px);text-align:center;margin:0 0 10px;letter-spacing:.05em}
.gx .g-h.sm{font-size:clamp(22px,2.4vw,28px)}
.gx .g-sub{text-align:center;margin:0 0 30px;font-size:15px}
i.x,i.ck{flex:none;display:inline-block;position:relative;width:16px;height:16px}
i.x::before,i.x::after{content:"";position:absolute;left:7px;top:1px;width:1.6px;height:14px;background:rgba(252,249,246,.4);transform:rotate(45deg)}i.x::after{transform:rotate(-45deg)}
i.ck::before{content:"";position:absolute;left:2px;top:3px;width:11px;height:6px;border-left:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(-45deg)}
/* 對比光幕 */
.g-vs{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 56px 1fr;padding:44px 40px 40px;border-radius:22px;background:linear-gradient(115deg,#082A43 0%,#0E3F60 48%,#165A85 100%);box-shadow:0 34px 70px -40px rgba(10,51,80,.9)}
.gx .g-vs .g-glow{position:absolute;right:-8%;top:-40%;width:65%;height:150%;background:radial-gradient(closest-side,rgba(240,196,150,.42),rgba(230,177,130,0));pointer-events:none}
.gx .g-vs .s{position:relative}
.gx .g-vs .lb{margin:0 0 18px;font-family:var(--serif-zh);font-weight:700;font-size:22px;letter-spacing:.06em}
.gx .g-vs .dim .lb{color:rgba(252,249,246,.42)}
.gx .g-vs .lit .lb{color:var(--gold)}
.gx .g-vs ul{list-style:none;margin:0;padding:0}
.gx .g-vs li{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(252,249,246,.1);font-size:15px}
.gx .g-vs .dim li{color:rgba(252,249,246,.38);text-decoration:line-through;text-decoration-color:rgba(252,249,246,.25)}
.gx .g-vs .lit li{color:#FCF9F6;font-weight:600}
.gx .g-vs .res{margin:20px 0 0;font-family:var(--serif-zh);font-weight:700;font-size:17px}
.gx .g-vs .dim .res{color:rgba(252,249,246,.4)}
.gx .g-vs .lit .res{color:#F3D2AE}
.gx .g-vs .mid{position:relative;display:grid;place-items:center}
.gx .g-vs .mid::before{content:"";position:absolute;top:8%;bottom:8%;left:50%;width:1px;background:linear-gradient(transparent,rgba(230,177,130,.5),transparent)}
/* 你會得到 */
.g-get{margin:46px 0 84px;text-align:center}
.gx .g-get .k{margin:0 0 18px;font-family:var(--serif-zh);font-weight:700;font-size:22px;color:var(--navy);letter-spacing:.08em}
.gx .g-get ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px 40px;text-align:left}
.gx .g-get li{display:flex;gap:14px;align-items:center;padding:14px 4px;border-bottom:1px solid var(--rule);font-family:var(--serif-zh);font-weight:600;font-size:17.5px;color:var(--navy)}
.gx .g-get.tied{position:relative;margin-top:-6px;padding:30px 40px 26px;border-radius:0 0 22px 22px;background:linear-gradient(180deg,rgba(22,90,133,.08),rgba(252,249,246,0));}
.gx .g-get.tied::before{content:"";position:absolute;left:75%;top:-6px;width:1px;height:28px;background:linear-gradient(var(--gold),transparent)}
/* 六件事：輕巧卡 */
.g-six{position:relative;margin-bottom:10px}
.gx .g-six ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.gx .g-six li{position:relative;padding:26px 24px 24px;border-radius:16px;background:rgba(255,255,255,.72);box-shadow:0 0 0 1px rgba(16,74,110,.07),0 14px 30px -26px rgba(16,74,110,.35);overflow:hidden;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}
.gx .g-six li::before{content:"";position:absolute;left:24px;right:24px;top:0;height:1.5px;background:linear-gradient(90deg,transparent,var(--gold),transparent);transform:scaleX(.2);opacity:.4;transition:transform .6s ease,opacity .6s}
.gx .g-six li::after{content:"";position:absolute;right:-30%;top:-40%;width:80%;height:90%;background:radial-gradient(closest-side,rgba(230,177,130,.18),transparent);opacity:0;transition:opacity .6s}
.gx .g-six .n{display:block;font-family:var(--serif-en);font-weight:600;font-size:15px;letter-spacing:.12em;color:#B98E69;margin-bottom:8px}
.gx .g-six b{display:block;font-family:var(--serif-zh);font-size:19px;color:var(--navy);margin-bottom:6px}
.gx .g-six li p{margin:0;font-size:13.5px;line-height:1.85;padding-right:30px}
.gx .g-six .g-qi{position:absolute;right:20px;top:22px;width:30px;height:30px;overflow:visible;opacity:.55;transition:opacity .5s,transform .5s}
.gx .g-qi .ln{fill:none;stroke:var(--navy);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.gx .g-qi .gd{fill:none;stroke:var(--gold);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.gx .g-qi .gd.f,.gx .g-qi .gd.sp{fill:var(--gold)}
.gx .g-six li:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(230,177,130,.35),0 20px 36px -28px rgba(16,74,110,.45)}
.gx .g-six li:hover::before{transform:scaleX(1);opacity:1}
.gx .g-six li:hover::after{opacity:1}
.gx .g-six li:hover .g-qi{opacity:1;transform:scale(1.05)}
.gx .g-six .fun{display:block;width:100%;height:90px;margin-top:6px}
.gx .g-six .fun path{fill:none;stroke:var(--gold);stroke-width:1.2;opacity:.75;vector-effect:non-scaling-stroke;stroke-dasharray:4 5;animation:flow 1.6s linear infinite}
@keyframes flow{to{stroke-dashoffset:-18}}
.gx .g-six .conv{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 auto;width:max-content;padding:13px 30px;border-radius:999px;background:linear-gradient(120deg,#0A3350,#165A85);color:#FCF9F6;font-family:var(--serif-zh);font-size:18px;letter-spacing:.06em;box-shadow:0 0 0 1px rgba(230,177,130,.45),0 0 40px rgba(230,177,130,.3)}
.gx .g-stag{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 12px;font-size:13px;letter-spacing:.12em;color:#B98E69;font-weight:700}
.gx .g-stag span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--navy);color:var(--gold);font-family:var(--serif-en);font-size:20px;box-shadow:0 0 18px rgba(230,177,130,.5)}
/* SIPM 光幕 */
.g-sp{position:relative;overflow:hidden;margin:34px 0 84px;padding:48px 40px 40px;border-radius:22px;background:linear-gradient(115deg,#082A43 0%,#0E3F60 50%,#165A85 100%);color:rgba(252,249,246,.82);text-align:center;box-shadow:0 34px 70px -40px rgba(10,51,80,.9)}
.gx .g-sp .g-glow{position:absolute;right:-10%;top:-30%;width:60%;height:140%;background:radial-gradient(closest-side,rgba(240,196,150,.35),transparent);pointer-events:none}
.gx .g-sp .ttl{position:relative;margin:0;font-family:var(--serif-en);font-weight:700;font-size:clamp(26px,2.8vw,34px);color:#FCF9F6;letter-spacing:.04em}
.gx .g-sp .lead{position:relative;margin:6px 0 0;font-size:14px;color:rgba(252,249,246,.7)}
.gx .g-sp .track{position:relative;height:140px}
.gx .g-sp .track svg{position:absolute;inset:0;width:100%;height:100%}
.gx .g-sp .track path{fill:none;stroke:var(--gold);stroke-width:1.6;opacity:.8;filter:drop-shadow(0 0 6px rgba(230,177,130,.8))}
.gx .g-sp .nd{position:absolute;width:26px;height:26px;transform:translate(-50%,-50%)}
.gx .g-sp .nd svg{width:100%;height:100%;fill:var(--gold);opacity:.5;animation:ndl 4s ease-in-out infinite;animation-delay:calc(var(--k)*.5s)}
.gx .g-sp .nd.on{width:40px;height:40px}
.gx .g-sp .nd.on svg{opacity:1;filter:drop-shadow(0 0 12px rgba(255,226,186,1))}
@keyframes ndl{0%,100%{opacity:.45}30%{opacity:1;filter:drop-shadow(0 0 10px rgba(255,226,186,1))}}
.gx .g-sp ol{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;text-align:left}
.gx .g-sp li{padding:4px 2px}
.gx .g-sp .L{margin:0 0 8px;display:flex;align-items:baseline;gap:8px;font-family:var(--serif-en);font-weight:700;font-size:38px;color:rgba(230,177,130,.7);line-height:1}
.gx .g-sp .L small{font-size:14px;font-weight:500;color:rgba(252,249,246,.5)}
.gx .g-sp li b{display:block;font-family:var(--serif-zh);font-size:17px;color:#FCF9F6;margin-bottom:6px}
.gx .g-sp li p{margin:0;font-size:13.5px;line-height:1.85}
.gx .g-sp li.on .L{color:#F6D3AC;text-shadow:0 0 16px rgba(255,220,170,.7)}
.gx .g-unfold{position:relative;margin:-60px 0 84px;padding-top:44px}
.gx .g-unfold .stem{position:absolute;left:12.5%;top:0;width:1px;height:44px;background:linear-gradient(var(--gold),transparent)}
/* 範疇 */
.g-sc .cols{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.gx .g-sc .h{display:flex;align-items:center;gap:10px;margin:0;padding-bottom:12px;border-bottom:1px solid rgba(230,177,130,.6);font-family:var(--serif-zh);font-weight:700;font-size:19px;color:var(--navy)}
.gx .g-sc .h svg{width:22px;height:22px;fill:none;stroke:var(--gold);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.gx .g-sc .h small{margin-left:auto;font-family:var(--serif-en);font-weight:500;color:#B98E69}
.gx .g-sc ul{list-style:none;margin:0;padding:0}
.gx .g-sc li a{display:block;padding:14px 0;border-bottom:1px solid var(--rule);text-decoration:none;transition:padding .4s}
.gx .g-sc li b{display:block;font-size:15px;color:var(--navy);transition:color .3s}
.gx .g-sc li em{display:block;font-style:normal;font-size:13px;line-height:1.75;color:#5b6670}
.gx .g-sc li a:hover{padding-left:6px}
.gx .g-sc li a:hover b{color:#B98E69}
.gx .g-lk{text-align:center;margin:26px 0 0}
.gx .g-lk a{color:var(--navy);text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:2px}
@media(max-width:860px){.g-vs{grid-template-columns:1fr;padding:32px 22px}
.gx .g-vs .mid{height:40px}
.gx .g-vs .mid::before{display:none}
.gx .g-get ul,.gx .g-sc .cols{grid-template-columns:1fr}
.gx .g-six ol{grid-template-columns:1fr}
.gx .g-six .fun{display:none}
.gx .g-sp ol{grid-template-columns:1fr 1fr}
.gx .g-sp .track{display:none}
.gx .g-unfold{margin-top:-40px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}
.gx .g-sp ol,.gx .g-six ol,.gx .g-get ul{opacity:1}
/* 價值區底色：改為很淡的米色（Andrea 21:02） */
.v15-val{background:linear-gradient(180deg,#F8F2E9 0%,#FAF6F0 70%,#FAF6F0 100%)}
/* icon 統一（Andrea 21:04）：深藍細線＋一塊金色面＋四芒小星；不放圓泡，只留很淡的光 */
.px-roles .orb{width:84px;height:84px;background:radial-gradient(circle,rgba(230,177,130,.22) 0%,rgba(230,177,130,0) 62%);box-shadow:none}
.px-roles .orb svg{width:56px;height:56px;overflow:visible;fill:none;stroke:none}
.px-roles .orb .ln{fill:none;stroke:var(--navy);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.px-roles .orb .gf{fill:#E6B182;stroke:none}
.px-roles .orb .gf2{fill:#F3D6B8;stroke:none}
.px-roles .orb .arc{fill:none;stroke:#E6B182;stroke-width:1.8;stroke-linecap:round;stroke-dasharray:2 5}
.px-roles .orb .sp{fill:#E6B182;stroke:none;filter:drop-shadow(0 0 4px rgba(230,177,130,.9))}
.v15-val .f-ic3{background:radial-gradient(circle,rgba(230,177,130,.22) 0%,rgba(230,177,130,0) 62%)}
/* 四大服務分頁：拿掉數字；星星位置換成各服務 icon（統一風格，選中時金色面換成該服務色）；分頁內光暈調淡放回（Andrea 21:10） */
.sx-tb .ic4{display:block;width:44px;height:44px;margin-bottom:10px;opacity:.55;transition:opacity .4s,transform .5s}
.sx-tb .ic4 svg{width:100%;height:100%;overflow:visible}
.sx-tb .ic4 .ln{fill:none;stroke:var(--navy);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sx-tb .ic4 .gf{fill:#E6B182;transition:fill .5s}
.sx-tb .ic4 .gf2{fill:#F3D6B8;transition:fill .5s}
.sx-tb .ic4 .sp{fill:#E6B182;filter:drop-shadow(0 0 4px rgba(230,177,130,.9))}
.sx-tb .ic4 .dt{fill:none;stroke:#E6B182;stroke-width:1.8;stroke-linecap:round;stroke-dasharray:1 5}
.sx-tb:hover .ic4{opacity:.85}
.sx-tb.on .ic4{opacity:1;transform:translateY(-3px)}
.f-svcs.sx .sx-tb.on .ic4 .gf,.f-svcs.sx .sx-tb.on .ic4 .sp{fill:var(--star)}
.f-svcs.sx .sx-tb.on .ic4 .gf2{fill:var(--star);fill-opacity:.45}
.sx-pn::before{opacity:.6}
.f-svcs.sx .sx-tb.on{background:none}
/* 價值區：底色改 VI Ivory；標題改深藍＋淡藍光暈（Andrea 21:12） */
.v15-val{background:#FCF9F6}
.v15-val .f-val-list.v3 h3{color:#104A6E!important;text-shadow:0 0 18px rgba(204,221,230,.95),0 0 6px rgba(150,190,220,.45)}
.v15-val .f-ic3{background:radial-gradient(circle,rgba(230,177,130,.16) 0%,rgba(230,177,130,0) 70%)}
/* ═══ 22:10 Andrea 選定：上方 B 拱門／往下 C 光落下／分頁 T1 光軌 ═══ */
/* 價值區：上緣淺拱切進 banner＋金線描出 */
.v15-val{position:relative;padding-bottom:10px}
.v15-val .archTop{position:absolute;left:0;top:-89px;width:100%;height:90px;z-index:7;pointer-events:none;overflow:visible}
.v15-val .arc{fill:none;stroke:url(#arcG);stroke-width:1.4;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;animation:arcDraw 2.4s cubic-bezier(.4,.1,.2,1) .8s forwards}
@keyframes arcDraw{to{stroke-dashoffset:0}}
.v15-val{overflow:visible}
/* 價值卡：整張 hover，拱門框；標題深藍不發光，hover 畫金線 */
.v15-val .f-val-list.v3 li{isolation:isolate;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.v15-val .f-val-list.v3 li::before{content:"";position:absolute;z-index:-1;inset:-30px -6px -26px;opacity:0;transition:opacity .7s;pointer-events:none;border-radius:999px 999px 22px 22px;background:linear-gradient(180deg,rgba(230,177,130,.14),rgba(252,249,246,0) 80%);box-shadow:inset 0 0 0 1px rgba(230,177,130,.45);-webkit-mask:linear-gradient(#000 55%,transparent 92%);mask:linear-gradient(#000 55%,transparent 92%)}
.v15-val .f-val-list.v3 li:hover{transform:translateY(-6px)}
.v15-val .f-val-list.v3 li:hover::before{opacity:1}
.v15-val .f-val-list li:hover .f-ic3{box-shadow:none!important;transform:scale(1.06)}
.v15-val .f-val-list.v3 h3{color:#104A6E!important;text-shadow:none;background:linear-gradient(#E6B182,#E6B182) no-repeat 50% 100%/0 1.5px;padding-bottom:8px;transition:background-size .6s cubic-bezier(.2,.7,.2,1)}
.v15-val .f-val-list.v3 li:hover h3{background-size:44px 1.5px}
/* 核心服務：不再是浮起的紙，同一張 Ivory；一道淡光往下落，落點星星微微放大變亮（循環） */
.f-svcs.sx.v16{background:#FCF9F6;padding-top:0;border-top:0}
.f-svcs.v16 .sx-head::before{display:none}
.f-svcs.v16 .drop{position:relative;width:2px;height:170px;margin:0 auto;overflow:hidden}
.f-svcs.v16 .drop .trail{position:absolute;left:.5px;top:0;width:1px;height:100%;background:linear-gradient(rgba(230,177,130,0),rgba(230,177,130,.32))}
.f-svcs.v16 .drop .pulse{position:absolute;left:0;top:-90px;width:2px;height:90px;border-radius:2px;background:linear-gradient(rgba(255,230,200,0),rgba(246,206,160,.75) 75%,rgba(255,238,218,.9));filter:drop-shadow(0 0 5px rgba(240,190,140,.6));animation:lightFall 4.6s cubic-bezier(.45,0,.55,1) infinite}
@keyframes lightFall{0%{top:-90px;opacity:0}12%{opacity:.9}60%{top:85px;opacity:.9}70%{top:100px;opacity:0}100%{top:100px;opacity:0}}
.f-svcs.v16 .land{display:block;width:24px;height:24px;margin:-4px auto 22px}
.f-svcs.v16 .land svg{width:100%;height:100%;fill:#E6B182;filter:drop-shadow(0 0 6px rgba(230,177,130,.7));animation:landGlow 4.6s cubic-bezier(.45,0,.55,1) infinite}
@keyframes landGlow{0%,56%{transform:scale(1);filter:drop-shadow(0 0 6px rgba(230,177,130,.7))}68%{transform:scale(1.3);filter:drop-shadow(0 0 12px rgba(255,226,190,1)) brightness(1.08)}88%,100%{transform:scale(1);filter:drop-shadow(0 0 6px rgba(230,177,130,.7))}}
@media(prefers-reduced-motion:reduce){.f-svcs.v16 .drop .pulse,.f-svcs.v16 .land svg{animation:none}}
.f-svcs.v16 .sx-head{margin-bottom:46px}
/* 分頁 T1 光軌：四顆星在一條金色光軌上；一句話＋往下箭頭；選中時星放大換色、底線換色、背後柔光 */
.f-svcs.v16 .sx-tabs{position:relative;border-bottom:0;margin-top:0;max-width:1160px;margin-left:auto;margin-right:auto}
.f-svcs.v16 .sx-tabs::before{content:"";position:absolute;left:12.5%;right:12.5%;top:11px;height:1px;background:linear-gradient(90deg,rgba(230,177,130,.25),#E6B182 50%,rgba(230,177,130,.25));transform:scaleX(0);transition:transform 1.6s cubic-bezier(.2,.7,.2,1) .3s}
.f-svcs.v16.on .sx-tabs::before{transform:none}
.f-svcs.v16 .sx-tb{padding:0 14px 26px;align-items:center;text-align:center;isolation:isolate;background:none!important}
.f-svcs.v16 .sx-tb .ts{display:block;width:22px;height:22px;position:relative;z-index:1;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.f-svcs.v16 .sx-tb .ts svg{width:100%;height:100%;fill:#E6B182;filter:drop-shadow(0 0 6px rgba(230,177,130,.8));transition:fill .5s}
.f-svcs.v16 .sx-tb.on .ts{transform:scale(1.45)}
.f-svcs.v16 .sx-tb.on .ts svg{fill:var(--star);filter:drop-shadow(0 0 12px var(--star))}
.f-svcs.v16 .sx-tb b{margin-top:16px}
.f-svcs.v16 .sx-tb .one{margin-top:12px;max-width:16em}
.f-svcs.v16 .sx-tb .chev{width:18px;height:9px;margin-top:16px;fill:none;stroke:#C9A27E;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.55;transition:transform .5s,opacity .5s,stroke .5s}
.f-svcs.v16 .sx-tb:hover .chev{opacity:1;transform:translateY(3px)}
.f-svcs.v16 .sx-tb.on .chev{opacity:1;stroke:var(--star)}
.f-svcs.v16 .sx-tb::before{content:"";position:absolute;z-index:-1;left:50%;top:-10px;width:300px;height:240px;transform:translateX(-50%);background:radial-gradient(50% 50% at 50% 35%,var(--glow,transparent),transparent 75%);opacity:0;transition:opacity .6s}
.f-svcs.v16 .sx-tb.on::before{opacity:1}
.f-svcs.v16 .sx-tb::after{left:30%;right:30%;bottom:0;height:2px;border-radius:2px}
@media(max-width:900px){.f-svcs.v16 .sx-tabs::before{display:none}}
.he-down{bottom:96px}
@media(max-width:600px){.sx-hEb{letter-spacing:.2em;gap:8px;white-space:nowrap}.sx-hEb i{display:none}.f-svcs.v16 .drop{height:120px}}
/* 拱調淺（Andrea 22:01）：桌機只留微微的弧；手機拿掉，直接平接 */
.v15-val .archTop{top:-35px;height:36px}
.he-down{bottom:52px}
@media(max-width:900px){.v15-val .archTop{display:none}.he-down{bottom:22px}}
/* ═══ 22:30 首頁 icon 統一：全部照價值區四格的語言（深藍細線＋淺／深蜜桃面＋小星） ═══ */
:is(.vic,.gx .g-qi,.gx .g-sc .h svg,.px-roles .orb svg) :is(.ln){fill:none!important;stroke:#104A6E!important;stroke-width:1.3px!important;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
:is(.vic,.gx .g-qi,.gx .g-sc .h svg,.px-roles .orb svg) .gf{fill:#E6B182!important;stroke:none!important}
:is(.vic,.gx .g-qi,.gx .g-sc .h svg,.px-roles .orb svg) .gf2{fill:#F3D6B8!important;stroke:none!important}
:is(.vic,.gx .g-qi,.gx .g-sc .h svg,.px-roles .orb svg) .sp{fill:#E6B182!important;stroke:none!important;filter:drop-shadow(0 0 3px rgba(230,177,130,.9))}
:is(.vic,.gx .g-qi,.gx .g-sc .h svg,.px-roles .orb svg) .arc{fill:none!important;stroke:#E6B182!important;stroke-width:1.2px!important;vector-effect:non-scaling-stroke;stroke-dasharray:2 4;stroke-linecap:round}
:is(.vic,.gx .g-qi,.gx .g-sc .h svg,.px-roles .orb svg) .dt{fill:#C99566!important;stroke:none!important}
.vic{overflow:visible}
/* 深藍底（AI 區、導覽列下拉）：線條改象牙白 */
:is(.navy-s,.mega) :is(.vic,.gx .g-sc .h svg) .ln{stroke:#FCF9F6!important}
/* 尺寸：跟價值區一樣看得清楚 */
.gx .g-six .g-qi{width:40px;height:40px;opacity:1;right:22px;top:20px}
.gx .g-sc .h svg{width:30px;height:30px}
.yes-sys svg.vic{width:40px;height:40px;margin-top:-4px}
.yes-sys svg.vic circle,.yes-sys svg.vic path{stroke-width:inherit}
.px-roles .orb{background:radial-gradient(circle,rgba(230,177,130,.16) 0%,rgba(230,177,130,0) 70%)}
/* 23:10 核心服務改暖白：從光落地處往下 Ivory → 暖白漸變（Andrea 22:33 試試） */
.f-svcs.sx.v16{background:linear-gradient(180deg,#FCF9F6 0,#FCF9F6 120px,#FFFDFA 340px,#FFFDFA 100%)}
.f-svcs.sx.v16 .sx-pn{background:transparent}
/* 23:15 差別要看得出來（Andrea 22:36）：價值區 Ivory 加深一點，核心服務純白，交界用 260px 漸變 */
.v15-val{background:#F8F2EA}
.f-svcs.sx.v16{background:linear-gradient(180deg,#F8F2EA 0,#F8F2EA 60px,#FFFFFF 320px,#FFFFFF 100%)}
.v15-val .archTop path:first-child{fill:#F8F2EA}
/* 23:20 品牌健檢首頁區塊（GPT v1.0 Part A）：說明第二句加粗、信任小字 */
#sv-01 .sx-d b{color:#104A6E;font-weight:700}
#sv-01 .bc-trust{text-align:center;max-width:520px;margin:14px auto 0;font-size:13px;line-height:1.85;color:#7a8590}
@media(min-width:761px){#sv-01 .sx-pb.two li{grid-template-columns:260px 1fr}}
/* ═══ 22:50 品牌健檢成交頁（GPT v1.0 Part B） ═══ */
.bc-hero,.bc-final,.bc-sec.navy{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(160deg,#0A3350 0%,#104A6E 55%,#1B5C84 100%);color:#FCF9F6}
.bc-glow{position:absolute;z-index:-1;border-radius:50%;filter:blur(60px);pointer-events:none}
.bc-glow.g1{width:520px;height:520px;right:-120px;top:-140px;background:radial-gradient(circle,rgba(230,177,130,.55),rgba(230,177,130,0) 70%)}
.bc-glow.g2{width:420px;height:420px;left:-160px;bottom:-200px;background:radial-gradient(circle,rgba(204,221,230,.35),rgba(204,221,230,0) 70%)}
.bc-glow.g3{width:560px;height:560px;left:50%;top:-260px;transform:translateX(-50%);background:radial-gradient(circle,rgba(230,177,130,.35),rgba(230,177,130,0) 70%)}
.bc-rib{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.bc-rib path{fill:none;stroke:rgba(230,177,130,.55);stroke-width:1.2;vector-effect:non-scaling-stroke}.bc-rib .w{stroke:rgba(252,249,246,.25)}
.bc-hero .bc-in{padding:150px 0 120px;max-width:820px}
.bc-eb{display:flex;align-items:center;gap:10px;margin:0 0 18px;font-size:13px;font-weight:700;letter-spacing:.2em;color:#B07A4E}
.bc-eb em{font-style:normal;font-family:var(--serif-en);font-size:15px;letter-spacing:.08em;font-weight:600}
.bc-eb .st{width:14px;height:14px;display:inline-flex}.bc-eb .st svg{width:100%;height:100%;fill:#E6B182;filter:drop-shadow(0 0 4px rgba(230,177,130,.9))}
.bc-eb.lt{color:#E6B182}
.bc-hero h1{font-family:var(--serif-zh);font-size:clamp(34px,4.4vw,58px);line-height:1.3;margin:0 0 20px;color:#FCF9F6;letter-spacing:.02em}
.bc-sub{font-family:var(--serif-zh);font-size:clamp(19px,1.8vw,24px);color:#E6B182;margin:0 0 28px}
.bc-p{font-size:16px;line-height:2;color:rgba(252,249,246,.82);margin:0}.bc-p.strong{color:#FCF9F6;font-weight:700;margin-top:10px}
.bc-act{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:38px}.bc-act.c{justify-content:center;flex-direction:column}
.bc-btn{display:inline-flex;align-items:center;gap:12px;padding:15px 30px;border-radius:999px;border:1px solid #E6B182;color:#104A6E;font-weight:700;font-size:16px;text-decoration:none;transition:transform .4s,box-shadow .4s}
.bc-btn i{font-style:normal;transition:transform .4s}.bc-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px -16px rgba(230,177,130,.9)}.bc-btn:hover i{transform:translateX(4px)}
.bc-btn.gold{background:linear-gradient(135deg,#F3D6B8,#E6B182);border-color:transparent;color:#0A3350}
.bc-price{margin:0;font-size:14px;letter-spacing:.04em;color:rgba(252,249,246,.75)}
.bc-sec{padding:110px 0;background:#FFFFFF}.bc-sec.iv{background:#F8F2EA}
.bc-sec h2,.bc-final h2{font-family:var(--serif-zh);font-size:clamp(26px,2.8vw,38px);line-height:1.45;color:#104A6E;margin:0 0 18px}
.bc-sec.navy h2,.bc-final h2{color:#FCF9F6}
.bc-sec p{font-size:15.5px;line-height:2;color:#3A4652;margin:0}.bc-sec.navy p{color:rgba(252,249,246,.82)}
.bc-sec h3{font-family:var(--serif-zh);font-size:20px;color:#104A6E;margin:22px 0 8px}.bc-sec.navy h3{color:#E6B182}
.bc-head{text-align:center;max-width:760px;margin:0 auto 56px}.bc-head .bc-eb{justify-content:center}
.bc-two{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;align-items:start}
.bc-ask{list-style:none;padding:0;margin:14px 0 22px}
.bc-ask li{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(16,74,110,.1);font-weight:700;color:#104A6E;font-size:16px}
.bc-ask .st{width:12px;height:12px;display:inline-flex;flex:none}.bc-ask .st svg{width:100%;height:100%;fill:#E6B182}
.bc-ask.lt li{color:#FCF9F6;border-color:rgba(252,249,246,.14)}
.bc-form{padding:40px 44px;border-radius:24px;background:#FCF9F6;box-shadow:inset 0 0 0 1px rgba(230,177,130,.35)}
.bc-ph{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:26px}
.bc-qs{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.bc-qs li{position:relative;padding:34px 30px 30px;border-radius:999px 999px 22px 22px;background:#FFFFFF;box-shadow:inset 0 0 0 1px rgba(230,177,130,.35);transition:transform .6s cubic-bezier(.2,.7,.2,1),box-shadow .6s;text-align:center;padding-top:56px}
.bc-qs li:hover{transform:translateY(-6px);box-shadow:inset 0 0 0 1px rgba(230,177,130,.7),0 24px 40px -30px rgba(176,122,78,.6)}
.bc-qs h3{margin:0 0 14px;font-size:18px}
.bc-qs blockquote{margin:0;font-size:15px;line-height:1.95;color:#3A4652}
.bc-four{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;text-align:center}
.bc-four .vic{width:64px;height:64px;margin:0 auto 18px;display:block}
.bc-four h3{margin:0 0 8px;font-size:18px}
.bc-sheet{position:relative;padding:44px 46px 36px;background:#FFFFFF;border-radius:6px;box-shadow:0 30px 60px -40px rgba(16,74,110,.35),inset 0 2px 0 #E6B182}
.bc-sheet .k{font-size:12px;letter-spacing:.2em;color:#B07A4E;font-weight:700;margin-bottom:10px}
.bc-sheet ul{list-style:none;padding:0;margin:0}
.bc-sheet li{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid rgba(16,74,110,.08)}
.bc-sheet li .st{width:12px;height:12px;flex:none;margin-top:7px}.bc-sheet li .st svg{width:100%;height:100%;fill:#E6B182}
.bc-sheet b{display:block;color:#104A6E;font-size:16px}.bc-sheet span{font-size:14.5px;color:#3A4652;line-height:1.8}
.bc-note{margin-top:18px!important;font-family:var(--serif-zh);font-weight:700;color:#B07A4E!important}
.bc-q{font-family:var(--serif-zh);font-size:26px!important;color:#E6B182!important;margin:10px 0!important}
.bc-diff{list-style:none;padding:0;margin:0}
.bc-diff li{padding:18px 0;border-bottom:1px solid rgba(252,249,246,.14)}
.bc-diff b{display:block;font-family:var(--serif-zh);font-size:18px;color:#FCF9F6;margin-bottom:4px}.bc-diff span{color:rgba(252,249,246,.75);font-size:14.5px;line-height:1.8}
.bc-punch{text-align:center;margin-top:60px!important;font-family:var(--serif-zh);font-size:clamp(18px,1.8vw,22px)!important;color:#E6B182!important;line-height:1.8!important}
.bc-steps{position:relative;list-style:none;padding:0;margin:0 auto;max-width:1160px;display:grid;grid-template-columns:repeat(5,1fr);gap:18px;text-align:center}
.bc-steps::before{content:"";position:absolute;left:10%;right:10%;top:11px;height:1px;background:linear-gradient(90deg,rgba(230,177,130,.25),#E6B182 50%,rgba(230,177,130,.25));transform:scaleX(0);transition:transform 1.6s cubic-bezier(.2,.7,.2,1)}
.bc-steps.on::before{transform:none}
.bc-steps .ts{display:block;width:22px;height:22px;margin:0 auto 18px}.bc-steps .ts svg{width:100%;height:100%;fill:#E6B182;filter:drop-shadow(0 0 6px rgba(230,177,130,.8))}
.bc-steps b{display:block;font-family:var(--serif-zh);color:#104A6E;font-size:16.5px;margin-bottom:8px}
.bc-steps p{font-size:14px!important;line-height:1.85!important}
.bc-buy{list-style:none;padding:0;margin:16px 0 0}
.bc-buy li{font-family:var(--serif-zh);font-weight:700;font-size:20px;color:#104A6E;padding:12px 0;border-bottom:1px solid rgba(16,74,110,.1)}
.bc-card{padding:50px 46px;border-radius:999px 999px 26px 26px;background:#FFFFFF;text-align:center;box-shadow:inset 0 0 0 1px rgba(230,177,130,.55),0 30px 60px -40px rgba(176,122,78,.6);padding-top:90px}
.bc-card .amt{font-family:var(--serif-en);font-size:56px!important;font-weight:600;color:#104A6E!important;line-height:1!important;margin-bottom:18px!important}
.bc-card .inc{display:flex;flex-direction:column;gap:4px;margin-bottom:30px!important;color:#3A4652}.bc-card .inc i{font-style:normal;color:#E6B182}
.bc-rule{display:grid;grid-template-columns:1fr 1fr;gap:26px;max-width:860px;margin:0 auto}
.bc-rule>div{padding:30px 34px;border-radius:20px;background:#FCF9F6}
.bc-rule h3{margin-top:0}
.bc-rule ul{list-style:none;padding:0;margin:0}.bc-rule li{padding:9px 0 9px 26px;position:relative;font-size:15px;color:#3A4652;border-bottom:1px solid rgba(16,74,110,.07)}
.bc-rule .ok li::before{content:"✓";position:absolute;left:2px;color:#B07A4E;font-weight:700}
.bc-rule .no{background:#F4F6F8}.bc-rule .no h3{color:#6f7b86}.bc-rule .no li{color:#7a8590}.bc-rule .no li::before{content:"—";position:absolute;left:2px;color:#9aa4ad}
.bc-next{list-style:none;padding:0;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:900px}
.bc-next li{padding:12px 22px;border-radius:999px;background:#FFFFFF;box-shadow:inset 0 0 0 1px rgba(230,177,130,.5);font-weight:700;color:#104A6E}
.bc-even{text-align:center;margin-top:30px!important;font-size:17px!important}.bc-even b{font-family:var(--serif-zh);font-size:22px;color:#B07A4E}
.bc-c{text-align:center;max-width:620px;margin:20px auto 0!important}
.bc-final{text-align:center;padding:120px 0}
.bc-final p{color:rgba(252,249,246,.85);font-size:16px;line-height:2;margin:0}
.bc-small{font-size:13.5px!important;color:rgba(252,249,246,.65)!important;margin-top:6px!important}
.bc-io{opacity:0;transform:translateY(16px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--k,0)*.08s)}
.bc-io.on{opacity:1;transform:none}
@media(max-width:900px){.bc-two,.bc-rule{grid-template-columns:1fr;gap:36px}.bc-qs{grid-template-columns:1fr}.bc-four{grid-template-columns:1fr 1fr}.bc-steps{grid-template-columns:1fr;text-align:left}.bc-steps::before{display:none}.bc-steps .ts{margin:0 0 10px}.bc-sec{padding:76px 0}.bc-hero .bc-in{padding:120px 0 90px}.bc-form,.bc-sheet{padding:30px 24px}}
@media(prefers-reduced-motion:reduce){.bc-io{opacity:1;transform:none}}
.bc-hero .bc-in{max-width:1000px}.bc-hero h1{font-size:clamp(32px,4vw,54px)}
.bc-hero .bc-in{padding-top:150px;padding-bottom:120px;padding-left:24px;padding-right:24px}
@media(max-width:900px){.bc-hero .bc-in{padding-top:110px;padding-bottom:80px}}
/* 23:50 價值區 → 流星 → 核心服務 距離收窄（Andrea 22:46） */
.v15-val{padding-bottom:0!important}
.f-svcs.v16 .drop{height:96px}
.f-svcs.v16 .land{margin-bottom:14px}
.f-svcs.v16 .sx-head{margin-bottom:40px}
.f-svcs.sx.v16{background:linear-gradient(180deg,#F8F2EA 0,#F8F2EA 30px,#FFFFFF 240px,#FFFFFF 100%)}
@keyframes lightFall{0%{top:-90px;opacity:0}12%{opacity:.9}60%{top:20px;opacity:.9}70%{top:30px;opacity:0}100%{top:30px;opacity:0}}
/* 23:55 品牌健檢頁少用拱門（Andrea 22:47）：問題卡、價格卡改圓角卡，頂端一條金細線 */
.bc-qs li{border-radius:18px;padding:34px 30px 30px;text-align:left;box-shadow:inset 0 0 0 1px rgba(230,177,130,.3),inset 0 2px 0 #E6B182}
.bc-qs li:hover{box-shadow:inset 0 0 0 1px rgba(230,177,130,.6),inset 0 2px 0 #E6B182,0 24px 40px -30px rgba(176,122,78,.6)}
.bc-card{border-radius:22px;padding:56px 46px 50px;box-shadow:inset 0 0 0 1px rgba(230,177,130,.45),inset 0 2px 0 #E6B182,0 30px 60px -40px rgba(176,122,78,.6)}
/* ═══ 23:20 全站 icon 換成 S8／S9 確認版（VI 元件庫 01_icon） ═══ */
:is(.vic,.gx .g-qi,.gx .g-sc .h svg,.px-roles .orb svg){overflow:visible}
:is(.vic,.gx .g-qi,.gx .g-sc .h svg,.px-roles .orb svg) .chip{fill:rgba(230,177,130,.18)!important;stroke:none!important;transition:fill .5s}
:is(.vic,.gx .g-qi,.gx .g-sc .h svg,.px-roles .orb svg) :is(.l,.t){fill:none!important;stroke:#104A6E!important;stroke-width:2.2px!important;stroke-linecap:round;stroke-linejoin:round;vector-effect:none}
:is(.vic,.gx .g-qi,.gx .g-sc .h svg,.px-roles .orb svg) .g{fill:#E6B182!important;stroke:#E6B182!important;stroke-width:2.2px!important;stroke-linecap:round;stroke-linejoin:round}
/* 深藍區塊＝S9 深底用（同導覽列下拉） */
.navy-s :is(.vic,.gx .g-qi,.gx .g-sc .h svg,.px-roles .orb svg) .chip{fill:rgba(230,177,130,.14)!important}
.navy-s :is(.vic,.gx .g-qi,.gx .g-sc .h svg,.px-roles .orb svg) :is(.l,.t){stroke:#FCF9F6!important}
/* hover 圓底加深 */
:is(li,.yes-sys):hover :is(.vic,.g-qi,.orb svg) .chip{fill:rgba(230,177,130,.3)!important}
.navy-s .yes-sys:hover :is(.vic,.gx .g-qi,.gx .g-sc .h svg,.px-roles .orb svg) .chip{fill:rgba(230,177,130,.24)!important}
/* 尺寸 */
.v15-val .f-ic3.s8w{width:76px;height:76px;padding:0;background:none!important;box-shadow:none!important;animation:none!important}
.v15-val .f-ic3.s8w svg{width:76px;height:76px}
.gx .g-six .g-qi{width:46px;height:46px;top:18px}
.gx .g-sc .h svg{width:34px;height:34px}
.px-roles .orb{background:none!important;box-shadow:none!important}
.px-roles .orb svg{width:68px;height:68px}
.yes-sys svg.vic{width:44px;height:44px;margin-top:-6px}
.bc-four .vic{width:72px;height:72px}
/* ═══ 23:25 icon 小修（Andrea 23:19 同意） ═══ */
/* 1 設計範疇放大；小尺寸不畫手繪小短線 */
.gx .g-sc .h svg{width:44px;height:44px}
:is(.gx .g-sc .h svg,.gx .g-qi,.yes-sys svg.vic) .t{display:none}
/* 2 AI 區放大 */
.yes-sys svg.vic{width:54px;height:54px;margin-top:-8px}
/* 3 六件事：拿掉 01–06 編號，icon 移到卡片左上當唯一記號 */
.gx .g-six li{display:flex;flex-direction:column}
.gx .g-six li .n{display:none}
.gx .g-six .g-qi{position:static;order:-1;width:52px;height:52px;margin:0 0 16px}
/* 4 圓的大小拉出層次：價值區最大、其他次之 */
.v15-val .f-ic3.s8w,.v15-val .f-ic3.s8w svg{width:88px;height:88px}
.px-roles .orb svg{width:58px;height:58px}
.bc-four .vic{width:60px;height:60px}
/* ═══ 23:50 手繪箭頭（Andrea 確認 2.4 版）：連結／轉化／往下／流程 ═══ */
.ha{fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;overflow:visible;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
/* 顏色：淺底用深一階的金 #C99566（字旁邊看得清楚），深底用 VI 金 #E6B182 */
.ha{stroke:#C99566}
:is(.navy-s,.mega,.he-stage,.ai2-vs) .ha{stroke:#E6B182}
.ha-link{width:22px;height:14px;vertical-align:-1px}
.txt-link .ha-link{margin-left:6px}
.txt-link:hover .ha-link,.he-pill:hover .ha-link,.pill:hover .ha-link{transform:translateX(4px)}
.hdi{display:inline-flex}
/* AI 區：拿掉圓圈，換成轉化箭頭 */
.ai2-arrow.hd{background:none!important;border:0!important;width:44px!important;height:22px!important;border-radius:0!important}
.ha-turn{width:44px;height:22px}
.ai2-row:hover .ha-turn{transform:translateX(4px)}
/* 分頁往下箭頭 */
.f-svcs.v16 .sx-tb .chev.ha-down{width:20px;height:12px;stroke:#C9A27E;stroke-width:2.4;opacity:.7}
.f-svcs.v16 .sx-tb.on .chev.ha-down{stroke:var(--star);opacity:1}
/* 23:58 合作頁：品牌健檢選項加一句說明 */
.ct-opt.ct-bc{flex-wrap:wrap}
.ct-opt.ct-bc .ct-bc-d{flex-basis:100%;margin-top:8px;font-size:13.5px;line-height:1.75;color:#6f7b86;font-weight:400}
/* ═══ 00:05 品牌健檢 × Andrea（三款切換比較；回到品牌健檢） ═══ */
.bc-start{position:absolute;top:-30px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:3px 12px;border-radius:999px;background:#104A6E;color:#FCF9F6;font-size:11.5px;letter-spacing:.12em;font-weight:700}
.f-svcs.v16 .sx-tb[data-i="0"]{overflow:visible}
#sv-01,#andrea{scroll-margin-top:90px}
.bc-andrea{display:none}
.f-svcs[data-bc="1"] .bc-andrea.v1,.f-svcs[data-bc="2"] .bc-andrea.v2,.f-svcs[data-bc="3"] .bc-andrea.v3{display:flex}
.bc-andrea img{border-radius:50%;object-fit:cover;object-position:50% 20%;flex:none;box-shadow:0 0 0 3px #FFFFFF,0 0 0 4px rgba(230,177,130,.7)}
.bc-andrea .st2{font-size:13px;color:#6f7b86}.bc-andrea .st2 em{font-style:normal;font-family:var(--serif-en);font-weight:700;color:#B07A4E;margin-right:8px;font-size:14.5px;letter-spacing:.04em}
.bc-andrea .meet{flex:none;font-size:13.5px;font-weight:700;color:#104A6E;text-decoration:none;border-bottom:1px solid #E6B182;padding-bottom:2px}
.bc-andrea .meet i{font-style:normal;color:#C99566;display:inline-block;transition:transform .4s}.bc-andrea .meet:hover i{transform:translateY(3px)}
/* 1 膠囊小卡 */
.bc-andrea.v1{align-items:center;gap:18px;max-width:640px;margin:6px auto 38px;padding:16px 22px;border-radius:999px;background:#FFFFFF;box-shadow:inset 0 0 0 1px rgba(230,177,130,.5),0 18px 40px -30px rgba(16,74,110,.4)}
.bc-andrea.v1 img{width:64px;height:64px}
.bc-andrea.v1 .who{display:flex;flex-direction:column;gap:3px;flex:1}
.bc-andrea.v1 b{font-family:var(--serif-zh);color:#104A6E;font-size:16.5px}
/* 2 引言式 */
.bc-andrea.v2{flex-direction:column;align-items:center;text-align:center;max-width:620px;margin:4px auto 40px}
.bc-andrea.v2 .q{font-family:var(--serif-zh);font-size:clamp(19px,1.8vw,23px);line-height:1.7;color:#104A6E;margin:0 0 18px}
.bc-andrea.v2 .sig{display:flex;align-items:center;gap:14px;text-align:left}
.bc-andrea.v2 img{width:52px;height:52px}
.bc-andrea.v2 .sig b{display:block;font-family:var(--serif-en);font-size:17px;color:#104A6E}
.bc-andrea.v2 .sig small{display:block;font-size:12.5px;color:#8a96a0}
.bc-andrea.v2 .meet{margin-left:14px}
/* 3 左右排 */
@media(min-width:900px){
.f-svcs[data-bc="3"] #sv-01.on{display:grid;grid-template-columns:minmax(0,1fr) 280px;column-gap:56px;max-width:1040px}
.f-svcs[data-bc="3"] #sv-01>*{grid-column:1}
.f-svcs[data-bc="3"] #sv-01>.sx-eb,.f-svcs[data-bc="3"] #sv-01>h3,.f-svcs[data-bc="3"] #sv-01>.sx-d{grid-column:1/-1}
.f-svcs[data-bc="3"] #sv-01>.bc-andrea.v3{grid-column:2;grid-row:4/span 6;align-self:start}}
.bc-andrea.v3{flex-direction:column;align-items:center;text-align:center;gap:6px;padding:30px 26px 26px;border-radius:22px;background:#FFFFFF;box-shadow:inset 0 0 0 1px rgba(230,177,130,.45),inset 0 2px 0 #E6B182,0 24px 50px -36px rgba(16,74,110,.45);margin-bottom:30px}
.bc-andrea.v3 img{width:96px;height:96px;margin-bottom:10px}
.bc-andrea.v3 .t{font-family:var(--serif-zh);font-weight:700;color:#104A6E;font-size:17px;margin:0}
.bc-andrea.v3 .role{font-family:var(--serif-en);font-size:13px;letter-spacing:.08em;color:#B07A4E;margin:0 0 10px}
.bc-andrea.v3 .st2{display:block;padding:8px 0;border-top:1px solid rgba(16,74,110,.08);width:100%}
.bc-andrea.v3 .st2 em{display:block;margin:0 0 2px;font-size:18px}
.bc-andrea.v3 .meet{margin-top:12px}
/* Profile 回連 */
.lw-bc{margin-top:26px!important;font-size:15px;color:rgba(252,249,246,.85)}
.lw-bc a{margin-left:10px;color:#E6B182;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(230,177,130,.6)}
/* 回到品牌健檢（只在從小卡點過來、正在看 Profile 時出現） */
.bc-back{position:fixed;left:50%;bottom:28px;z-index:60;display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border-radius:999px;background:#FCF9F6;color:#104A6E;font-weight:700;font-size:14.5px;text-decoration:none;box-shadow:0 14px 34px -14px rgba(0,0,0,.45),inset 0 0 0 1px rgba(230,177,130,.6);opacity:0;pointer-events:none;transform:translate(-50%,16px);transition:opacity .5s,transform .5s cubic-bezier(.2,.7,.2,1)}
.bc-back.on{opacity:1;pointer-events:auto;transform:translate(-50%,0)}
.bc-back i{font-style:normal;color:#C99566;font-size:16px}
/* 小樣切換（骨架標註；隱藏標註時一起隱藏） */
.bc-sw{position:fixed;right:20px;bottom:110px;z-index:70;display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:14px;background:#0A3350;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.bc-sw span{font-size:11.5px;color:#E6B182;letter-spacing:.08em;margin-bottom:2px}
.bc-sw button{all:unset;cursor:pointer;padding:6px 12px;border-radius:999px;color:#FCF9F6;font-size:13px}
.bc-sw button.on{background:#E6B182;color:#0A3350;font-weight:700}
body.clean .bc-sw{display:none}
@media(max-width:900px){.bc-andrea.v1{border-radius:22px;flex-wrap:wrap}.bc-andrea.v1 .meet{flex-basis:100%;text-align:right}.bc-sw{display:none}}
/* ═══ 00:15 全站數字字型改清楚簡單（Andrea 00:03）：數字一律用 Inter，等高數字，不用 Cormorant 的舊式數字 ═══ */
:root{--num:"Inter","Noto Sans TC",system-ui,sans-serif}
.lw-bd .cnt,.bc-andrea .st2 em,.bc-card .amt,.gx .g-six .n,.g-no,.ky-no,.st-L,.sp-L{font-family:var(--num)!important;font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"lnum" 1,"tnum" 1;letter-spacing:-.01em}
.lw-bd .cnt{font-weight:600;font-size:22px}
.bc-andrea .st2 em{font-weight:700;font-size:13.5px;letter-spacing:.04em}
.bc-card .amt{font-weight:600;font-size:46px!important;letter-spacing:-.02em}
.g-no{font-weight:600}
/* 00:18 價值區、AI 區 icon 縮小（Andrea 00:04） */
.v15-val .f-ic3.s8w,.v15-val .f-ic3.s8w svg{width:68px;height:68px}
.yes-sys svg.vic{width:42px;height:42px;margin-top:-4px}
@media(max-width:760px){.yes-sys svg.vic{width:36px;height:36px}.v15-val .f-ic3.s8w,.v15-val .f-ic3.s8w svg{width:60px;height:60px}}
/* ═══ 00:45 首頁下半部：精選作品（問題為主）＋ Media ═══ */
.pw .f-small{margin-top:-6px}
.pw-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px}
.pw-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.pw-card:hover{transform:translateY(-6px)}
.pw-img{position:relative;aspect-ratio:4/3;border-radius:16px;overflow:hidden;margin-bottom:22px;background:#F4EEE7}
.pw-img img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.pw-card:hover .pw-img img{transform:scale(1.05)}
.pw-img .mock{position:absolute;left:10px;bottom:10px;font-size:11px;padding:3px 8px;border-radius:6px;background:rgba(10,51,80,.75);color:#FCF9F6}
.pw-k{margin:0 0 6px;font-size:12px;letter-spacing:.2em;font-weight:700;color:#B07A4E}
.pw-k.sol{margin-top:14px;color:#8a96a0}
.pw-prob{margin:0;font-family:var(--serif-zh);font-size:20px;line-height:1.5;color:#104A6E;font-weight:700}
.pw-sol{margin:0;font-size:14.5px;line-height:1.8;color:#3A4652}
.pw-name{margin:18px 0 0;padding-top:14px;border-top:1px solid rgba(16,74,110,.1);display:flex;justify-content:space-between;gap:10px;align-items:baseline;font-size:13px}
.pw-name b{color:#104A6E;font-size:14.5px}.pw-name span{color:#8a96a0}
.f-media{padding:110px 0;background:#FCF9F6}
.md-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:46px;margin-top:40px}
.md-h{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-weight:700;color:#104A6E;font-size:16px}
.md-h small{color:#8a96a0;font-weight:400;font-size:13px}
.md-h .txt-link{margin-left:auto;font-size:13.5px;font-weight:600}
.md-ic{display:inline-flex;width:30px;height:30px;border-radius:50%;background:rgba(230,177,130,.18);align-items:center;justify-content:center}
.md-ic svg{width:16px;height:16px;fill:#104A6E}
.md-igs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.md-ig{display:block;aspect-ratio:1;border-radius:10px;overflow:hidden;background:#F4EEE7}
.md-ig img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s}
.md-ig:hover img{transform:scale(1.06);filter:brightness(1.05)}
.md-ths{display:flex;flex-direction:column;gap:12px}
.md-th{display:block;padding:18px 20px;border-radius:16px;background:#FFFFFF;box-shadow:inset 0 0 0 1px rgba(16,74,110,.08);text-decoration:none;color:inherit;transition:box-shadow .5s,transform .5s}
.md-th:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px rgba(230,177,130,.6),0 16px 30px -24px rgba(16,74,110,.4)}
.md-who{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:13px}
.md-who .av{width:26px;height:26px;border-radius:50%;background:#104A6E;color:#FCF9F6;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}
.md-who b{color:#104A6E}.md-who small{color:#8a96a0}
.md-tx{margin:0;font-size:15px;line-height:1.75;color:#2c3a46}
.md-meta{margin:10px 0 0;font-size:12px;color:#B07A4E;letter-spacing:.08em}
@media(max-width:900px){.pw-grid,.md-grid{grid-template-columns:1fr}.f-media{padding:76px 0}}
/* ═══ 00:55 品牌設計 v2.1 ═══ */
.gx .g-pain{text-align:center;margin:0 0 10px;font-family:var(--serif-zh);font-size:clamp(16px,1.5vw,19px);color:#B07A4E;letter-spacing:.04em}
.gx .g-vsh{text-align:center;margin:70px auto 26px}
.gx .g-sc .cols a{text-decoration:none}
.gx .g-end{margin:60px auto 0;max-width:760px;text-align:center;display:flex;flex-direction:column;gap:18px;align-items:center}
.gx .g-endw{font-weight:700;color:#104A6E;text-decoration:none;border-bottom:1px solid #E6B182;padding-bottom:3px}
.gx .g-endc{margin:0;padding:22px 30px;border-radius:18px;background:#FCF9F6;box-shadow:inset 0 0 0 1px rgba(230,177,130,.45);font-size:15px;line-height:1.9;color:#3A4652}
.gx .g-endc a{display:inline-block;margin-left:10px;font-weight:700;color:#104A6E;text-decoration:none;border-bottom:1px solid #E6B182}
/* ═══ 01:10 核心服務四格：動畫＋hover ═══ */
/* 品牌健檢動畫：問題散落 → 金光掃過 → 排出優先順序（10 秒循環） */
.bc-scn{max-width:560px;margin:4px auto 34px}
.bc-st{position:relative;height:236px;border-radius:20px;background:linear-gradient(180deg,#FCF9F6,#FFFFFF);box-shadow:inset 0 0 0 1px rgba(230,177,130,.35);overflow:hidden}
.bc-st .ck{position:absolute;left:0;top:0;width:110px;padding:9px 0;text-align:center;border-radius:12px;background:#FFFFFF;box-shadow:0 8px 20px -14px rgba(16,74,110,.5),inset 0 0 0 1px rgba(16,74,110,.12);font-size:14px;font-weight:700;color:#104A6E;animation:bcChip 10s cubic-bezier(.4,.1,.2,1) infinite;animation-delay:calc(var(--k)*.04s)}
@keyframes bcChip{
0%,8%{transform:translate(var(--x0),var(--y0)) rotate(var(--r0));opacity:0}
14%,38%{transform:translate(var(--x0),var(--y0)) rotate(var(--r0));opacity:.85}
56%,90%{transform:translate(var(--x1),var(--y1)) rotate(0);opacity:1}
97%,100%{transform:translate(var(--x1),var(--y1)) rotate(0);opacity:0}}
.bc-st .ck.t1{animation-name:bcChip1}
@keyframes bcChip1{
0%,8%{transform:translate(var(--x0),var(--y0)) rotate(var(--r0));opacity:0;box-shadow:0 8px 20px -14px rgba(16,74,110,.5),inset 0 0 0 1px rgba(16,74,110,.12)}
14%,38%{transform:translate(var(--x0),var(--y0)) rotate(var(--r0));opacity:.85}
56%,90%{transform:translate(var(--x1),var(--y1)) rotate(0);opacity:1;background:#FFF8EF;box-shadow:0 10px 24px -12px rgba(230,177,130,.9),inset 0 0 0 1.5px #E6B182}
97%,100%{transform:translate(var(--x1),var(--y1)) rotate(0);opacity:0}}
.bc-st .ck.t3{animation-name:bcChip3}
@keyframes bcChip3{
0%,8%{transform:translate(var(--x0),var(--y0)) rotate(var(--r0));opacity:0}
14%,38%{transform:translate(var(--x0),var(--y0)) rotate(var(--r0));opacity:.85}
56%,90%{transform:translate(var(--x1),var(--y1)) rotate(0);opacity:.45}
97%,100%{transform:translate(var(--x1),var(--y1)) rotate(0);opacity:0}}
.bc-st .tl{position:absolute;left:28px;font-size:12.5px;font-weight:700;letter-spacing:.08em;color:#B07A4E;opacity:0;animation:bcTier 10s ease infinite}
.bc-st .tl.l2{color:#6f7b86}.bc-st .tl.l3{color:#9aa4ad}
@keyframes bcTier{0%,52%{opacity:0;transform:translateX(-8px)}60%,90%{opacity:1;transform:none}97%,100%{opacity:0}}
.bc-st .scan{position:absolute;top:0;bottom:0;width:2px;left:-10px;background:linear-gradient(transparent,#E6B182 30%,#E6B182 70%,transparent);box-shadow:0 0 18px 6px rgba(230,177,130,.45);opacity:0;animation:bcScan 10s cubic-bezier(.5,0,.5,1) infinite}
@keyframes bcScan{0%,36%{left:-10px;opacity:0}38%{opacity:1}52%{left:570px;opacity:1}53%,100%{left:570px;opacity:0}}
.bc-st .q{position:absolute;left:260px;top:96px;font-style:normal;font-family:var(--serif-en);font-size:34px;font-weight:700;color:rgba(16,74,110,.18);animation:bcQ 10s ease infinite}
.bc-st .q2{left:380px;top:20px;font-size:24px}
@keyframes bcQ{0%,10%{opacity:0}18%,34%{opacity:1}42%,100%{opacity:0}}
.bc-cap{margin:12px 0 0;text-align:center;font-size:13px;color:#8a96a0;letter-spacing:.04em}
@media(prefers-reduced-motion:reduce){.bc-st *{animation:none!important}.bc-st .ck{transform:translate(var(--x1),var(--y1));opacity:1}.bc-st .tl{opacity:1}}
@media(max-width:600px){.bc-st{transform:scale(.62);transform-origin:left top;width:560px;margin-bottom:-90px}}
/* AI 情境動畫 */
.sx-scene.ai-scn{max-width:620px;margin:6px auto 40px}
/* hover：四格的「你會得到」列表，整列微亮、星星轉一下 */
.f-svcs .sx-pb li,.gx .g-get li,.px-get li{transition:background .5s ease,transform .5s cubic-bezier(.2,.7,.2,1)}
.f-svcs .sx-pb li:hover,.gx .g-get li:hover,.px-get li:hover{background:linear-gradient(90deg,rgba(230,177,130,.12),rgba(230,177,130,0) 80%);transform:translateX(4px)}
.f-svcs .sx-pb li::before{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.f-svcs .sx-pb li:hover::before{transform:rotate(90deg) scale(1.25)}
/* hover：SIPM 四步、範疇項目 */
.gx .g-sp ol li{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.gx .g-sp ol li:hover{transform:translateY(-4px)}
.gx .g-sc .cols li a{display:block;transition:background .4s,padding .4s}
.gx .g-sc .cols li a:hover{background:rgba(230,177,130,.08);padding-left:8px}
/* 01:20 四個服務標題統一：大小一致、都逐字浮現 */
.gx .g-t.bx-t{font-size:40px;margin-bottom:18px}
@media(max-width:760px){.gx .g-t.bx-t{font-size:inherit}}
/* ═══ 01:15 AI 品牌系統分頁（GPT v2.0 首頁版＋SMART 光軌） ═══ */
#sv-03 .ai-sys{text-align:center;max-width:680px;margin:0 auto 6px;font-size:15.5px;line-height:1.95;color:#3A4652}
#sv-03 .ai-sys b{color:#104A6E}
#sv-03 .ai-smart .g-sp{margin:30px 0 56px}
#sv-03 .ai-smart .g-sp ol{grid-template-columns:repeat(5,1fr);gap:16px}
#sv-03 .ai-smart .g-sp .L{font-size:34px}
#sv-03 .ai-smart .g-sp li b{font-size:16px}
@media(max-width:900px){#sv-03 .ai-smart .g-sp ol{grid-template-columns:1fr 1fr}}
#sv-03 .ai-proof{display:flex;flex-direction:column;align-items:center;gap:4px;max-width:640px;margin:34px auto 6px;padding:20px 26px;border-radius:18px;background:linear-gradient(135deg,rgba(204,221,230,.35),rgba(252,249,246,.6));box-shadow:inset 0 0 0 1px rgba(122,170,214,.35);text-align:center}
#sv-03 .ai-proof b{font-family:var(--serif-zh);font-size:17px;color:#104A6E}
#sv-03 .ai-proof span:not(.tg){font-size:14px;color:#3A4652}
/* 01:24 核心服務標題：不再逐字由左到右，改成整行一起輕輕浮上來 */
.sx-pn .bx-t span{transform:translateY(18px);filter:none;transition:opacity .9s ease,transform 1.1s cubic-bezier(.16,.84,.24,1);transition-delay:0s}
.sx-pn .bx-t.on span{transform:none}
/* 01:25 四格最後的行動列：主按鈕＋次要連結 */
.sx-act{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:34px;padding-top:26px;border-top:1px solid rgba(16,74,110,.1)}
.sx-act .txt-link{margin:0}
.sx-act>*{margin:0!important}.sx-act .sx-go{gap:10px}
/* 01:37 右上角「與我們合作」：第 1 款 細金框膠囊・流光（取代金色方塊） */
.nav-cta{position:relative;display:inline-flex;align-items:center;gap:10px;height:42px;padding:0 24px;border-radius:99px;color:var(--ivory);font-size:14.5px;font-weight:500;letter-spacing:.12em;white-space:nowrap;transition:background .5s cubic-bezier(.16,.84,.24,1)}
.nav-cta .ring{position:absolute;inset:0;border-radius:inherit;padding:1px;background:conic-gradient(from var(--na,0deg),rgba(230,177,130,.35) 0 70%,#FFE3C4 80%,rgba(230,177,130,.35) 90%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:navspin 5s linear infinite;pointer-events:none}
@property --na{syntax:"";inherits:false;initial-value:0deg}@keyframes navspin{to{--na:360deg}}
.nav-cta .st{display:inline-block;width:12px;height:12px;transition:transform .7s cubic-bezier(.16,.84,.24,1)}.nav-cta .st svg{display:block;width:100%;height:100%;fill:var(--gold)}
.nav-cta:hover{background:rgba(230,177,130,.14)}.nav-cta:hover .st{transform:rotate(90deg) scale(1.15)}
@media(prefers-reduced-motion:reduce){.nav-cta .ring{animation:none}}
/* 01:37 AI 分頁 SMART 五步：C 款 直式時間軸 */
#sv-03 .ai-smc{margin:34px 0 56px}
#sv-03 .ai-smc .kk{margin:0 0 6px;font-family:var(--serif);font-weight:700;font-size:22px;color:var(--navy);letter-spacing:.04em}
#sv-03 .ai-smc .ld{margin:0 0 26px;font-size:15px;line-height:1.9;color:#3A4652}
#sv-03 .ai-smc .ch,#sv-03 .ai-smc .row{display:grid;grid-template-columns:190px 1fr 1fr;gap:24px}
#sv-03 .ai-smc .ch{padding-bottom:10px;border-bottom:1px solid rgba(16,74,110,.2);font-size:12px;letter-spacing:.2em;color:#B98E69;font-weight:700}
#sv-03 .ai-smc .row{position:relative;padding:20px 0;border-bottom:1px solid rgba(16,74,110,.1);transition:background .4s}
#sv-03 .ai-smc .row::before{content:"";position:absolute;left:27px;top:0;bottom:0;width:1px;background:linear-gradient(#E6B182,rgba(230,177,130,.2))}
#sv-03 .ai-smc .row:nth-child(2)::before{top:28px}#sv-03 .ai-smc .row:last-child::before{bottom:calc(100% - 28px)}
#sv-03 .ai-smc .s{display:flex;align-items:center;gap:12px}
#sv-03 .ai-smc .no{position:relative;z-index:1;flex:none;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#FCF9F6;border:1px solid rgba(230,177,130,.85);font-family:var(--num);font-weight:600;font-size:18px;color:var(--navy);transition:background .4s,color .4s}
#sv-03 .ai-smc .L{font-family:"Cormorant Garamond",serif;font-weight:700;font-size:32px;line-height:1;color:#B98E69}#sv-03 .ai-smc .s small{font-size:14px;color:#9a8a7a;letter-spacing:.06em}
#sv-03 .ai-smc .w b{display:block;font-family:var(--serif);font-size:18px;color:var(--navy);margin-bottom:4px}#sv-03 .ai-smc .w p,#sv-03 .ai-smc .g p{margin:0;font-size:14.5px;line-height:1.8}
#sv-03 .ai-smc .g p{color:#55606b}
#sv-03 .ai-smc .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}#sv-03 .ai-smc .chips span{font-size:12px;padding:3px 10px;border-radius:99px;background:rgba(230,177,130,.18);color:#8A6440;border:1px solid rgba(230,177,130,.45)}
#sv-03 .ai-smc .row:hover{background:rgba(230,177,130,.07)}#sv-03 .ai-smc .row:hover .no{background:var(--navy);color:#E6B182}
#sv-03 .ai-smc .row{opacity:0;transform:translateY(14px);transition:opacity .8s ease,transform .9s cubic-bezier(.16,.84,.24,1),background .4s;transition-delay:calc(var(--k)*.12s)}
#sv-03 .ai-smc.on .row{opacity:1;transform:none}
@media(max-width:860px){#sv-03 .ai-smc .ch{display:none}#sv-03 .ai-smc .row{grid-template-columns:1fr;gap:8px;padding-left:72px}#sv-03 .ai-smc .s{position:absolute;left:0;top:18px}#sv-03 .ai-smc .L,#sv-03 .ai-smc .s small{display:none}}
@media(prefers-reduced-motion:reduce){#sv-03 .ai-smc .row{opacity:1;transform:none}}
/* 01:41 「你會得到」帶狀區（品牌健檢、AI 共用）：置中、2×2、標題＋說明，比照品牌設計的份量 */
.getband{margin:50px auto 46px;max-width:820px;padding:34px 40px 30px;border-radius:22px;background:linear-gradient(180deg,rgba(22,90,133,.07),rgba(252,249,246,0));text-align:center}
.getband .gb-h{margin:0 0 20px;font-family:var(--serif-zh);font-weight:700;font-size:22px;color:var(--navy);letter-spacing:.08em}
.getband ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 40px;text-align:left}
.getband li{display:flex;gap:14px;align-items:flex-start;padding:16px 6px;border-bottom:1px solid var(--rule);opacity:0;transform:translateY(12px);transition:opacity .7s ease,transform .8s cubic-bezier(.16,.84,.24,1),background .5s;transition-delay:calc(var(--k)*.1s)}
.getband.on li{opacity:1;transform:none}
.getband .gb-st{flex:none;width:14px;height:14px;margin-top:6px;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.getband .gb-st svg{display:block;width:100%;height:100%;fill:var(--gold)}
.getband b{display:block;font-family:var(--serif-zh);font-weight:700;font-size:17.5px;line-height:1.55;color:var(--navy)}
.getband span{display:block;margin-top:4px;font-size:14px;line-height:1.75;color:#55606b}
.getband li:hover{background:linear-gradient(90deg,rgba(230,177,130,.12),rgba(230,177,130,0) 80%)}.getband li:hover .gb-st{transform:rotate(90deg) scale(1.25)}
@media(max-width:760px){.getband{padding:26px 18px}.getband ul{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.getband li{opacity:1;transform:none}}
/* 01:41 AI 分頁整篇重排：全部置中、一段一個重點 */
#sv-03 .ai-sys{max-width:640px;margin:44px auto 0;padding-top:26px;position:relative;font-family:var(--serif-zh);font-size:19px;font-weight:600;line-height:1.85;color:var(--navy);text-align:center}
#sv-03 .ai-sys::before{content:"";position:absolute;top:0;left:50%;width:48px;height:1px;margin-left:-24px;background:var(--gold)}
#sv-03 .ai-sys b{color:#B07A4E}
#sv-03 .ai-smc{max-width:880px;margin:60px auto 0}
#sv-03 .ai-smc .kk,#sv-03 .ai-smc .ld{text-align:center}
#sv-03 .ai-proof{position:relative;overflow:hidden;max-width:820px;margin:10px auto 0;padding:40px 40px 38px;border:0;border-radius:22px;background:radial-gradient(60% 120% at 50% 0%,rgba(230,177,130,.32),rgba(230,177,130,0) 60%),linear-gradient(135deg,#0B3A58,#104A6E 60%,#165A85);color:var(--ivory);text-align:center;box-shadow:0 24px 50px -30px rgba(16,74,110,.6)}
#sv-03 .ai-proof::before{content:"";display:block;width:18px;height:18px;margin:0 auto 14px;background:var(--gold);clip-path:path("M9 0C9.6 6.5 11.5 8.4 18 9C11.5 9.6 9.6 11.5 9 18C8.4 11.5 6.5 9.6 0 9C6.5 8.4 8.4 6.5 9 0Z")}
#sv-03 .ai-proof b{display:block;font-family:var(--serif-zh);font-size:22px;line-height:1.6;color:var(--ivory);letter-spacing:.04em}
#sv-03 .ai-proof span{display:block;margin-top:8px;font-size:14.5px;color:rgba(252,249,246,.78)}
/* 四格最後的行動列都置中 */
.sx-act{justify-content:center;max-width:820px;margin-left:auto;margin-right:auto}
#sv-03 .ai-proof span,#sv-03 .ai-proof>span{color:rgba(252,249,246,.8)!important}
#sv-03 .ai-proof b{color:var(--ivory)!important}
#sv-03 .ai-smc{max-width:780px}
/* 01:41 生產整合下半部也收進中間（原本貼齊左邊） */
#sv-04 .cx-two,#sv-04 .px-get,#sv-04 .sx-promise,#sv-04 .sx-alt,#sv-04 .sx-k{max-width:820px;margin-left:auto!important;margin-right:auto!important}
#sv-04 .sx-promise{justify-content:center}
#sv-04 .sx-alt{text-align:center}
/* 01:46 健檢「你會得到」維持原本條列，只把整塊收進中間，不再貼齊左邊 */
#sv-01 .sx-k,#sv-01 .sx-pb.two{max-width:760px;margin-left:auto;margin-right:auto}
/* 01:47 AI「你會得到」：不用色塊，條列加重——置中襯線標題、標題字放大成襯線、兩欄對齊，收在中間 */
#sv-03 .sx-k,#sv-03 .sx-pb.two{max-width:760px;margin-left:auto;margin-right:auto}
#sv-03 .sx-k{margin-top:64px;margin-bottom:14px;text-align:center;font-family:var(--serif-zh);font-size:22px;letter-spacing:.08em;color:var(--navy)}
#sv-03 .sx-pb.two{border-top:1px solid rgba(16,74,110,.18)}
#sv-03 .sx-pb.two li{grid-template-columns:300px 1fr;align-items:baseline;padding:18px 0 18px 30px}
#sv-03 .sx-pb.two li::before{top:24px}
#sv-03 .sx-pb.two li b{font-family:var(--serif-zh);font-size:17.5px;line-height:1.6}
#sv-03 .sx-pb.two li span{font-size:14.5px;color:#55606b}
@media(max-width:760px){#sv-03 .sx-pb.two li{grid-template-columns:1fr}}
#sv-03 .sx-pb.two li::before{background:#E6B182}
#sv-03 .ai-proof{margin-top:56px}
/* 01:53 AI 分頁：實證改成引言（A 款），最後是深藍行動帶（C 款） */
#sv-03 .ai-qt{max-width:640px;margin:70px auto 0;padding:0;text-align:center}
#sv-03 .ai-qt .ln{display:block;height:1px;background:linear-gradient(90deg,transparent,#E6B182,transparent)}
#sv-03 .ai-qt .q{margin:28px 0 8px;font-family:var(--serif-zh);font-size:24px;font-weight:700;line-height:1.6;color:var(--navy)}
#sv-03 .ai-qt .qs{margin:0 0 28px;font-size:15px;color:#55606b}
#sv-03 .ai-band{margin:70px 0 0;padding:46px 30px 52px;text-align:center;border-radius:22px;background:radial-gradient(60% 120% at 50% 0%,rgba(230,177,130,.28),rgba(230,177,130,0) 60%),linear-gradient(135deg,#0B3A58,#104A6E);box-shadow:0 30px 60px -40px rgba(16,74,110,.8)}
#sv-03 .ai-band .bt{margin:0;font-family:var(--serif-zh);font-size:24px;font-weight:700;color:var(--ivory)}
#sv-03 .ai-band .ba{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px 28px;margin-top:24px}
.btn-gold{display:inline-flex;align-items:center;gap:12px;height:50px;padding:0 30px;border-radius:99px;background:linear-gradient(120deg,#EFC9A5,#E6B182 50%,#D9A272);color:var(--navy);font-weight:700;font-size:15.5px;letter-spacing:.1em;box-shadow:0 14px 30px -14px rgba(201,149,102,.9);transition:transform .5s cubic-bezier(.16,.84,.24,1),box-shadow .5s}
.btn-gold i{font-style:normal;transition:transform .5s cubic-bezier(.16,.84,.24,1)}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 18px 34px -12px rgba(230,177,130,.95)}.btn-gold:hover i{transform:translateX(4px)}
#sv-03 .ai-band .bl{color:var(--ivory);font-size:15px;border-bottom:1px solid #E6B182;padding-bottom:4px}
.btn-gold i,.btn-gold span{color:var(--navy)!important;opacity:1!important}
/* 01:56 橘黃按鈕改成跟站上白色按鈕同一種行為：平常實心＋白字，滑過變透明、只剩框線 */
.btn-gold{background:linear-gradient(120deg,#D9A272,#C99566);border:1px solid #C99566;color:#fff!important;box-shadow:0 12px 26px -14px rgba(185,130,85,.9);transition:background .4s,color .4s,box-shadow .4s,transform .5s cubic-bezier(.16,.84,.24,1)}
.btn-gold span,.btn-gold i{color:#fff!important}
.btn-gold:hover{background:transparent;box-shadow:none;transform:none}
.btn-gold:hover span,.btn-gold:hover i{color:#B07A4E!important}
#sv-03 .ai-act{margin-top:56px}
/* 01:56 健檢「你會得到」跟中心對齊：標題置中、整塊置中 */
#sv-01 .sx-k{text-align:center;margin-top:46px;margin-bottom:14px;font-family:var(--serif-zh);font-size:22px;letter-spacing:.08em;color:var(--navy)}
#sv-01 .sx-pb.two{max-width:760px!important;margin-left:auto!important;margin-right:auto!important;border-top:1px solid rgba(16,74,110,.18)}
@media(min-width:761px){#sv-01 .sx-pb.two li{grid-template-columns:300px 1fr}}
/* 01:57 價值區（米色）和核心服務（全白）界線要清楚：漸層往上收，只在交界上方 70px 內完成，服務標題區已是全白 */
.f-svcs.sx.v16{background:linear-gradient(180deg,#F8F2EA 0,#FFFFFF 70px,#FFFFFF 100%)}
.btn-gold:hover .bga{color:#B07A4E!important}.btn-gold .bga{color:#fff!important}.btn-gold:hover .bga{color:#B07A4E!important}
/* 02:02 「你會得到」視覺置中：字維持靠左，但整塊寬度貼合文字後放正中間（不再固定 760px 寬讓右邊留空） */
#sv-01 .sx-pb.two,#sv-03 .sx-pb.two{width:fit-content;max-width:100%!important}
@media(min-width:761px){
#sv-01 .sx-pb.two li{grid-template-columns:260px auto;gap:36px}
#sv-03 .sx-pb.two li{grid-template-columns:290px auto;gap:36px}
#sv-01 .sx-pb.two li,#sv-03 .sx-pb.two li{padding-right:30px}
}
@media(min-width:761px){#sv-01 .sx-pb.two li{grid-template-columns:240px auto}}
/* 02:03 Andrea 數字卡 hover：輕輕浮起放大＋金邊微光＋星星轉一圈＋一道光掃過（不搖擺，保持穩重） */
.lw.in .lw-bd{position:relative;overflow:hidden;cursor:default;transition:opacity .8s calc(1.2s + var(--i)*.15s),transform .55s cubic-bezier(.16,.84,.24,1),box-shadow .55s,background .55s}
.lw.in .lw-bd::after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,244,230,.9),transparent);transform:skewX(-20deg);pointer-events:none}
.lw.in .lw-bd svg{transition:transform .8s cubic-bezier(.16,.84,.24,1)}
.lw.in .lw-bd:hover{transform:translateY(-6px) scale(1.03);background:#FFFDFA;box-shadow:0 0 0 1px rgba(230,177,130,.75),0 22px 40px -18px rgba(0,0,0,.55),0 0 26px -6px rgba(230,177,130,.55);transition-delay:0s}
.lw.in .lw-bd:hover::after{left:130%;transition:left .9s ease}
.lw.in .lw-bd:hover svg{transform:rotate(180deg) scale(1.2)}
@media(any-hover:none),(prefers-reduced-motion:reduce){.lw.in .lw-bd:hover{transform:none}.lw.in .lw-bd:hover::after{display:none}}
/* 02:04 卡通女生眨眼：閉眼疊圖每 5 秒閃一下（約 0.15 秒），偶爾連眨兩下 */
.bs-boss{display:block}.bs-boss img{display:block;width:100%;height:auto}
.bs-boss .blink{position:absolute;inset:0;opacity:0;animation:bossBlink 5.2s infinite}
@keyframes bossBlink{0%,90%{opacity:0}91.5%,93%{opacity:1}94.5%,100%{opacity:0}}
.bs-boss{animation:bossBob 6s ease-in-out infinite}@keyframes bossBob{50%{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.bs-boss .blink,.bs-boss{animation:none}}
/* 02:04 數字卡 hover 改柔：不再硬浮起＋掃光，改成輕輕彈起、微微側一點、星星閃一下，優雅帶一點可愛 */
.lw.in .lw-bd{transition:opacity .8s calc(1.2s + var(--i)*.15s),transform .7s cubic-bezier(.34,1.56,.64,1),box-shadow .7s ease,background .7s ease}
.lw.in .lw-bd::after{display:none}
.lw.in .lw-bd:nth-child(odd):hover{transform:translateY(-4px) rotate(-1deg) scale(1.02)}
.lw.in .lw-bd:nth-child(even):hover{transform:translateY(-4px) rotate(1deg) scale(1.02)}
.lw.in .lw-bd:hover{background:#FFFDFA;box-shadow:0 0 0 1px rgba(230,177,130,.45),0 18px 34px -18px rgba(0,0,0,.45);transition-delay:0s}
.lw.in .lw-bd:hover svg{transform:none;animation:lwTw .9s ease}
@keyframes lwTw{0%{transform:scale(1)}35%{transform:scale(1.45) rotate(20deg)}70%{transform:scale(.9)}100%{transform:scale(1)}}
/* Media 串接：影片貼文加播放符號 */
.md-ig{position:relative}.md-play{position:absolute;right:10px;top:10px;width:22px;height:22px;border-radius:50%;background:rgba(16,74,110,.55)}
.md-play::after{content:"";position:absolute;left:8px;top:6px;border-left:8px solid #FCF9F6;border-top:5px solid transparent;border-bottom:5px solid transparent}
/* 20:51 作品頁篩選膠囊：底線不再透出來；字不再貼邊 */
.filter .chip{position:relative;z-index:1;background:#FCF9F6!important;padding:0 24px;font-size:14px;line-height:1;min-width:auto}
.filter .chip.on{background:var(--navy)!important}
.filter .ln,.filter .seg{position:relative;z-index:0}
/* 20:53 作品頁篩選：兩排文字分頁 */
.wfilter{margin:40px 0 50px;border-top:1px solid rgba(16,74,110,.18);border-bottom:1px solid rgba(16,74,110,.18)}
.wf-row{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:20px;padding:4px 0}
.wf-row+.wf-row{border-top:1px solid rgba(16,74,110,.08)}
.wf-l{font-size:12px;letter-spacing:.24em;font-weight:700;color:#B07A4E}
.wf-ts{display:flex;flex-wrap:wrap;gap:0 34px}
.wf-t{position:relative;padding:16px 0;border:0;background:none;font:inherit;font-size:15px;letter-spacing:.04em;color:#6b7680;cursor:pointer;transition:color .4s}
.wf-t::after{content:"";position:absolute;left:0;right:0;bottom:8px;height:1.5px;background:#E6B182;transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.16,.84,.24,1)}
.wf-t:hover{color:#104A6E}.wf-t:hover::after{transform:scaleX(.4)}
.wf-t.on{color:#104A6E;font-weight:600}.wf-t.on::after{transform:scaleX(1)}
@media(max-width:760px){.wf-row{grid-template-columns:1fr;gap:0;padding:12px 0 2px}.wf-ts{flex-wrap:nowrap;overflow-x:auto;gap:0 24px;scrollbar-width:none}.wf-t{white-space:nowrap}}
/* 20:54 作品卡：方形封面＋滑過浮出資訊（深藍薄霧、金星、標題逐行浮上） */
.pcard.sq .im{position:relative;aspect-ratio:1/1;height:auto;overflow:hidden;border-radius:4px}
.pcard.sq .im img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.16,.84,.24,1),filter 1s}
.pc-ov{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 45%,rgba(16,74,110,.72),rgba(11,58,88,.9));opacity:0;transition:opacity .7s ease;color:#FCF9F6}
.pc-ov::before{content:"";position:absolute;inset:16px;border:1px solid rgba(230,177,130,.55);opacity:0;transform:scale(1.04);transition:opacity .8s .1s,transform 1s .1s cubic-bezier(.16,.84,.24,1)}
.pc-in{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 30px}
.pc-in>*{opacity:0;transform:translateY(14px);transition:opacity .6s,transform .8s cubic-bezier(.16,.84,.24,1)}
.pc-st{width:16px;height:16px;transition-delay:.05s}.pc-st svg{width:100%;height:100%;fill:#E6B182}
.pc-in b{font-family:var(--serif-zh);font-size:30px;font-weight:700;letter-spacing:.12em;transition-delay:.1s}
.pc-in em{font-style:normal;font-size:15px;letter-spacing:.14em;color:#E6B182;transition-delay:.16s}
.pc-in small{font-family:"Cormorant Garamond",serif;font-size:14px;letter-spacing:.24em;text-transform:uppercase;opacity:.8;transition-delay:.22s}
.pc-go{margin-top:14px;display:inline-flex;gap:10px;align-items:center;padding:9px 22px;border-radius:99px;border:1px solid rgba(230,177,130,.75);font-size:13.5px;letter-spacing:.14em;transition-delay:.28s}
.pc-go i{font-style:normal;color:#E6B182;transition:transform .5s}
.pcard.sq:hover .pc-ov{opacity:1}.pcard.sq:hover .pc-ov::before{opacity:1;transform:none}
.pcard.sq:hover .pc-in>*{opacity:1;transform:none}.pcard.sq:hover .pc-in small{opacity:.8}
.pcard.sq:hover .im img{transform:scale(1.06);filter:blur(1px)}.pcard.sq:hover .pc-go i{transform:translateX(5px)}
.pcard.sq .t1{margin-top:16px;font-family:var(--serif-zh);font-size:19px;font-weight:700;color:#104A6E}.pcard.sq .t2{margin-top:4px;font-size:13.5px;letter-spacing:.12em;color:#B07A4E}
@media(any-hover:none){.pc-ov{display:none}}
.pcard.sq:focus-visible .pc-ov{opacity:1}.pcard.sq:focus-visible .pc-ov::before{opacity:1;transform:none}.pcard.sq:focus-visible .pc-in>*{opacity:1;transform:none}
/* 21:00 作品卡 hover 改中性：不再用 SHINE.IN 深藍＋金星蓋在客戶作品上，改成墨色薄霧、白字、細線，讓作品本身的風格主導 */
.pc-ov{background:linear-gradient(180deg,rgba(24,22,20,.38),rgba(24,22,20,.68))!important;color:#fff}
.pc-ov::before{inset:18px;border-color:rgba(255,255,255,.35)}
.pc-st{display:none}
.pc-in{gap:10px}
.pc-in b{font-size:28px;letter-spacing:.16em}
.pc-in em{color:rgba(255,255,255,.88);font-size:14px;letter-spacing:.2em}
.pc-in small{display:none}
.pc-go{margin-top:18px;padding:0 0 6px;border:0;border-radius:0;border-bottom:1px solid rgba(255,255,255,.7);font-size:13px;letter-spacing:.24em}
.pc-go i{color:#fff}
.pcard.sq:hover .im img{filter:none;transform:scale(1.05)}
.pc-ov{background:linear-gradient(180deg,rgba(22,20,18,.58),rgba(22,20,18,.74))!important}.pc-in b,.pc-in em,.pc-go{text-shadow:0 1px 12px rgba(0,0,0,.35)}
/* ===== 10/11 12:29 作品頁（合作案例）定案 T3 ===== */
.wkp{background:var(--ivory)}
.wkp :where(button){all:unset;cursor:pointer;box-sizing:border-box}
.wkp-top{max-width:1320px;margin:0 auto;padding:84px 48px 54px;text-align:center}
.wkp-eb{display:flex;align-items:center;justify-content:center;gap:14px;font:600 12px/1 var(--serif-en);letter-spacing:.42em;color:#B07A4E;margin-bottom:44px}
.wkp-eb i{display:block;width:5px;height:5px;border-radius:50%;background:var(--gold)}
.wkp-eb span:last-child{font-family:var(--serif-zh);letter-spacing:.5em}
.wkp-bar{display:flex;justify-content:center}
.wkp-tabs{position:relative;display:flex;align-items:flex-end}
.wkp-tabs::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(16,74,110,.12)}
.wkp-t{position:relative;display:flex;flex-direction:column;align-items:center;padding:26px 22px 16px}
/* 英文：跟 CASE STUDIES 同一套字（Cormorant 600、寬字距大寫），只在選中或滑過時浮出 */
.wkp-t em{position:absolute;top:2px;left:50%;transform:translate(-50%,6px);white-space:nowrap;font:600 10.5px/1 var(--serif-en);font-style:normal;letter-spacing:.38em;text-transform:uppercase;color:#B07A4E;opacity:0;transition:all .45s cubic-bezier(.16,.84,.24,1);padding-left:.38em}
.wkp-t b{font:500 16px/1 var(--serif-zh);letter-spacing:.26em;color:#9a948d;transition:color .4s}
.wkp-t:hover em,.wkp-t.on em{opacity:1;transform:translate(-50%,0)}
.wkp-t:hover b{color:#104A6E}.wkp-t.on b{color:#104A6E;font-weight:600}
.wkp-line{position:absolute;bottom:0;height:1.5px;background:var(--gold);z-index:1;transition:left .55s cubic-bezier(.16,.84,.24,1),width .55s cubic-bezier(.16,.84,.24,1)}
.wkp-desc{margin:30px 0 0;display:flex;justify-content:center;align-items:center;gap:14px;font:400 13.5px/1.6 var(--serif-zh);letter-spacing:.16em;color:#7b8790;min-height:22px}
.wkp-desc .k{font:600 11px/1 var(--serif-en);letter-spacing:.32em;color:#B07A4E}
.wkp-desc .k::after{content:"";display:inline-block;width:18px;height:1px;background:rgba(176,122,78,.5);vertical-align:middle;margin-left:12px}
.wkp-desc .v{transition:opacity .25s,transform .25s}.wkp-desc.sw .v{opacity:0;transform:translateY(4px)}.wkp-desc.all .k{display:none}
.wkp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;max-width:1320px;margin:0 auto;padding:0 48px 120px;box-sizing:content-box}
.wkp-grid .pcard{width:auto!important;min-width:0;margin:0!important;padding:0!important;animation:wkpIn .7s cubic-bezier(.16,.84,.24,1) both;animation-delay:calc(var(--n,0) * 70ms)}
.wkp-grid .pcard .im{width:100%!important;height:auto!important}
.wkp-grid .hide{display:none!important}
@keyframes wkpIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.wkp-empty{text-align:center;color:#8a8580;padding:0 0 100px}
.wkp-ins{grid-column:span 2;display:none;position:relative;overflow:hidden;padding:44px 46px 40px;border-radius:4px;background:#104A6E;color:#FCF9F6;text-decoration:none;animation:wkpIn .7s cubic-bezier(.16,.84,.24,1) both}
.wkp-ins.show{display:flex;flex-direction:column}
.wkp-ins::after{content:"";position:absolute;right:-80px;top:-80px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(230,177,130,.28),transparent 70%)}
.wkp-ins-eb{display:flex;align-items:center;gap:12px;font:600 11px/1 var(--serif-en);letter-spacing:.4em;color:var(--gold)}
.wkp-ins-eb i{width:4px;height:4px;border-radius:50%;background:var(--gold)}
.wkp-ins-h{margin:26px 0 18px;font:600 30px/1.45 var(--serif-zh);letter-spacing:.08em}
.wkp-ins-m{font-size:13px;letter-spacing:.12em;color:rgba(252,249,246,.62)}
.wkp-ins-n{display:flex;gap:40px;margin:30px 0 32px;padding-top:24px;border-top:1px solid rgba(252,249,246,.16)}
.wkp-ins-n span{display:flex;flex-direction:column;gap:8px}.wkp-ins-n b{font:600 22px/1 var(--sans);color:#FCF9F6}.wkp-ins-n em{font-style:normal;font-size:12px;letter-spacing:.12em;color:rgba(252,249,246,.6)}
.wkp-ins-go{margin-top:auto;font-size:14px;letter-spacing:.14em;color:var(--gold)}.wkp-ins-go i{font-style:normal;display:inline-block;transition:transform .4s}.wkp-ins:hover .wkp-ins-go i{transform:translateX(6px)}
@media(max-width:1180px){.wkp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wkp-t{padding:26px 14px 16px}}
@media(max-width:900px){.wkp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.wkp-top{padding:52px 0 30px}.wkp-eb{margin-bottom:24px}.wkp-bar{justify-content:flex-start;overflow-x:auto;scrollbar-width:none;padding:0 16px}.wkp-tabs{flex:none}.wkp-t{padding:24px 12px 14px;white-space:nowrap}.wkp-t b{font-size:15px}
.wkp-desc{padding:0 16px;font-size:12.5px;letter-spacing:.1em;flex-wrap:wrap;margin-top:18px}.wkp-grid{gap:12px;padding:0 16px 90px}.wkp-ins{padding:30px 24px}.wkp-ins-h{font-size:22px}.wkp-ins-n{gap:20px;flex-wrap:wrap}.wkp-ins-n b{font-size:18px}}
@media(prefers-reduced-motion:reduce){.wkp-grid .pcard,.wkp-ins{animation:none}}
/* 10/11 13:57 核心服務：看完一個服務，底部一排四個服務膠囊，按了直接換、捲回分頁上方 */
.sx-more{margin:72px auto 0;padding-top:40px;border-top:1px solid rgba(16,74,110,.1);text-align:center;max-width:980px}
.sx-more-t{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 0 22px;font:600 13px/1 var(--serif-zh);letter-spacing:.32em;color:#B07A4E}
.sx-more-t i{display:block;width:28px;height:1px;background:rgba(176,122,78,.45)}
.sx-more-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.sx-mb{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border:1px solid rgba(16,74,110,.3);border-radius:999px;font:600 15px/1 var(--sans);letter-spacing:.08em;color:#104A6E;background:#fff;transition:all .35s}
.sx-mb .st{display:inline-flex;width:0;opacity:0;overflow:hidden;transition:all .35s}.sx-mb .st svg{width:12px;height:12px;fill:var(--gold)}
.sx-mb:hover{border-color:#104A6E;background:rgba(16,74,110,.05)}
.sx-mb.on{background:#104A6E;border-color:#104A6E;color:#FCF9F6}.sx-mb.on .st{width:12px;opacity:1}
@media(max-width:760px){.sx-more{margin-top:48px;padding-top:28px}.sx-more-row{gap:8px}.sx-mb{padding:11px 16px;font-size:14px}}
/* 10/11 14:04 首頁合作案例：直接放作品方塊，上方「CASE STUDIES • 合作案例」 */
.hw .wkp-eb{display:flex;align-items:center;justify-content:center;gap:14px;font:600 12px/1 var(--serif-en);letter-spacing:.42em;color:#B07A4E;margin-bottom:44px}
.hw .wkp-eb i{display:block;width:5px;height:5px;border-radius:50%;background:var(--gold)}
.hw .wkp-eb span:last-child{font-family:var(--serif-zh);letter-spacing:.5em}
.hw-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.hw-grid .pcard{width:auto!important;margin:0!important;padding:0!important;min-width:0}
.hw-grid .pcard .im{width:100%!important;height:auto!important}
@media(max-width:760px){.hw-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
/* 10/11 14:05 AI 對照表：左邊字跟右邊標題一樣大 */
.no-sys{font-family:var(--serif-zh);font-size:19px;line-height:1.6}
/* 10/11 14:08 Media：像 IG／Threads 的介面 */
.ig-app,.th-app{border-radius:22px;background:#fff;box-shadow:0 0 0 1px rgba(16,40,60,.08),0 24px 50px -34px rgba(16,40,60,.45);overflow:hidden;font-family:-apple-system,"Helvetica Neue","Noto Sans TC",sans-serif;color:#111}
.ig-bar{display:flex;justify-content:space-between;align-items:center;padding:14px 18px 10px;font-size:16px}
.ig-dots{color:#555;letter-spacing:1px}
.ig-prof{display:flex;align-items:center;gap:22px;padding:4px 18px 10px}
.ig-av{flex:none;width:70px;height:70px;border-radius:50%;padding:3px;background:conic-gradient(from 200deg,#f9ce34,#ee2a7b,#6228d7,#f9ce34)}
.ig-av img{width:100%;height:100%;border-radius:50%;object-fit:contain;background:#fff;border:3px solid #fff;box-sizing:border-box;padding:8px}
.ig-st{display:flex;flex:1;justify-content:space-around;text-align:center}
.ig-st span{display:flex;flex-direction:column;font-size:12.5px;color:#333}.ig-st b{font-size:16px;color:#111}
.ig-bio{margin:0;padding:0 18px 10px;font-size:13px;line-height:1.55;color:#222}.ig-bio b{display:block;font-size:13.5px}
.ig-btns{display:flex;gap:6px;padding:0 18px 12px}
.ig-btns a{flex:1;text-align:center;padding:7px 0;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none}
.ig-follow{background:#0095f6;color:#fff}.ig-msg{background:#efefef;color:#111}
.ig-tabs{display:flex;border-top:1px solid #eee}
.ig-tabs span{flex:1;height:38px;position:relative}
.ig-tabs span::before{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:1.6px solid #999;border-radius:3px}
.ig-tabs span:nth-child(2)::before{border-radius:4px 4px 4px 4px;width:14px;height:18px;margin:-9px 0 0 -7px}
.ig-tabs span:nth-child(3)::before{border-radius:50% 50% 4px 4px}
.ig-tabs span.on{box-shadow:inset 0 1px 0 #111}.ig-tabs span.on::before{border-color:#111;background:linear-gradient(#111,#111) 50% 50%/1.6px 100% no-repeat,linear-gradient(#111,#111) 50% 50%/100% 1.6px no-repeat}
.ig-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.ig-cell{position:relative;display:block;aspect-ratio:1;overflow:hidden;background:#f4eee7}
.ig-cell img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.ig-cell:hover img{transform:scale(1.06)}
.ig-multi{position:absolute;right:8px;top:8px;width:14px;height:14px;border:2px solid #fff;border-radius:3px;box-shadow:3px -3px 0 -1px rgba(0,0,0,.0),-3px 3px 0 -1px #fff}
.th-top{display:flex;justify-content:center;padding:14px 0 6px}
.th-logo svg{width:26px;height:26px;fill:#111}
.th-tabs{display:flex;border-bottom:1px solid #eee}
.th-tabs span{flex:1;text-align:center;padding:10px 0;font-size:14px;color:#999;font-weight:600}
.th-tabs span.on{color:#111;box-shadow:inset 0 -1.5px 0 #111}
.th-post{display:flex;gap:12px;padding:16px 18px;border-bottom:1px solid #f0f0f0;text-decoration:none;color:inherit;transition:background .3s}
.th-post:last-child{border-bottom:0}.th-post:hover{background:#fafafa}
.th-av{flex:none;width:36px;height:36px;border-radius:50%;background:#104A6E;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}
.th-body{flex:1;min-width:0}
.th-who{display:flex;align-items:baseline;gap:8px;margin:0 0 4px;font-size:14.5px}.th-who small{color:#999;font-size:13px}.th-more{margin-left:auto;color:#999;font-size:12px}
.th-tx{margin:0;font-size:15px;line-height:1.6;color:#111}
.th-acts{display:flex;gap:16px;margin:12px 0 0}
.th-acts svg{width:19px;height:19px;fill:none;stroke:#333;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
/* 14:17 作品頁分類：英文大（CASE STUDIES 同一套字）、中文小（選中／滑過才浮出） */
.wkp-t b{font:600 15px/1 var(--serif-en);letter-spacing:.26em;text-transform:uppercase;padding-left:.26em}
.wkp-t em{font:500 11.5px/1 var(--serif-zh);letter-spacing:.4em;text-transform:none;padding-left:.4em}
@media(max-width:760px){.wkp-t b{font-size:13.5px;letter-spacing:.2em}}
/* 14:20 品牌設計分頁結尾：一組 CTA */
.g-act{display:flex;flex-direction:column;align-items:center;gap:14px}
.g-btns{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap}
.g-note{margin:0;font-size:13.5px;line-height:1.8;color:#8a96a0;text-align:center}
/* 10/11 14:23 Andrea：首頁所有小標統一成「CASE STUDIES • 合作案例」那套字——Cormorant 600 寬字距大寫、中文思源宋寬字距、同一個金棕色 */
.s9-eb,.sx-hEb,.sx-eb,.sx-more-t,.en-sub,.hw .wkp-eb{font-family:var(--serif-en)!important;font-weight:600!important;font-style:normal!important;font-size:12px!important;letter-spacing:.42em!important;text-transform:uppercase;color:#B07A4E}
.s9-eb,.en-sub{padding-left:.42em}
.sx-eb,.sx-more-t{font-family:var(--serif-en),var(--serif-zh)!important;letter-spacing:.36em!important}
.foot-cta .en-sub,.navy-s .s9-eb{color:var(--gold)}
@media(max-width:600px){.s9-eb,.sx-hEb,.sx-eb,.sx-more-t,.en-sub{letter-spacing:.26em!important}}
/* 14:23 Media 標題區置中，跟合作案例一致 */
.f-media .s9-eb,.f-media .f-h2{text-align:center}
.f-media .md-grid{margin-top:48px}
/* 14:26 合作案例、Media 小標加上跟 SHINE.IN SERVICES 一樣的星星＋線條 */
.hw .sx-hEb,.f-media .sx-hEb{margin:0 0 44px}
.hw .sx-hEb i,.f-media .sx-hEb i{transform:none}
.f-media .sx-hEb{margin-bottom:18px}
/* 14:25 首頁合作案例：三個，編輯式排法（左一大、右兩小），跟作品頁的方塊格線不同 */
.hf{display:grid;grid-template-columns:1.45fr 1fr;grid-template-rows:1fr 1fr;gap:24px}
.hf-c{position:relative;display:block;overflow:hidden;border-radius:6px;text-decoration:none;color:#fff;background:#0d2a3e}
.hf-0{grid-row:1/3}
.hf-im{display:block;height:100%}
.hf-im img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.4s cubic-bezier(.16,.84,.24,1),filter 1s}
.hf-0 .hf-im{aspect-ratio:auto;min-height:560px}.hf-1 .hf-im,.hf-2 .hf-im{aspect-ratio:16/9}
.hf-c::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(8,24,38,.78));transition:opacity .6s}
.hf-tx{position:absolute;left:28px;right:28px;bottom:24px;z-index:1;display:flex;flex-direction:column;gap:6px}
.hf-tx em{font:italic 500 16px/1 var(--serif-en);color:var(--gold)}
.hf-tx b{font:700 24px/1.3 var(--serif-zh);letter-spacing:.08em}
.hf-0 .hf-tx b{font-size:32px}
.hf-tx small{font-size:13px;letter-spacing:.14em;color:rgba(255,255,255,.75)}
.hf-go{font-style:normal;font-size:13.5px;letter-spacing:.16em;color:var(--gold);max-height:0;opacity:0;overflow:hidden;transition:all .5s cubic-bezier(.16,.84,.24,1)}
.hf-c:hover .hf-im img{transform:scale(1.05)}
.hf-c:hover .hf-go{max-height:24px;opacity:1;margin-top:6px}
@media(max-width:900px){.hf{grid-template-columns:1fr;grid-template-rows:none}.hf-0{grid-row:auto}.hf-0 .hf-im{min-height:0;aspect-ratio:4/3}.hf-tx b,.hf-0 .hf-tx b{font-size:21px}.hf-go{max-height:24px;opacity:1}}
/* 10/11 14:38 規則：中英雙語小標＝中文在上（思源宋、較大較深）、英文在下（Cormorant 寬字距大寫、小一號）。只有單一語言的小標維持一行 */
.bi .zh,.sx-eb.bi .zh{display:block;font:600 15px/1.2 var(--serif-zh)!important;letter-spacing:.42em!important;padding-left:.42em;color:#8a5a33;text-transform:none}
.bi .en,.sx-eb.bi .en{display:block;margin-top:9px;font:600 10.5px/1 var(--serif-en)!important;letter-spacing:.42em!important;padding-left:.42em;text-transform:uppercase;color:#B07A4E}
.sx-eb.bi{display:grid!important;grid-template-columns:auto;justify-items:center;row-gap:0;text-transform:none}
.sx-eb.bi .st{margin-bottom:10px}
.sx-eb.bi em{margin-top:10px}
.sx-hEb .bi{display:flex;flex-direction:column;align-items:center;text-transform:none}
.wkp-eb.bi{display:flex!important;flex-direction:column;align-items:center;gap:0!important}
.navy-s .bi .zh{color:var(--ivory)}.navy-s .bi .en{color:var(--gold)}
/* 14:42 品牌設計分頁 CTA 再整理：與我們合作＝深藍實心；預約品牌健檢＝橘金實心；看看我們的作品＝外框膠囊放在設計服務範疇上方；看其他核心服務改文字分頁，不用膠囊 */
.g-bc{background:linear-gradient(120deg,#E9C39C,#D9A272);color:#104A6E;border:1px solid transparent}
.g-bc:hover{background:#104A6E;color:#FCF9F6}
.g-wk{display:flex;justify-content:center;margin:56px 0 0}
.g-wkb{border:1px solid rgba(16,74,110,.4);color:#104A6E;background:transparent}
.g-wkb:hover{background:#104A6E;color:#FCF9F6;border-color:#104A6E}
.g-btns{gap:16px}
.sx-more-row{gap:6px 34px}
.sx-mb{border:0!important;border-radius:0!important;background:none!important;padding:10px 2px!important;color:#7b8790!important;font:500 16px/1 var(--serif-zh)!important;letter-spacing:.24em!important;position:relative}
.sx-mb::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1.5px;background:var(--gold);transform:scaleX(0);transition:transform .45s cubic-bezier(.16,.84,.24,1)}
.sx-mb:hover{color:#104A6E!important}.sx-mb:hover::after{transform:scaleX(.5)}
.sx-mb.on{color:#104A6E!important;font-weight:700!important}.sx-mb.on::after{transform:scaleX(1)}
@media(max-width:760px){.sx-more-row{gap:4px 20px}.sx-mb{font-size:15px!important;letter-spacing:.14em!important}}
.g-btns .pill{margin:0!important}
.g-wk{margin:56px 0 34px}
/* 10/13 Andrea：作品卡 hover 名稱——字多自動縮小不爆框；只在詞組之間換行（build.py segs + site.js fitCards） */
.pc-in{width:100%;box-sizing:border-box;padding:0 34px}
.pc-in b,.pc-in em{max-width:100%;text-wrap:balance;line-height:1.3}
.pc-in b{font-size:var(--pc-b,28px);letter-spacing:.12em}
.pc-in em{font-size:var(--pc-e,14px)}
.pc-in .sg{display:inline-block;white-space:nowrap}
.pc-in.pc-tight{gap:4px}.pc-in.pc-tight .pc-go{margin-top:6px;font-size:11px;padding-bottom:3px}
@media(max-width:600px){.pc-in{padding:0 26px}.pc-in{gap:6px}.pc-go{margin-top:10px!important;font-size:11.5px!important}}
/* 10/16 品牌健檢頁：Andrea 短版卡（同首頁 v1），放在深藍「為什麼是 Andrea？」區 */
.bc-sec .bc-andrea.bc-me{display:flex;margin:34px auto 46px;box-shadow:0 22px 50px -26px rgba(0,0,0,.55)}
@media(max-width:700px){.bc-sec .bc-andrea.bc-me{border-radius:22px;flex-wrap:wrap;padding:18px}.bc-sec .bc-andrea.bc-me .who{flex:1 1 0;min-width:0}.bc-sec .bc-andrea.bc-me .meet{flex:0 0 100%;width:auto;margin:6px 0 0;text-align:right;border-bottom:0}}
/* 10/16 服務選單：品牌健檢只留一個入口＋價格小字 */
.sv4 .sv4-meta{margin-top:10px;font-size:12.5px;letter-spacing:.06em;color:#E6B182;opacity:.85}
/* 10/16 19:26 Services 下拉改「輕巧下拉」：Services 底下一張小卡 */
.mega.mega-lite{right:auto;width:auto;height:auto!important;min-height:0!important;background:none;border:0;transform:none!important;clip-path:inset(0 0 100% 0);transition:clip-path .55s cubic-bezier(.22,1,.36,1);pointer-events:none}
.mega.mega-lite.open{clip-path:inset(0 0 0 0);pointer-events:auto}
.lt-box{display:flex;background:linear-gradient(160deg,#124F75,#0B3654);border:1px solid rgba(230,177,130,.25);border-top:0;border-radius:0 0 20px 20px;box-shadow:0 30px 60px -24px rgba(8,40,63,.55);overflow:hidden;color:#FCF9F6}
.lt-list{width:300px;padding:22px 12px 18px}
.lt-lab{font:600 11px var(--sans);letter-spacing:.3em;color:#E6B182;margin:0 0 10px 14px}
.lt-row{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:12px;transition:background .35s;color:#FCF9F6}
.lt-row .st,.drawer .m-subs .st{width:12px;flex:none;display:block;opacity:.45;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .3s}
.lt-row .st svg,.drawer .m-subs .st svg{width:100%;display:block;fill:#E6B182}
.lt-row .t{flex:1}.lt-row b{display:block;font:600 16px var(--serif-zh,var(--serif))}.lt-row small{font:italic 13.5px var(--serif-en,serif);color:rgba(252,249,246,.55)}
.lt-row .ar{font-style:normal;color:#E6B182;opacity:0;transition:opacity .3s,transform .4s}
.lt-row.on{background:rgba(252,249,246,.07)}.lt-row.on .st{opacity:1;transform:rotate(45deg) scale(1.25)}.lt-row.on .ar{opacity:1;transform:translateX(3px)}
.lt-all{display:block;margin:10px 14px 0;padding-top:12px;border-top:1px solid rgba(252,249,246,.14);font-size:13px;color:rgba(252,249,246,.55);transition:color .3s}.lt-all:hover{color:#FCF9F6}
.lt-side{width:280px;position:relative;border-left:1px solid rgba(252,249,246,.14);background:rgba(8,40,63,.25)}
.lt-fly{position:absolute;inset:0;padding:30px 26px;opacity:0;transform:translateX(-8px);transition:opacity .35s,transform .5s cubic-bezier(.22,1,.36,1);pointer-events:none}
.lt-fly.on{opacity:1;transform:none;pointer-events:auto}
.lt-fly .one{font-size:14px;line-height:1.75;color:rgba(252,249,246,.86)}
.lt-subs{margin-top:14px;display:flex;flex-direction:column}
.lt-subs a{padding:8px 0;font-size:14.5px;color:#FCF9F6;border-bottom:1px solid rgba(252,249,246,.14);transition:color .3s,padding .3s}.lt-subs a:hover{color:#E6B182;padding-left:4px}
.lt-subs em{display:block;font-style:normal;font-size:12.5px;color:#E6B182;letter-spacing:.06em;margin-top:10px}
/* 手機抽屜：四大服務展開列 */
.drawer .m-subs summary{display:flex;align-items:center;gap:12px}.drawer .m-subs summary .t{flex:1}
.drawer .m-subs details[open] .st{opacity:1;transform:rotate(45deg) scale(1.2)}
.drawer .m-subs .m-one{font-size:13.5px;line-height:1.7;color:rgba(252,249,246,.8);margin:0 0 6px}
.drawer .m-subs .m-meta{display:block;font-style:normal;font-size:12.5px;color:#E6B182;margin:6px 0}
.drawer .m-subs .m-go{color:#E6B182!important}
/* 10/16 Andrea：輕巧下拉保留原本四個服務 icon */
.lt-row .ic,.drawer .m-subs .ic{display:inline-flex;flex:none;width:38px;height:38px;border-radius:50%;background:rgba(230,177,130,.14);align-items:center;justify-content:center;transition:background .4s,transform .5s cubic-bezier(.22,1,.36,1)}
.lt-row .ic svg,.drawer .m-subs .ic svg{width:22px;height:22px}
.lt-row .ic .l,.drawer .m-subs .ic .l{fill:none;stroke:#FCF9F6;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.lt-row .ic .g,.drawer .m-subs .ic .g{fill:#E6B182;stroke:#E6B182;stroke-width:2.2;stroke-linecap:round}
.lt-row.on .ic{background:rgba(230,177,130,.3);transform:scale(1.06)}
.drawer .m-subs details[open] .ic{background:rgba(230,177,130,.3)}
.drawer .m-subs summary .t small{margin-left:10px}
/* 10/16 Work 下拉：輕巧下拉（分類＋代表作品） */
.lt-row .n{flex:none;width:22px;font:500 12px var(--sans);letter-spacing:.14em;color:rgba(252,249,246,.5);transition:color .3s}.lt-row.on .n{color:#E6B182}
.lt-wfly{padding:26px 24px}
.lt-pv{display:block;margin-top:14px;color:#FCF9F6}.lt-pv .im{display:block;height:150px;border-radius:12px;overflow:hidden}
.lt-pv img{width:100%;height:100%;object-fit:cover;transform:scale(1.05);transition:transform 1s cubic-bezier(.22,1,.36,1)}.lt-fly.on .lt-pv img{transform:none}.lt-pv:hover img{transform:scale(1.04)}
.lt-pv small{display:block;margin-top:10px;font-size:11.5px;letter-spacing:.18em;color:#E6B182}.lt-pv b{display:block;font:600 15px var(--serif-zh,serif);margin-top:2px}
.lt-more{display:inline-block;margin-top:10px;font-size:13.5px;color:#E6B182}
/* 10/17 23:54 生產整合「合作原則」一句（每一步由業主決定） */
.px-get .px-rule{margin:26px 0 0;padding:14px 18px;border-left:2px solid #E6B182;background:rgba(230,177,130,.08);border-radius:0 10px 10px 0;font-size:14.5px;line-height:1.85;color:#104A6E}
.px-get ul li:last-child:nth-child(odd){grid-column:1/-1}
/* 10/18 生產整合 v2.0：承諾上移／痛點場景／三種專業補一句／合作原則 */
.px .sx-promise.px-top{margin:26px auto 60px;max-width:880px;justify-content:center}
.px-pains{margin:0 0 70px;text-align:center}
.px-pains ol{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:left}
.px-pains li{position:relative;padding:24px 24px 22px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px rgba(16,74,110,.1),0 20px 40px -34px rgba(16,74,110,.5);opacity:0;transform:translateY(14px);transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--k)*.06s)}
.px-pains ol.on li{opacity:1;transform:none}
.px-pains .pn{display:block;font:500 13px Inter,sans-serif;letter-spacing:.16em;color:#B07A4E;margin-bottom:10px}
.px-pains b{display:block;font-family:var(--serif-zh);font-size:18px;line-height:1.5;color:#104A6E;margin-bottom:8px}
.px-pains p{margin:0;font-size:14px;line-height:1.85;color:#5A6672}
.px-roles .px-note{max-width:620px;margin:10px auto 0;font-size:15px;line-height:1.9;color:#5A6672}
.px-rules{margin:30px 0 0;padding:24px 26px;border-radius:14px;background:rgba(230,177,130,.08);box-shadow:inset 0 0 0 1px rgba(230,177,130,.45)}
.px-rules .k{margin:0 0 12px;font-size:12.5px;letter-spacing:.2em;font-weight:700;color:#B07A4E}
.px-rules ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px 30px}
.px-rules li b{display:block;font-size:15.5px;color:#104A6E;margin-bottom:4px}
.px-rules li span{font-size:14px;line-height:1.8;color:#4B5A66}
@media(max-width:900px){.px-pains ol{grid-template-columns:1fr}.px-rules ul{grid-template-columns:1fr}}
/* 10/18 00:17 生產整合：量少複雜包裝怎麼省（合版刀模、材質整合、分階段投入） */
.px-save{margin:0 auto 76px;max-width:980px;text-align:center}
.px-save .ld{margin:10px 0 4px;font-family:var(--serif-zh);font-size:20px;color:#104A6E}
.px-save .cs{margin:0 0 26px;font-size:14.5px;color:#6D6964}
.px-save .two{display:grid;grid-template-columns:1fr 1fr;gap:18px;text-align:left}
.px-save .two>div{border-radius:18px;padding:26px 28px}
.px-save .a{background:#F4EFE9;box-shadow:inset 0 0 0 1px rgba(16,74,110,.08)}
.px-save .b{background:linear-gradient(160deg,#0A3350,#104A6E 70%,#1B5C84);color:#FCF9F6;box-shadow:0 30px 60px -40px rgba(8,40,63,.8)}
.px-save .h{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-family:var(--serif-zh);font-weight:700;font-size:18px}
.px-save .a .h{color:#6D6964}.px-save .b .h{color:#E6B182}
.px-save ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.px-save li{position:relative;padding-left:20px;font-size:14.5px;line-height:1.75}
.px-save .a li{color:#5A6672}.px-save .a li:before{content:"×";position:absolute;left:0;color:#B4553C;font-weight:700}
.px-save .b li:before{content:"";position:absolute;left:0;top:8px;width:9px;height:9px;background:#E6B182;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)}
.px-save .nx{margin:24px auto 0;max-width:720px;font-size:15px;line-height:1.9;color:#3A4652}
.px-save .pc{margin:14px 0 0;font-family:var(--serif-zh);font-size:19px;color:#B07A4E}
@media(max-width:900px){.px-save .two{grid-template-columns:1fr}.px-save .two>div{padding:22px}}
/* 10/18 00:24 生產整合：協商實例（出了狀況，Andrea 怎麼處理） */
.px-story{margin:70px auto 40px;max-width:980px;text-align:center}
.px-story .ld{margin:8px 0 28px;font-size:14.5px;color:#6D6964}
.px-story ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;text-align:left;position:relative}
.px-story ol:before{content:"";position:absolute;left:0;right:0;top:15px;height:1px;background:linear-gradient(90deg,rgba(230,177,130,.2),#E6B182,rgba(230,177,130,.2))}
.px-story li{position:relative;padding:0 18px}
.px-story .tg{position:relative;display:inline-block;padding:5px 14px;border-radius:999px;background:#104A6E;color:#FCF9F6;font-size:13px;font-weight:700;letter-spacing:.12em;margin-bottom:14px}
.px-story li:last-child .tg{background:#E6B182;color:#104A6E}
.px-story li p{margin:0;font-size:14.5px;line-height:1.9;color:#3A4652}
.px-story .pc{margin:30px 0 0;font-family:var(--serif-zh);font-size:20px;color:#B07A4E}
@media(max-width:900px){.px-story ol{grid-template-columns:1fr;gap:20px}.px-story ol:before{display:none}.px-story li{padding:0}}
/* 10/18 修正：合作原則清單繼承了「你會得到」的淡入（opacity:0），導致整框空白 */
.px-get .px-rules ul{margin:0;gap:14px 30px}
.px-get .px-rules li{display:block;opacity:1!important;transform:none!important;padding:0;border:0}
.px-get .px-rules li:hover{background:none;transform:none!important}
/* 10/18 00:34 生產整合：異常處理五步（沿用 px-story 樣式，改五欄） */
.px-story.px-nego{max-width:1100px}
.px-nego ol{grid-template-columns:repeat(5,1fr)}
.px-nego li{padding:0 14px}
.px-nego .tg{font-size:12.5px;letter-spacing:.06em}
.px-nego li:last-child .tg{background:#104A6E;color:#FCF9F6}
@media(max-width:1000px){.px-nego ol{grid-template-columns:1fr}.px-nego ol:before{display:none}}
/* 10/18 生產整合主標：手機在逗號後換行 */
.px-mbr{display:none}@media(max-width:700px){.px-mbr{display:inline}}
/* 10/18 02:25 生產整合收尾：交接清單（回收主標）＋單一窗口＋案例小標 */
.px-hand{margin:80px auto 30px;max-width:1100px;padding:44px 40px 38px;border-radius:24px;background:linear-gradient(160deg,#0A3350,#104A6E 65%,#1B5C84);text-align:center;box-shadow:0 40px 80px -50px rgba(8,40,63,.8)}
.px-hand .bx-h{color:#FCF9F6!important}
.px-hand ol{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;text-align:left}
.px-hand li{padding:22px 20px;border-radius:16px;background:rgba(252,249,246,.06);box-shadow:inset 0 0 0 1px rgba(230,177,130,.35)}
.px-hand li .n{display:block;font:300 26px/1 Inter,sans-serif;color:#E6B182;margin-bottom:12px}
.px-hand li b{display:block;font-family:var(--serif-zh);font-size:18px;color:#FCF9F6;margin-bottom:6px}
.px-hand li p{margin:0;font-size:13.5px;line-height:1.8;color:rgba(252,249,246,.78)}
.px-hand .win{margin:16px 0 0;display:flex;gap:16px;align-items:baseline;justify-content:center;flex-wrap:wrap;padding:16px 20px;border-radius:14px;background:rgba(230,177,130,.12);text-align:left}
.px-hand .win b{color:#E6B182;font-size:14.5px;white-space:nowrap}
.px-hand .win p{margin:0;font-size:14px;line-height:1.8;color:rgba(252,249,246,.86)}
.px-hand .pc{margin:26px 0 0;font-family:var(--serif-zh);font-size:21px;color:#F3D3AD}
.px-proof{margin:60px 0 0;text-align:center;font-family:var(--serif-zh);font-size:20px;font-weight:700;color:var(--navy)}
.px-proof:before{content:"";display:block;width:40px;height:2px;margin:0 auto 14px;background:#E6B182}
.px .sx-alt{margin-top:36px;text-align:center;font-size:12.5px;opacity:.8}
@media(max-width:1000px){.px-hand{padding:34px 20px}.px-hand ol{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.px-hand ol{grid-template-columns:1fr}}