/* edit-site-v2 全站樣式 — 手機優先。配色:沿用品牌紙白+訊號紅,LINE 綠只給行動按鈕(同畫面競爭色 ≤2) */
:root{
  --paper:#F5F1EA; --paper-2:#EDE6DA; --card:#FFFDF9; --ink:#1B1713; --muted:#5F574D; --rule:#DDD3C3;
  --red:#B4352A; --red-soft:#F7E2DB; --red-ink:#8E271F;
  --go:#077F3B; --go-hover:#066832;
  --shadow-1:0 1px 2px rgba(74,48,30,.10); --shadow-2:0 14px 32px -12px rgba(110,66,40,.22);
  --sans:"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;
  --gut:16px; --max:1040px; --r-lg:22px; --r-md:14px; --r-sm:8px;
  color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background-color:var(--paper);color:var(--ink);font:400 18px/1.75 var(--sans);overflow-x:hidden;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E");
  padding-bottom:76px}
img{max-width:100%;display:block;height:auto}
a{color:inherit}
h1,h2,h3{line-height:1.3;margin:0 0 .5em;letter-spacing:.005em;font-weight:900}
h1{font-size:clamp(36px,9.6vw,62px)}
h2{font-size:clamp(27px,6.6vw,42px)}
h3{font-size:20px;font-weight:800;margin-bottom:.35em}
p{margin:0 0 1em}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gut)}
.narrow{max-width:720px}
.sec{padding:60px 0}
.sec.alt{background:var(--card);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.kicker{display:block;font-weight:800;font-size:16px;letter-spacing:.08em;color:var(--red);margin-bottom:10px}
.lead{font-size:19px;color:var(--muted)}
.muted{color:var(--muted)}
.small{font-size:16px}
.red{color:var(--red)}
.center{text-align:center}
.mark{background:linear-gradient(transparent 62%,var(--red-soft) 62%);padding:0 2px}

/* 頁首 */
.top{position:sticky;top:0;z-index:40;background:rgba(245,241,234,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--rule)}
.top .bar{display:flex;align-items:center;justify-content:space-between;height:56px;gap:10px}
.logo{font-weight:900;font-size:18px;text-decoration:none;white-space:nowrap}
.logo b{color:var(--red)}
.nav{display:flex;gap:2px}
.nav a{text-decoration:none;font-size:16px;padding:8px 9px;border-radius:var(--r-sm);white-space:nowrap}
.nav a[aria-current]{background:var(--red-soft);color:var(--red-ink);font-weight:700}
.nav a:hover{background:var(--paper-2)}
.top .cta-mini{display:none}
@media (min-width:860px){.top .cta-mini{display:inline-flex}}

/* 按鈕 */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:12px 24px;border-radius:12px;
  font:800 18px/1.3 var(--sans);text-decoration:none;border:0;cursor:pointer;transition:transform .15s,background .15s}
.btn-go{background:var(--go);color:#fff;box-shadow:0 1px 0 rgba(0,0,0,.08),0 10px 22px -10px rgba(7,127,59,.55)}
.btn-go:hover{background:var(--go-hover)}
.btn-go:active{transform:translateY(1px)}
.btn-line{background:transparent;color:var(--ink);border:2px solid var(--ink)}
.btn-sm{min-height:40px;padding:8px 14px;font-size:16px;border-radius:10px}
.btn svg{flex:none}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:22px 0 10px}
.cta-note{font-size:16px;color:var(--muted);margin:0}
.textlink{font-weight:700;color:var(--red-ink);text-decoration:none;border-bottom:2px solid var(--red-soft)}
.textlink:hover{border-color:var(--red)}

/* 手機底部固定 CTA */
.dock{position:fixed;left:0;right:0;bottom:0;z-index:45;padding:10px var(--gut) calc(10px + env(safe-area-inset-bottom));
  background:rgba(255,253,249,.97);border-top:1px solid var(--rule);box-shadow:0 -8px 24px -16px rgba(74,48,30,.35)}
.dock .btn{width:100%;min-height:50px}
.dock{transition:transform .25s ease}
.dock.away{transform:translateY(115%)}
@media (min-width:860px){.dock{display:none}body{padding-bottom:0}}

/* Hero */
.hero{padding:34px 0 46px}
.hero-grid{display:grid;gap:26px}
.hero h1 .red{display:inline}
.hero .lead{font-size:19px}
.hero-photo{border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-1),var(--shadow-2);aspect-ratio:4/3}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 88%}
.photo-cap{font-size:16px;color:var(--muted);margin:8px 2px 0}
@media (min-width:860px){
  .hero{padding:64px 0 72px}
  .hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:48px}
  .hero-photo{aspect-ratio:3/4}
}

/* 卡片 */
.card{background:var(--card);border:1px solid var(--rule);border-radius:var(--r-md);padding:22px;box-shadow:var(--shadow-1),var(--shadow-2)}
.grid{display:grid;gap:14px}
@media (min-width:640px){.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr 1fr}}
@media (min-width:920px){.grid-3{grid-template-columns:1fr 1fr 1fr}}
.icon{width:44px;height:44px;border-radius:12px;background:var(--red-soft);color:var(--red);display:grid;place-items:center;margin-bottom:12px}
.card p:last-child{margin-bottom:0}
.tag{display:inline-block;font-size:16px;font-weight:800;color:var(--red-ink);background:var(--red-soft);border-radius:6px;padding:2px 8px;margin-bottom:8px}
.tag.ink{background:var(--paper-2);color:var(--ink)}

/* 對照表 */
.vs{width:100%;border-collapse:separate;border-spacing:0;background:var(--card);border:1px solid var(--rule);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow-1),var(--shadow-2)}
.vs th,.vs td{padding:13px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--rule);font-size:16px;line-height:1.7}
.vs tr:last-child td{border-bottom:0}
.vs thead th{background:var(--paper-2);font-size:16px;white-space:nowrap}
.vs thead th.us{background:var(--red);color:#fff}
.vs td.us{background:#FFF7F3;font-weight:700}
.vs td.k{font-weight:800;width:24%}
.vs td.them{color:var(--muted)}
@media (max-width:520px){.vs th,.vs td{padding:11px 8px;font-size:16px}.vs td.k{width:22%}}

/* 漏斗 */
.funnel{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.funnel li{position:relative;background:var(--card);border:1px solid var(--rule);border-radius:12px;padding:12px 14px 12px 58px;box-shadow:var(--shadow-1)}
.funnel .n{position:absolute;left:12px;top:12px;width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:900;font-size:16px}
.funnel b{display:block;font-size:17px}
.funnel span{display:block;font-size:16px;color:var(--muted);line-height:1.7}
.funnel li.leak{border-color:var(--red);background:#FFF7F3}
.funnel li.leak .n{background:var(--red)}
.funnel .bar{height:6px;border-radius:3px;background:var(--paper-2);margin-top:8px;overflow:hidden}
.funnel .bar i{display:block;height:100%;background:var(--ink)}
.funnel li.leak .bar i{background:var(--red)}
.leak-note{font-size:16px;font-weight:800;color:var(--red-ink)}

/* 步驟 */
.steps{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:s}
.steps li{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start;background:var(--card);border:1px solid var(--rule);border-radius:var(--r-md);padding:16px}
.steps li::before{counter-increment:s;content:counter(s);width:44px;height:44px;border-radius:12px;background:var(--red);color:#fff;font-weight:900;font-size:20px;display:grid;place-items:center}
.steps b{display:block;font-size:18px;margin-bottom:2px}
.steps span{color:var(--muted);font-size:16px}
@media (min-width:860px){.steps{grid-template-columns:repeat(3,1fr)}}

/* 剪前剪後 */
.ba{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}
.ba figure{margin:0}
.ba img{border-radius:12px;aspect-ratio:9/16;object-fit:cover;width:100%;box-shadow:var(--shadow-1),var(--shadow-2)}
.ba figcaption{font-size:16px;margin-top:8px;line-height:1.7}
.ba figcaption b{display:block}
.ba .lost b{color:var(--muted)}
.ba .kept b{color:var(--red)}
.case{margin-bottom:34px}
.case h3{margin-bottom:12px}
.case .why{margin-top:12px;font-size:16px}
@media (min-width:860px){.ba{max-width:520px}.case-row{display:grid;grid-template-columns:520px 1fr;gap:36px;align-items:center}}

/* 價格 */
.price-card{position:relative}
.price-card.featured{border:2px solid var(--red)}
.price-card .badge{position:absolute;top:-12px;left:18px;background:var(--red);color:#fff;font-size:16px;font-weight:800;padding:3px 10px;border-radius:6px}
.price{font-weight:900;font-size:40px;line-height:1.1;margin:6px 0 2px}
.price small{font-size:16px;font-weight:700}
.was{color:var(--muted);font-size:16px}
.was s{text-decoration-thickness:2px}
.first0{display:block;margin-top:10px;padding:8px 10px;border-radius:8px;background:var(--red-soft);color:var(--red-ink);font-weight:800;font-size:16px}
.ticks{list-style:none;padding:0;margin:12px 0 0}
.ticks li{position:relative;padding-left:24px;margin:5px 0;font-size:16px;line-height:1.7}
.ticks li::before{content:"";position:absolute;left:2px;top:.55em;width:11px;height:6px;border-left:2.5px solid var(--red);border-bottom:2.5px solid var(--red);transform:rotate(-45deg)}
.zero-box{background:var(--card);border:2px solid var(--red);border-radius:var(--r-lg);padding:24px;box-shadow:var(--shadow-1),var(--shadow-2)}
.zero-box .big{font-size:clamp(44px,13vw,76px);font-weight:900;color:var(--red);line-height:1}
.tbl{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--rule);border-radius:var(--r-md);overflow:hidden}
.tbl th,.tbl td{padding:11px 10px;border-bottom:1px solid var(--rule);text-align:left;font-size:16px;vertical-align:top}
.tbl th{background:var(--paper-2)}
.tbl tbody th{min-width:5.8em;white-space:normal}
.tbl td:first-child{white-space:nowrap}
.tbl td.num{font-weight:800;white-space:nowrap}

/* FAQ */
.faq details{background:var(--card);border:1px solid var(--rule);border-radius:12px;margin-bottom:10px}
.faq summary{cursor:pointer;list-style:none;padding:16px 46px 16px 16px;font-weight:800;font-size:17px;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:18px;top:50%;width:10px;height:10px;border-right:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);transform:translateY(-70%) rotate(45deg);transition:transform .2s}
.faq details[open] summary::after{transform:translateY(-30%) rotate(225deg)}
.faq .a{padding:0 16px 16px;color:var(--ink);font-size:16px}
.faq .a p:last-child{margin-bottom:0}

/* 圖文並排 */
.split{display:grid;gap:22px;align-items:center}
.split .ph{border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-1),var(--shadow-2)}
.split .ph img{width:100%;aspect-ratio:3/2;object-fit:cover}
.split .ph.tall img{aspect-ratio:4/5}
@media (min-width:860px){.split{grid-template-columns:1fr 1fr;gap:44px}.split.rev .ph{order:2}}

/* 複製訊息框 */
.msgbox{display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:var(--card);border:1px dashed var(--red);border-radius:12px;padding:14px}
.msgbox code{font:700 18px/1.6 var(--sans);flex:1 1 220px;color:var(--ink)}

/* 最終 CTA */
.final{background:var(--card);border:2px solid var(--ink);border-radius:var(--r-lg);padding:28px 22px;text-align:center;box-shadow:var(--shadow-2)}
.final h2{margin-bottom:.35em}

/* 頁尾 */
.foot{padding:40px 0 30px;border-top:1px solid var(--rule);font-size:16px}
.foot .cols{display:grid;gap:18px;grid-template-columns:1fr 1fr}
.foot h4{margin:0 0 6px;font-size:16px}
.foot a{display:block;text-decoration:none;color:var(--muted);padding:3px 0}
.foot a:hover{color:var(--ink)}
.foot .copy{margin-top:22px;color:var(--muted);font-size:16px}
@media (min-width:860px){.foot .cols{grid-template-columns:repeat(4,1fr)}}

.sample{max-width:420px;margin:0 auto;border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow-1),var(--shadow-2);border:1px solid var(--rule)}
.label-demo{display:inline-block;font-size:16px;font-weight:800;background:var(--ink);color:#fff;border-radius:5px;padding:1px 7px;vertical-align:middle;margin-left:6px}
.stack>*+*{margin-top:14px}
.hr{height:1px;background:var(--rule);margin:30px 0}
.two-col-list{display:grid;gap:10px}
@media (min-width:700px){.two-col-list{grid-template-columns:1fr 1fr}}

/* 生成圖(10-05 T1005-20) */
.card-img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:12px;margin-bottom:14px}
.info{margin:22px 0}
.info img{display:block;width:100%;height:auto;border-radius:var(--r-md);box-shadow:var(--shadow-1),var(--shadow-2)}
.info.tall img{max-width:520px;margin:0 auto}
.zero-box .info{margin-top:0}

/* ===== 第二版(10-05 九大主打):首頁流程圖+印章 ===== */
.flow-hero{padding-top:30px}
.flow-hero h1{max-width:15em}
.flow-hero .lead{max-width:36em}
.flow{margin:26px 0 8px}
.stamp{width:58px;height:auto;flex:none;align-self:center}
.ticket{display:flex;gap:14px;align-items:center;text-decoration:none;background:var(--card);border:2px dashed var(--red);border-radius:var(--r-md);padding:14px 16px;box-shadow:var(--shadow-1),var(--shadow-2);max-width:460px}
.ticket .stamp{width:66px}
.ticket b{display:block;font-size:21px;line-height:1.3}
.ticket .t-body>span{display:block;font-size:16px;font-weight:700;color:var(--red-ink);line-height:1.7;margin-top:2px}
.arrow{position:relative;height:30px;width:2px;margin:6px auto;background:var(--ink)}
.arrow::after{content:"";position:absolute;left:50%;bottom:-1px;width:9px;height:9px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:translateX(-50%) rotate(45deg)}
.flow-grid{display:block}
.stage{background:var(--paper-2);border-radius:var(--r-lg);padding:14px 12px 12px}
.stage-name{margin:0 4px 10px;font-weight:900;font-size:16px;letter-spacing:.06em;color:var(--muted)}
.node{display:flex;gap:12px;align-items:center;text-decoration:none;background:var(--card);border:1px solid var(--rule);border-radius:var(--r-md);padding:12px 12px;box-shadow:var(--shadow-1);transition:transform .15s,box-shadow .15s}
.node+.node{margin-top:8px}
.node:hover{transform:translateY(-1px);box-shadow:var(--shadow-1),var(--shadow-2)}
.n-body b{display:block;font-size:18px;line-height:1.35;font-weight:900}
.n-body>span{display:block;font-size:16px;line-height:1.7;color:var(--muted);margin-top:3px}
.stage.core{background:var(--ink);color:#fff}
.stage.core .stage-name{color:#E9C9C2}
.node-core{background:var(--red);border:0;padding:22px 18px;color:#fff}
.node-core .n-body b{font-size:clamp(26px,7vw,34px);line-height:1.25}
.node-core .n-body>span{color:#FBE9E4;font-size:16px}
.node-core .cuts{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.node-core .cuts i{font-style:normal;font-weight:800;font-size:16px;background:#fff;color:var(--red-ink);border-radius:8px;padding:4px 10px}
.node-core .core-note{font-weight:700;color:#fff!important;margin-top:10px!important}
.loop-in{position:relative;border:2px solid var(--red)}
.loop-in::after{content:"數據回到這裡";position:absolute;right:10px;top:-11px;background:var(--red);color:#fff;font-size:16px;font-weight:800;border-radius:5px;padding:1px 7px}
.loop{display:block;position:relative;text-decoration:none;margin-top:14px;background:#FFF7F3;border:2px dashed var(--red);border-radius:var(--r-md);padding:14px 16px 14px 52px}
.loop-line{position:absolute;left:18px;top:14px;bottom:14px;width:2px;background:var(--red)}
.loop-line::after{content:"";position:absolute;left:50%;top:-1px;width:9px;height:9px;border-left:2px solid var(--red);border-top:2px solid var(--red);transform:translateX(-50%) rotate(45deg)}
.loop b{display:block;font-size:19px;color:var(--red-ink)}
.loop>span:last-child{display:block;font-size:16px;color:var(--muted)}
@media (min-width:980px){
  .flow-grid{display:grid;grid-template-columns:1fr 44px 1.15fr 44px 1fr;align-items:center}
  .flow-grid>.arrow{width:100%;height:2px;margin:0}
  .flow-grid>.arrow::after{left:auto;right:-1px;bottom:auto;top:50%;transform:translateY(-50%) rotate(-45deg)}
  .stage{align-self:stretch}
  .stage.core{display:flex;flex-direction:column;justify-content:center}
  .node-core{padding:30px 22px}
  .ticket{margin-left:0}
  .flow>.arrow{margin-left:120px}
  .loop{text-align:center;padding:16px 20px 16px 20px}
  .loop-line{display:none}
  .loop b::before{content:"← ";}
}

/* 首頁細節段:圖文並排 */
.feat{display:grid;gap:18px;align-items:center;margin-top:36px;scroll-margin-top:70px}
.feat-img{margin:0}
.feat-img img{width:100%;height:auto;border-radius:var(--r-md);box-shadow:var(--shadow-1),var(--shadow-2)}
.feat-img img.tall{max-width:420px;margin:0 auto}
.feat-img figcaption{font-size:16px;color:var(--muted);margin-top:8px;text-align:center}
.feat-body h3{font-size:21px;line-height:1.4}
.why{background:var(--card);border-left:4px solid var(--red);border-radius:0 10px 10px 0;padding:10px 14px;font-size:16px}
.why b{color:var(--red-ink)}
@media (min-width:860px){.feat{grid-template-columns:1fr 1fr;gap:44px}.feat.rev .feat-img{order:2}}
section[id],.stage a{scroll-margin-top:70px}
.vs-wrap{margin-top:20px}
@media (max-width:420px){.vs td.k{width:20%}.vs th,.vs td{padding:10px 7px;font-size:16px}}

/* 頁首導覽:手機改第二列可橫滑(只在導覽列內滑,整頁不橫向捲動) */
@media (max-width:859px){
  .top .bar{flex-wrap:wrap;height:auto;padding-top:8px;padding-bottom:6px;row-gap:4px}
  .nav{order:3;width:100%;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .nav::-webkit-scrollbar{display:none}
}
@media (min-width:980px){.stage.core .node-core{flex:1;display:flex;align-items:center}}

/* ===== 先挑一項免費的開始(10-05 老闆追加):四張免費卡+跳動粗箭頭 ===== */
.freepick-sec{padding-top:44px}
.freepick{position:relative;padding-top:62px;margin-top:6px}
.picks{display:grid;grid-template-columns:1fr 1fr;column-gap:12px;row-gap:86px}
@media (min-width:860px){.picks{grid-template-columns:repeat(4,1fr);column-gap:16px}}
.pick{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-decoration:none;background:var(--card);border:2px solid var(--rule);border-radius:var(--r-md);padding:14px 14px 14px;box-shadow:var(--shadow-1);transition:border-color .25s,box-shadow .25s,transform .25s;min-height:100%}
.pick .stamp{width:52px;align-self:flex-start;margin-bottom:4px}
.pick b{font-size:19px;line-height:1.3;font-weight:900}
.pick span{font-size:16px;line-height:1.7;color:var(--muted)}
.pick em{font-style:normal;margin-top:auto;padding-top:8px;font-size:16px;font-weight:800;color:var(--go)}
.pick.on,.pick:hover{border-color:var(--red);box-shadow:0 0 0 4px var(--red-soft),var(--shadow-2);transform:translateY(-2px)}
.pick-arrow{position:absolute;left:0;top:0;width:36px;height:auto;pointer-events:none;z-index:2;
  transition:opacity .22s ease;animation:pickBob .6s ease-in-out infinite alternate}
@keyframes pickBob{from{translate:0 0}to{translate:0 -10px}}
@media (min-width:860px){.pick-arrow{width:40px}}
@media (prefers-reduced-motion:reduce){.pick-arrow{animation:none;transition:none}}

/* ===== P0(10-05):新首屏+精簡地圖+圖例 ===== */
.hero2{padding:26px 0 38px}
.hero2 h1{font-size:clamp(31px,8.4vw,58px);max-width:15em;margin-bottom:.4em}
.offer-line{font-size:18px;line-height:1.7;font-weight:600;max-width:34em;margin:0}
.offer-line b{color:var(--red-ink);font-weight:900}
.hero2 .cta-row{margin:18px 0 8px}
.hero2 .ticket{margin-top:22px}
.legend{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:16px;font-weight:700;color:var(--ink);margin:4px 0 0}
.legend span{display:inline-flex;align-items:center;gap:6px}
.legend img{width:30px;height:auto;display:inline-block}
.node-hot{border:2px solid var(--red)}
.node-hot .stamp{width:50px}
.now{display:inline-block;font-style:normal;font-size:16px;font-weight:800;background:var(--red);color:#fff;border-radius:5px;padding:0 7px;line-height:1.6;margin-bottom:3px}
.cond{display:block;font-size:16px;line-height:1.7;color:var(--red-ink);font-weight:700;margin-top:2px}
@media (max-width:979px){
  .flow{margin-top:18px}
  .flow .stamp{width:40px}
  .flow .node-hot .stamp{width:46px}
  .flow .node{padding:8px 10px;gap:10px}
  .flow .node+.node{margin-top:6px}
  .flow .n-body b{font-size:16.5px;line-height:1.35}
  .flow .n-body>span:not(.cuts):not(.core-note){display:none}
  .flow .stage{padding:10px 8px 8px}
  .flow .stage-name{margin-bottom:6px;font-size:16px}
  .flow .arrow{height:18px;margin:3px auto}
  .flow .node-core{padding:14px 14px}
  .flow .node-core .n-body b{font-size:24px}
  .flow .node-core .cuts{margin-top:8px}
  .flow .node-core .core-note{margin-top:6px!important;font-size:16px}
  .flow .loop{margin-top:10px;padding:10px 14px 10px 46px}
  .flow .loop b{font-size:17px}
  .flow .loop>span:last-child{font-size:16px}
}

/* ===== 成交卡在哪?30 秒自我檢查(10-05 追加) ===== */
.quiz-sec{padding:44px 0 50px;background:var(--paper-2);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.quiz-sec.lite{padding-top:36px}
.quiz{margin-top:14px}
.quiz .q{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--rule)}
.quiz .q p{margin:0;font-size:16.5px;line-height:1.7;font-weight:700}
.yn{display:flex;gap:6px;flex:none}
.yn button{min-width:54px;min-height:44px;border-radius:10px;border:2px solid var(--rule);background:var(--card);font:800 18px/1 var(--sans);color:var(--ink);cursor:pointer;padding:0 8px}
.yn button.sel[data-v="1"]{background:var(--red);border-color:var(--red);color:#fff}
.yn button.sel[data-v="0"]{background:var(--ink);border-color:var(--ink);color:#fff}
.quiz-out{margin-top:22px;background:var(--card);border:2px solid var(--red);border-radius:var(--r-lg);padding:18px 16px;box-shadow:var(--shadow-1),var(--shadow-2)}
.quiz-out h3{font-size:24px;margin-bottom:.2em}
.quiz-out .left{font-size:16px;color:var(--muted);margin:0 0 10px}
.quiz-out ul{list-style:none;padding:0;margin:0 0 14px}
.quiz-out li{display:flex;gap:10px;align-items:center;padding:9px 0;border-top:1px dashed var(--rule)}
.quiz-out li img{width:42px;flex:none}
.quiz-out li b{display:block;font-size:16.5px}
.quiz-out li span{display:block;font-size:16px;line-height:1.7;color:var(--muted)}
.quiz-out .rec{background:var(--red-soft);border-radius:12px;padding:12px 14px;margin:0 0 6px;font-size:16.5px}
.quiz-out .rec b{color:var(--red-ink)}
.quiz-out .cta-row{margin:12px 0 6px}
.quiz-out .back{margin:14px 0 0;font-weight:800;font-size:17px}
.quiz-out .back a{color:var(--red-ink)}

/* 頁尾會員中心(小連結,不當主打)+健檢頁第二張真實截圖 */
.copy .member{color:var(--muted);font-size:16px;margin-left:8px}
.feat-img img.stack2{margin-top:12px}
/* 手機地圖壓到 ≤760px:剪之前四格、剪之後⑧⑨排成兩欄 */
@media (max-width:979px){
  .flow .stage:not(.core){display:grid;grid-template-columns:1fr 1fr;gap:6px}
  .flow .stage:not(.core) .stage-name{grid-column:1/-1;margin-bottom:0}
  .flow .stage:not(.core) .node{margin:0;padding:8px 7px;gap:6px;align-items:center}
  .flow .stage:not(.core) .node[data-node="6"]{grid-column:1/-1}
  .flow .stage:not(.core) .stamp,.flow .stage:not(.core) .node-hot .stamp{width:34px}
  .flow .stage:not(.core) .n-body b{font-size:16px;line-height:1.38}
  .flow .loop-in::after{right:6px}
}
@media (max-width:979px){.flow .stage:not(.core) .loop-in{padding-top:14px}.flow .loop-in::after{top:-12px}}
@media (min-width:860px){.hero2 h1{font-size:52px}}

/* ===== 回到剪輯(10-05 老闆追加):所有情報最後都變成剪輯台上的決定 ===== */
/* 同款「剪輯片段」造型:時間軸 clip 與各段結尾小條共用(朱紅片段+深色把手+底部波形條) */
.tocut,.clip{position:relative;color:#fff;background:#C0463A;border-left:5px solid #7E2219;border-right:5px solid #7E2219;border-radius:8px;box-shadow:var(--shadow-1)}
.tocut::after,.clip::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;border-radius:0 0 3px 3px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.32) 0 2px,transparent 2px 6px)}
.tocut{display:flex;align-items:stretch;margin:12px 0 0;font-size:16px;line-height:1.7;overflow:hidden}
.tocut .tc-tag{flex:none;display:flex;align-items:center;background:rgba(0,0,0,.2);font-weight:900;font-size:16px;padding:8px 10px 11px;white-space:nowrap}
.tocut .tc-txt{padding:8px 12px 11px;font-weight:700}

.tl{margin-top:22px;background:#221D19;border-radius:var(--r-lg);padding:16px 12px 18px;color:#F3ECE3;box-shadow:var(--shadow-1),var(--shadow-2)}
.tl-head{display:flex;align-items:center;gap:8px;margin:0 0 12px 4px;font-size:16px;letter-spacing:.06em;color:#D8CABB}
.tl-grid{position:relative;display:grid;column-gap:0}
.tl-col{display:contents}
.tl-src{display:flex;align-items:center;gap:6px;background:#2F2925;border:1px solid #4A403A;border-radius:10px;padding:6px 7px;text-decoration:none;color:#fff;font-size:16px;line-height:1.3;transition:opacity .35s ease}
.tl-src .stamp{width:30px}
.tl-src b{font-weight:800}
.tl-wire{display:block;background:#E0705F;transition:transform .35s ease,background-color .35s ease}
.tl-band{display:block;background-color:#14110F;border-radius:10px;border:1px solid #3A332E}
.clip{display:block;text-decoration:none;padding:6px 9px 11px;transition:opacity .4s ease,transform .4s ease}
.clip .tc{display:block;font-size:16px;font-weight:800;color:#FFD9CF;letter-spacing:.04em}
.clip b{display:block;font-size:16px;line-height:1.35;font-weight:900}
.clip .from{display:block;font-size:16px;line-height:1.7;color:#FBE2DC;margin-top:3px}
.clip-next{background:#3A332E;border-color:#E0705F}
.clip:hover,.tl-src:hover{filter:brightness(1.08)}
.tl-foot{margin:14px 0 0;font-size:16px;color:var(--muted)}
.tl-foot b{color:var(--ink)}
@media (max-width:979px){
  .tl-grid{grid-template-columns:96px 18px 1fr;grid-template-rows:repeat(7,auto)}
  .tl-src{grid-column:1;grid-row:var(--i);align-self:center;margin:5px 0}
  .tl-wire{grid-column:2;grid-row:var(--i);align-self:center;height:2px;transform-origin:left center}
  .clip{grid-column:3;grid-row:var(--i);margin:6px 8px}
  .tl-band{grid-column:3;grid-row:1/-1;background-image:repeating-linear-gradient(180deg,#3A332E 0 1px,transparent 1px 22px);background-size:6px 100%;background-repeat:no-repeat}
  .tl.armed .tl-wire{transform:scaleX(0)}
  .tl.armed .clip{opacity:0;transform:translateX(26px)}
}
@media (min-width:980px){
  .tl{padding:20px 18px 22px}
  .tl-grid{grid-template-columns:repeat(7,1fr);grid-template-rows:auto 34px auto;column-gap:8px}
  .tl-src{grid-row:1;grid-column:var(--i);flex-direction:column;text-align:center;justify-content:center}
  .tl-src .stamp{width:34px}
  .tl-wire{grid-row:2;grid-column:var(--i);justify-self:center;width:2px;transform-origin:center top}
  .clip{grid-row:3;grid-column:var(--i);margin:16px 0 10px}
  .tl-band{grid-row:3;grid-column:1/-1;margin:0 -8px;background-image:repeating-linear-gradient(90deg,#3A332E 0 1px,transparent 1px 24px);background-size:100% 8px;background-repeat:no-repeat}
  .tl.armed .tl-wire{transform:scaleY(0)}
  .tl.armed .clip{opacity:0;transform:translateY(-22px)}
}
.tl.armed .tl-wire{background-color:#4A403A}
.tl.armed .tl-src{opacity:.5}
.tl.armed.go .tl-wire{transform:none;background-color:#E0705F;transition-delay:calc(var(--i) * .28s)}
.tl.armed.go .tl-src{opacity:1;transition-delay:calc(var(--i) * .28s)}
.tl.armed.go .clip{opacity:1;transform:none;transition-delay:calc(var(--i) * .28s + .2s)}
@media (prefers-reduced-motion:reduce){.tl-wire,.clip,.tl-src{transition:none!important}}
/* 深色剪輯台上印章看不清(附贈章是墨色):印章墊一塊紙色底;手機情報小卡改上下排 */
.tl-src .stamp{background:#F5F1EA;border-radius:6px;padding:3px;box-sizing:content-box}
@media (max-width:979px){.tl-src{flex-direction:column;text-align:center;justify-content:center;gap:3px;font-size:16px;padding:6px 4px}.tl-src .stamp{width:28px}}
.tocut{width:fit-content;max-width:100%}

/* ===== 第三輪(10-05):長者字級+導覽列+全螢幕選單+CTA 動畫+送朋友/同業合作 ===== */
:root{--muted:#4A433A;--top-h:64px}
html{overflow-anchor:none}   /* 10-05 修抖動:頁首捲動時變矮,瀏覽器自動拉回捲動位置會讓它來回切換 */
picture{display:block}
.btn-txt{min-width:0}

/* 頁首:印章字標+一排選單(≥1100)+常駐主按鈕;捲動後縮小 */
.top .wrap.bar{max-width:1280px;height:var(--top-h);transition:height .2s ease}
.top.compact{--top-h:54px;box-shadow:0 6px 18px -12px rgba(74,48,30,.45)}
.logo{display:flex;align-items:center;gap:10px;min-height:44px;color:var(--ink)}
.logo .seal{display:grid;place-items:center;width:40px;height:40px;flex:none;background:var(--red);color:#fff;font:900 23px/1 var(--sans);
  border-radius:9px;transform:rotate(-4deg);box-shadow:inset 0 0 0 2px rgba(255,255,255,.35),0 3px 0 var(--red-ink);transition:width .2s,height .2s}
.top.compact .logo .seal{width:34px;height:34px;font-size:20px}
.logo .wm{display:flex;flex-direction:column;line-height:1.15}
.logo .wm b{color:var(--ink);font-size:19px;font-weight:900;letter-spacing:.02em}
.logo .wm em{font-style:normal;color:var(--red)}
.logo .wm small{display:none;font-size:16px;font-weight:600;color:var(--muted);margin-top:3px}
@media (min-width:1280px){.top:not(.compact) .logo .wm small{display:block}}
.nav{display:none;align-items:center;gap:2px;margin-left:auto}
.nav a{position:relative;display:inline-flex;align-items:center;min-height:44px;font-size:18px;font-weight:700;padding:6px 10px;color:var(--ink)}
.nav a:hover{background:var(--paper-2)}
.nav a[aria-current]{background:transparent;color:var(--red-ink);font-weight:900}
.nav a[aria-current]::after{content:"";position:absolute;left:10px;right:10px;bottom:3px;height:3px;border-radius:3px;background:var(--red)}
@media (min-width:1100px){.nav{display:flex}.nav a.nav-2{display:none}}
@media (min-width:1280px){.nav a.nav-2{display:inline-flex}.burger{display:none!important}}
.btn-nav{display:none;margin-left:6px;min-height:52px;padding:8px 46px 8px 8px;font-size:18px;overflow:visible!important}
.btn-nav .free-tag{position:absolute;top:-11px;right:-8px;z-index:3;font:900 16px/1 var(--sans);font-style:normal;color:#fff;background:var(--red);
  border:2px solid #fff;border-radius:8px;padding:3px 6px;transform:rotate(9deg);box-shadow:0 2px 6px rgba(0,0,0,.2)}
@media (min-width:700px){.btn-nav{display:inline-flex}}
.btn-nav::before{display:none}

/* 選單按鈕:三條線+「選單」,開啟時線變成 X */
.burger{display:inline-flex;align-items:center;gap:8px;min-height:52px;min-width:52px;padding:0 14px 0 12px;margin-left:8px;flex:none;
  background:var(--card);color:var(--ink);border:2px solid var(--ink);border-radius:12px;font:900 18px/1 var(--sans);cursor:pointer;
  box-shadow:0 3px 0 var(--ink)}
.burger:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}
.burger-lines{position:relative;width:22px;height:16px;flex:none}
.burger-lines i{position:absolute;left:0;width:22px;height:3px;border-radius:3px;background:currentColor;transition:transform .28s ease,opacity .2s ease,top .28s ease}
.burger-lines i:nth-child(1){top:0}.burger-lines i:nth-child(2){top:6.5px}.burger-lines i:nth-child(3){top:13px}
.burger[aria-expanded="true"]{background:var(--ink);color:#fff;box-shadow:0 3px 0 #000}
.burger[aria-expanded="true"] .burger-lines i:nth-child(1){top:6.5px;transform:rotate(45deg)}
.burger[aria-expanded="true"] .burger-lines i:nth-child(2){opacity:0}
.burger[aria-expanded="true"] .burger-lines i:nth-child(3){top:6.5px;transform:rotate(-45deg)}
.top .bar .logo{margin-right:auto}

/* 全螢幕選單(手機)/大抽屜(平板以上);在頁首下面,頁首的「選單」鈕變成關閉 */
html.lock,html.lock body{overflow:hidden}
/* 2026-10-06 T1006-13:body 設 overflow:hidden 會變成捲動容器,捲過再開選單時黏頂頁首(含「關閉」鈕)被帶出畫面;body 改 clip 不成捲動容器,頁首留在頂端 */
html.lock body{overflow:clip}
.drawer{position:fixed;inset:0;z-index:39}
.drawer[hidden]{display:none}
.drawer-scrim{position:absolute;inset:0;background:rgba(27,23,19,.55);opacity:0;transition:opacity .25s ease}
.drawer.open .drawer-scrim{opacity:1}
.drawer-panel{position:absolute;top:0;right:0;bottom:0;width:100%;overflow-y:auto;overscroll-behavior:contain;background:var(--paper);
  padding:calc(var(--top-h) + 18px) var(--gut) calc(26px + env(safe-area-inset-bottom));transform:translateY(-12px);opacity:0;transition:transform .3s ease,opacity .25s ease}
.drawer.open .drawer-panel{transform:none;opacity:1}
@media (min-width:700px){.drawer-panel{width:500px;border-left:2px solid var(--ink);transform:translateX(24px)}}
.d-kicker{font-size:20px;font-weight:900;margin:0 0 12px;color:var(--ink)}
.d-kicker::before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--red);margin-right:8px;vertical-align:2px}
.d-picks{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.d-pick{position:relative;display:flex;flex-direction:column;gap:2px;min-height:44px;padding:12px 12px 14px;text-decoration:none;color:var(--ink);
  background:var(--card);border:2px solid var(--ink);border-radius:14px;box-shadow:0 4px 0 var(--ink);transition:transform .15s,box-shadow .15s}
.d-pick:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}
.d-pick img{width:46px;height:auto;margin-bottom:4px;transform:rotate(-8deg)}
.d-pick b{font-size:18px;line-height:1.3;font-weight:900}
.d-pick span{font-size:16px;line-height:1.5;color:var(--muted)}
.d-pick::after{content:"免費領 →";margin-top:auto;padding-top:6px;font-size:16px;font-weight:900;color:var(--go)}
.d-quiz{display:block;margin:14px 0 6px;padding:13px 14px;border:2px dashed var(--red);border-radius:14px;background:var(--red-soft);text-decoration:none;color:var(--ink)}
.d-quiz b{display:block;font-size:18px;font-weight:900;color:var(--red-ink)}
.d-quiz span{display:block;font-size:16px;line-height:1.6}
.d-links{margin:10px 0 18px;border-top:2px solid var(--ink)}
.d-link{position:relative;display:block;min-height:44px;padding:12px 40px 12px 4px;text-decoration:none;color:var(--ink);border-bottom:1px solid var(--rule)}
.d-link b{display:block;font-size:19px;font-weight:900;line-height:1.35}
.d-link span{display:block;font-size:16px;line-height:1.5;color:var(--muted)}
.d-link::after{content:"";position:absolute;right:12px;top:50%;width:10px;height:10px;border-top:3px solid var(--ink);border-right:3px solid var(--ink);transform:translateY(-50%) rotate(45deg)}
.d-link[aria-current]{padding-left:14px;background:var(--card)}
.d-link[aria-current]::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:5px;border-radius:3px;background:var(--red)}
.d-cta .btn{width:100%}
.d-cta .cta-note{text-align:center;margin-top:8px}
.drawer.open [style*="--d"]{animation:dIn .45s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--d) * 45ms + 60ms)}
@keyframes dIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* 主按鈕:飽和綠漸層+立體陰影+LINE 白圓標+右側箭頭+定時掃光;按下有回饋 */
.btn{min-height:52px;font-size:18px}
.btn-go{position:relative;overflow:hidden;isolation:isolate;min-height:58px;padding:10px 52px 10px 10px;gap:12px;border-radius:14px;
  background:linear-gradient(180deg,#139A4C 0%,#077F3B 55%,#066E33 100%);color:#fff;font-size:19px;font-weight:900;letter-spacing:.01em;
  text-shadow:0 1px 0 rgba(0,0,0,.25);box-shadow:0 5px 0 #04532A,0 16px 26px -12px rgba(7,127,59,.7);
  transition:transform .12s ease,box-shadow .12s ease,filter .15s ease}
.btn-go:hover{background:linear-gradient(180deg,#16A653 0%,#088A40 55%,#077A38 100%);transform:translateY(-2px);box-shadow:0 7px 0 #04532A,0 20px 30px -12px rgba(7,127,59,.75)}
.btn-go:active{transform:translateY(4px);box-shadow:0 1px 0 #04532A,0 6px 12px -8px rgba(7,127,59,.6)}
.btn-go:focus-visible{outline:3px solid var(--red);outline-offset:4px}
.btn-ico{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:50%;background:#fff;color:#06A84B;box-shadow:inset 0 -2px 0 rgba(0,0,0,.08)}
.btn-ico svg{width:24px;height:24px}
.btn-go::after{content:"";position:absolute;right:22px;top:50%;width:11px;height:11px;margin-top:-6px;border-top:3.5px solid #fff;border-right:3.5px solid #fff;
  transform:rotate(45deg);animation:nudge 1.6s ease-in-out infinite}
.btn-go::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:-60%;width:40%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.38),transparent);transform:skewX(-18deg);animation:shine 4.2s ease-in-out infinite}
@keyframes nudge{0%,100%{transform:translateX(0) rotate(45deg)}50%{transform:translateX(5px) rotate(45deg)}}
@keyframes shine{0%,62%{left:-60%}100%{left:130%}}
.btn-go .btn-txt{text-align:left;line-height:1.35}
.cta-note{font-size:16px;line-height:1.7;margin-top:2px}
.btn-line{min-height:52px;background:var(--card);border:2px solid var(--ink);box-shadow:0 3px 0 var(--ink)}
.btn-line:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}
.btn-sm{min-height:52px;font-size:18px}
.btn-share{position:relative;min-height:56px;padding:8px 18px 8px 8px;gap:10px;background:var(--go);color:#fff;font-weight:900;
  box-shadow:0 4px 0 #04532A;border-radius:14px}
.btn-share:active{transform:translateY(3px);box-shadow:0 1px 0 #04532A}
@media (prefers-reduced-motion:reduce){
  .btn-go::before,.btn-go::after,.drawer.open [style*="--d"]{animation:none!important}
  .drawer-panel,.drawer-scrim,.burger-lines i,.btn-go,.top .wrap.bar{transition:none!important}
}

/* 手機底部按鈕:加一行消除顧慮;平板以上改用頁首主按鈕 */
body{padding-bottom:124px}
.dock .btn{min-height:56px;width:100%;justify-content:flex-start}
.dock-note{margin:6px 0 0;text-align:center;font-size:16px;line-height:1.4;color:var(--muted)}
@media (min-width:700px){.dock{display:none}body{padding-bottom:0}}

/* 點得到:頁尾連結、跳轉鈕 ≥44 高 */
.foot a{display:flex;align-items:center;min-height:44px;padding:4px 0;font-size:17px}
.foot h4{font-size:18px}
.foot .copy{font-size:16px}
.faq summary{font-size:18px;min-height:52px}
.faq .a{font-size:18px}
.jump{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.jump a{display:inline-flex;align-items:center;min-height:48px;padding:6px 18px;border:2px solid var(--ink);border-radius:999px;background:var(--card);
  text-decoration:none;font-size:18px;font-weight:800;box-shadow:0 3px 0 var(--ink)}
.h2s{font-size:clamp(25px,5.6vw,34px)}
.share-line{text-align:center;font-size:18px;margin:22px 0 0}

/* 圖:方圖、直圖在雙欄裡不要撐太大 */
.feat-img img.sq{max-width:460px;margin:0 auto}
.info img.tall,.info.tall img{max-width:440px;margin:0 auto}

/* 窄螢幕的表格改卡片:每格帶標題,不用左右滑 */
@media (max-width:560px){
  .vs thead{display:none}
  .vs,.vs tbody,.vs tr,.vs td{display:block;width:100%!important}
  .vs tr{border-bottom:1px solid var(--rule);padding:12px 14px}
  .vs tr:last-child{border-bottom:0}
  .vs td{border:0;padding:3px 0!important;font-size:17px!important}
  .vs td.k{font-size:19px!important;font-weight:900;padding-bottom:6px!important}
  .vs td.us{background:#FFF7F3;border-radius:10px;padding:8px 10px!important;margin-top:4px}
  .vs td[data-label]::before{content:attr(data-label);display:block;font-size:16px;font-weight:800;color:var(--muted)}
  .vs td.us[data-label]::before{color:var(--red-ink)}
  .tbl-cards thead{display:none}
  .tbl-cards,.tbl-cards tbody,.tbl-cards tr,.tbl-cards td{display:block;width:100%}
  .tbl-cards tr{padding:10px 12px;border-bottom:1px solid var(--rule)}
  .tbl-cards td{border:0;padding:3px 0;white-space:normal!important;display:flex;justify-content:space-between;gap:12px}
  .tbl-cards td[data-label]::before{content:attr(data-label);font-weight:700;color:var(--muted)}
  .tbl-cards td:first-child{font-weight:900}
  .tbl-cards td:first-child::before{display:none}
}
.tbl th,.tbl td{font-size:17px;line-height:1.7}

/* 朋友送的:網址帶 gift/code 時頁首下方出現 */
.gift-bar{background:var(--red);color:#fff}
.gift-bar[hidden]{display:none}
.gift-bar .gb-in{max-width:var(--max);margin:0 auto;padding:14px var(--gut);display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.gift-bar .gb-t{flex:1 1 260px;font-size:19px;font-weight:900;line-height:1.5;margin:0}
.gift-bar .gb-t span{display:block;font-size:16px;font-weight:600}

/* 送朋友頁 */
.codebox{background:var(--card);border:2px solid var(--ink);border-radius:var(--r-lg);padding:18px;margin-top:18px;box-shadow:var(--shadow-2)}
.codebox label b{display:block;font-size:20px}
.codebox label span{display:block;font-size:16px;line-height:1.7;color:var(--muted);margin:2px 0 10px}
.code-row{display:flex;gap:10px;flex-wrap:wrap}
.code-row input{flex:1 1 160px;min-width:0;min-height:52px;padding:8px 14px;border:2px solid var(--ink);border-radius:12px;background:#fff;
  font:800 22px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.code-row .btn{flex:0 0 auto;padding:10px 22px}
.code-st{font-size:16px;line-height:1.7;margin:10px 0 0;color:var(--muted)}
.code-st.ok{color:var(--go);font-weight:800}
.gifts{display:grid;gap:16px;margin-top:18px}
@media (min-width:760px){.gifts{grid-template-columns:1fr 1fr}}
@media (min-width:1100px){.gifts{grid-template-columns:repeat(3,1fr)}}
.gift{position:relative;display:flex;flex-direction:column;background:var(--card);border:2px solid var(--rule);border-radius:var(--r-lg);padding:20px 18px;box-shadow:var(--shadow-1),var(--shadow-2)}
.gift .stamp{position:absolute;top:12px;right:12px;width:62px;transform:rotate(8deg)}
.gift h3{padding-right:70px;font-size:21px;line-height:1.4}
.gift p{font-size:18px}
.gift .gift-msg{font-size:16px;line-height:1.7;background:var(--paper);border:1px dashed var(--muted);border-radius:12px;padding:10px 12px;color:var(--ink);word-break:break-all}
.gift-msg:empty{display:none}
.gift-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}
.gift-btns .btn{flex:1 1 200px}
.share-toast{position:fixed;left:50%;bottom:140px;z-index:70;transform:translateX(-50%);max-width:calc(100% - 32px);background:var(--ink);color:#fff;
  font-size:18px;font-weight:800;padding:12px 20px;border-radius:999px;box-shadow:0 10px 30px rgba(0,0,0,.3);text-align:center}
.share-toast[hidden]{display:none}
@media (min-width:700px){.share-toast{bottom:40px}}
.yn button{min-height:52px;min-width:56px}
/* 第三輪 QA 修正:內文一律 ≥18px、深紅片段上的小字改白字、文字連結點擊區 44 高、禮物卡印章不壓字 */
main li,main td,main th,.why,.tocut,.tocut .tc-txt,.tl-foot,.steps span,.quiz .q p,.vs th,.vs td,.tbl th,.tbl td{font-size:18px}
@media (max-width:560px){.vs td{font-size:18px!important}.vs td.k{font-size:20px!important}}
.tocut,.clip{background:#A43A2F}.clip .tc,.clip .from{color:#fff}
.textlink{padding:9px 0}
.dock-note{line-height:1.7;margin-top:4px}
.btn-nav{flex:none;white-space:nowrap}
.gift .stamp{position:static;display:block;width:62px;margin:0 0 6px;transform:rotate(-6deg)}
.gift h3{padding-right:0}
.ticks li,.case .why,.vs thead th,.loop>span:last-child,.flow .loop>span:last-child,.codebox label span{font-size:18px}
.btn-txt{text-wrap:balance}
/* 朋友送的橫條出現時,首屏那顆主按鈕讓位(一個畫面只留一顆主按鈕) */
html.ref-gift main .hero .cta-row,html.ref-gift main .hero .cta-row+.cta-note{display:none}
.top.cta-in-view .btn-nav{background:var(--card);color:var(--go);text-shadow:none;box-shadow:0 3px 0 var(--go);outline:2px solid var(--go);outline-offset:-2px}
.top.cta-in-view .btn-nav::after{border-color:var(--go);animation:none}
.top.cta-in-view .btn-nav .btn-ico{background:#E3F4E9}
.lead{text-wrap:pretty}
.lead .red,.lead b{white-space:nowrap}
.share-line .textlink{white-space:nowrap}
/* 10-05 老闆:「得到報告後進一步怎麼改」預設收起,點了才打開 */
.howcut{margin:16px 0 0;border:2px solid #E2D6C6;border-left:5px solid var(--red);border-radius:10px;background:var(--card)}
.howcut summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:10px 14px;font-size:18px;line-height:1.5;font-weight:900;color:var(--red-ink)}
.howcut summary::-webkit-details-marker{display:none}
.howcut .hc-open{flex:none;display:inline-flex;align-items:center;gap:6px;font-size:18px;font-weight:800;color:var(--ink);background:#F3ECE2;border-radius:999px;padding:6px 12px}
.howcut .hc-open::after{content:"";width:9px;height:9px;border-right:3px solid currentColor;border-bottom:3px solid currentColor;transform:translateY(-3px) rotate(45deg);transition:transform .2s}
.howcut[open] .hc-open{font-size:0;gap:0;padding:6px 10px}
.howcut[open] .hc-open::before{content:"收起";font-size:18px;margin-right:6px}
.howcut[open] .hc-open::after{transform:translateY(2px) rotate(-135deg)}
.howcut .hc-body{padding:0 14px 14px}
.howcut .hc-body .why{margin:0;border-left:0;padding:0;background:none}
.howcut .hc-body .tocut{margin-top:12px}
.howcut summary:focus-visible{outline:3px solid var(--go);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.howcut .hc-open::after{transition:none}}

/* ======================================================================
   第四輪(10-05):多色寶石奢華
   老闆:「高當奢侈品牌的感覺,整個網站都要是,但必須是多色彩的高檔奢侈品牌不是單色的那種」
   基準=edit-referral/_shots/lux/richmenu_rich.png:每區不同真材質+不同寶石色+金色斜邊+統一一盞左上暖光。
   底=象牙紙(長者讀得清楚);寶石五色:祖母綠漆/紅寶石朱漆/寶藍絲絨/干邑皮/錘金(+象牙皮)。
   材質貼圖=site/assets/img/lux/tex-*.webp(生成,無字);字一律 HTML。
   ====================================================================== */
:root{
  --paper:#F4EEE2; --paper-2:#ECE3D1; --card:#FCF8EF; --ink:#1E1810; --muted:#4A4136; --rule:#DCCDB0;
  --red:#9B2A27; --red-ink:#7A1A1F; --red-soft:#F4E2D6;
  --gold-ink:#6E5212; --kick:#6E5212;
  --emerald:#0F4D38; --sapphire:#16306A; --cognac:#8A4A22; --ruby:#8A1F25;
  --serif:"Noto Serif TC","Songti TC","Source Han Serif TC","PMingLiU",serif;
  --gold-edge:linear-gradient(135deg,#FBEBB5 0%,#D9B45E 20%,#9A7426 46%,#EED38A 66%,#B18A35 84%,#F6E2A6 100%);
  --gold-line:linear-gradient(90deg,rgba(201,162,74,0),#C9A24A 14%,#F3DD97 50%,#C9A24A 86%,rgba(201,162,74,0));
  --hl:radial-gradient(120% 85% at 0% 0%,rgba(255,246,222,.18),rgba(255,246,222,0) 52%);
  --lux-in:inset 0 1px 0 rgba(255,255,255,.30),inset 0 -3px 8px rgba(0,0,0,.26);
  --lux-sh:0 1px 1px rgba(70,40,10,.20),0 5px 10px -3px rgba(70,40,10,.20),0 24px 42px -20px rgba(70,40,10,.50);
  --tx-emerald:url(/assets/img/lux/tex-emerald.webp); --tx-cognac:url(/assets/img/lux/tex-cognac.webp);
  --tx-sapphire:url(/assets/img/lux/tex-sapphire.webp); --tx-gold:url(/assets/img/lux/tex-gold.webp);
  --tx-ivory:url(/assets/img/lux/tex-ivory.webp); --tx-ruby:url(/assets/img/lux/tex-ruby.webp);
}
body{background-color:var(--paper);
  background-image:radial-gradient(70% 520px at 0% 0%,rgba(255,232,180,.38),rgba(255,232,180,0) 70%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.04'/%3E%3C/svg%3E");
  background-repeat:no-repeat,repeat}
h1,h2,h3,.logo .wm b,.price,.d-link b,.d-kicker,.pick b,.d-pick b,.ticket b,.final h2,.foot h4,.quiz-out h3{font-family:var(--serif);letter-spacing:.01em}
h1,h2{font-weight:900}
h3{font-weight:700}
.kicker{color:var(--kick);letter-spacing:.14em;display:flex;align-items:center;gap:10px}
.kicker::before{content:"";flex:none;width:9px;height:9px;transform:rotate(45deg);background:linear-gradient(135deg,#F6E2A6,#B8862E);box-shadow:0 0 0 1px rgba(110,82,18,.35)}
.hero h1 .red,h1 .red,h2 .red{color:var(--ruby)}
.sec.alt{background-color:var(--paper-2);border-top:0;border-bottom:0;position:relative}
.sec.alt::before,.sec.alt::after{content:"";position:absolute;left:0;right:0;height:2px;background:var(--gold-line);opacity:.8}
.sec.alt::before{top:0}.sec.alt::after{bottom:0}

/* ---------- 材質系統 ---------- */
/* 1) 哪個元件用哪種寶石(只設貼圖+底色) */
:where(.m-emerald,.btn-go,.stage.core,#edit,.vs thead th.us,.cuts i,.clip-next,.yn button.sel[data-v="0"]){
  --tex:var(--tx-emerald);--base:#0F4D38;--tint:linear-gradient(rgba(6,36,25,.22),rgba(6,36,25,.22))}
:where(.m-sapphire,.tl,.foot,.d-quiz){
  --tex:var(--tx-sapphire);--base:#16306A;--tint:linear-gradient(transparent,transparent)}
:where(.m-cognac,.quiz-sec,.final,.btn-share){
  --tex:var(--tx-cognac);--base:#7C401C;--tint:linear-gradient(rgba(52,22,6,.50),rgba(52,22,6,.50))}
:where(.m-ruby,.logo .seal,.tocut,.gift-bar,.tag:not(.ink),.free-tag,.now,.loop-in,.yn button.sel[data-v="1"]){
  --tex:var(--tx-ruby);--base:#86202A;--tint:linear-gradient(transparent,transparent)}
:where(.m-gold,.ticket,.node-core,.clip:not(.clip-next),.price-card .badge){
  --tex:var(--tx-gold);--base:#D4B05C;--tint:linear-gradient(transparent,transparent)}
:where(.m-ivory,.card,.quiz,.node,.stage:not(.core),.faq details,.howcut,.fold,.gift,.codebox,.tl-src,.btn-line,.yn button:not(.sel),.jump a){
  --tex:var(--tx-ivory);--base:#F3EBDC;--tint:linear-gradient(rgba(255,252,244,.35),rgba(255,252,244,.35))}
/* 卡片輪色(多色有節奏):格子裡的卡第 1 象牙/第 2 祖母綠/第 3 寶藍/第 4 干邑;價格卡另配 */
:is(.grid,.two-col-list)>.card:not(.price-card):nth-child(4n+2),.gift:nth-child(5n+1){--tex:var(--tx-emerald);--base:#0F4D38;--tint:linear-gradient(rgba(6,36,25,.22),rgba(6,36,25,.22))}
:is(.grid,.two-col-list)>.card:not(.price-card):nth-child(4n+3),.gift:nth-child(5n+3),.grid>.price-card:nth-child(3){--tex:var(--tx-sapphire);--base:#16306A;--tint:linear-gradient(transparent,transparent)}
:is(.grid,.two-col-list)>.card:not(.price-card):nth-child(4n+4),.gift:nth-child(5n+4){--tex:var(--tx-cognac);--base:#7C401C;--tint:linear-gradient(rgba(52,22,6,.50),rgba(52,22,6,.50))}
.price-card.featured{--tex:var(--tx-ruby);--base:#86202A;--tint:linear-gradient(transparent,transparent)}

/* 2) 材質疊法:左上暖光 → 色調 → 真材質貼圖 → 底色 → 金色斜邊(邊框);用 :is 讓它蓋過前幾輪的單色底 */
:is(.m-emerald,.m-sapphire,.m-cognac,.m-ruby,.m-gold,.m-ivory,.btn-go,.stage.core,.cuts i,.card,.quiz,.node,.stage:not(.core),
  .faq details,.howcut,.fold,.gift,.codebox,.tl-src,.btn-line,.yn button,.jump a,.tl,.d-quiz,.final,.btn-share,.logo .seal,.tocut,
  .price-card .badge,.tag:not(.ink),.free-tag,.now,.ticket,.node-core,.clip,.steps li){
  border:2px solid transparent;
  background:var(--hl) padding-box,var(--tint) padding-box,var(--tex) center/cover padding-box,linear-gradient(var(--base),var(--base)) padding-box,var(--gold-edge) border-box;
  box-shadow:var(--lux-in),var(--lux-sh)}
/* 整段滿版材質(不加框)+表頭格 */
#edit,.quiz-sec,.foot,.gift-bar,.vs thead th.us{border:0;background:var(--hl),var(--tint),var(--tex) center/cover,linear-gradient(var(--base),var(--base))}
.loop-in::after{background:var(--tx-ruby) center/cover,linear-gradient(#86202A,#86202A)}
/* 皮革縫線 */
:where(.m-cognac,.m-ivory,.final,.quiz,.gift,.codebox,.card,:is(.grid,.two-col-list)>.card:not(.price-card):nth-child(4n+4)){outline:1.5px dashed rgba(176,136,62,.55);outline-offset:-9px}
:where(.m-cognac,.final,:is(.grid,.two-col-list)>.card:not(.price-card):nth-child(4n+4),.gift:nth-child(5n+4)){outline-color:rgba(232,198,128,.78)}
:where(:is(.grid,.two-col-list)>.card:not(.price-card):nth-child(4n+2),:is(.grid,.two-col-list)>.card:not(.price-card):nth-child(4n+3),.price-card,.gift:nth-child(5n+1),.gift:nth-child(5n+3)){outline:0}

/* 3) 深色寶石上的字:換一整組顏色變數(象牙字+淡金重點);淺色材質(象牙、錘金)=深墨字 */
:where(.m-emerald,.m-sapphire,.m-cognac,.m-ruby,#edit,.quiz-sec,.foot,.tl,.final,.stage.core,.d-quiz,.gift-bar,.vs thead th.us,.cuts i,.tocut,.clip-next,
  .tag:not(.ink),.free-tag,.now,.logo .seal,.btn-share){
  color:#FBF5E8;--ink:#FBF5E8;--muted:#ECE0C8;--red:#F1CF7E;--red-ink:#F6DCA0;--red-soft:rgba(255,236,190,.14);--kick:#F1D58E;
  --rule:rgba(241,213,142,.38);--card:rgba(255,255,255,.07);--paper:rgba(0,0,0,.22);--paper-2:rgba(255,255,255,.12);--go:#9FE3BE}
:where(.m-ivory,.card,.quiz,.node,.stage:not(.core),.faq details,.howcut,.fold,.codebox,.tl-src,.gift,.loop,.btn-line,.jump a){
  color:#1E1810;--ink:#1E1810;--muted:#4A4136;--red:#9B2A27;--red-ink:#7A1A1F;--red-soft:#F4E2D6;--kick:#6E5212;--rule:#DCCDB0;--card:#FCF8EF;--paper:#F4EEE2;--paper-2:#ECE3D1;--go:#0B5A3C}
:where(.m-gold,.ticket,.node-core,.clip:not(.clip-next),.price-card .badge){
  color:#241605;--ink:#241605;--muted:#3A2708;--red:#7A1A1F;--red-ink:#5E1418;--red-soft:rgba(255,255,255,.3);--kick:#4E3A0C;--rule:rgba(80,55,10,.3)}
/* 深色卡片(寫在 .card 之後,同一元件以深色為準) */
:is(.grid,.two-col-list)>.card:not(.price-card):nth-child(4n+2),:is(.grid,.two-col-list)>.card:not(.price-card):nth-child(4n+3),
:is(.grid,.two-col-list)>.card:not(.price-card):nth-child(4n+4),.price-card.featured,.grid>.price-card:nth-child(3),
.gift:nth-child(5n+1),.gift:nth-child(5n+3),.gift:nth-child(5n+4){
  color:#FBF5E8;--ink:#FBF5E8;--muted:#ECE0C8;--red:#F1CF7E;--red-ink:#F6DCA0;--red-soft:rgba(255,236,190,.14);--kick:#F1D58E;
  --rule:rgba(241,213,142,.38);--card:rgba(255,255,255,.07);--paper:rgba(0,0,0,.24);--paper-2:rgba(255,255,255,.12);--go:#9FE3BE}
.card{border-radius:16px}

/* ---------- 頁首:象牙皮+金線;印章=朱漆浮雕;主按鈕=祖母綠寶石 ---------- */
.top{background:linear-gradient(rgba(249,244,234,.93),rgba(249,244,234,.93)),var(--tx-ivory) center/600px;border-bottom:0;backdrop-filter:blur(8px)}
.top::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--gold-line);pointer-events:none}
.top.compact{box-shadow:0 10px 24px -16px rgba(70,40,10,.55)}
.logo .seal{width:42px;height:42px;border-radius:10px;transform:rotate(-4deg);font:900 24px/1 var(--serif);color:#F5DC97;
  text-shadow:0 1px 0 #4E0E12,0 -1px 0 rgba(255,236,190,.45);box-shadow:var(--lux-in),0 3px 6px rgba(80,20,10,.35)}
.top.compact .logo .seal{width:36px;height:36px;font-size:20px}
.logo .wm b{font-weight:900;font-size:20px;color:var(--ink)}
.logo .wm em{color:var(--ruby)}
.logo .wm small{letter-spacing:.06em}
.nav a{font-weight:700;letter-spacing:.06em;border-radius:6px}
.nav a:hover{background:transparent;color:var(--red-ink)}
.nav a:hover::after,.nav a[aria-current]::after{content:"";position:absolute;left:10px;right:10px;bottom:4px;height:2px;border-radius:2px;background:linear-gradient(90deg,#B8862E,#F3DD97,#B8862E)}
.nav a[aria-current]{color:var(--ruby);font-weight:900}
.nav a[aria-current]::before{content:"";position:absolute;left:50%;bottom:1px;width:7px;height:7px;margin-left:-3.5px;transform:rotate(45deg);background:linear-gradient(135deg,#F6E2A6,#B8862E)}
.btn-nav .free-tag{border:2px solid transparent;color:#FBF0D2;box-shadow:0 3px 8px rgba(80,20,10,.35)}

/* 主按鈕:祖母綠漆面寶石+金色斜邊+寶石反光;按下沉 */
.btn-go{border-radius:16px;color:#FFF8E6;text-shadow:0 1px 0 rgba(0,0,0,.4);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38),inset 0 -4px 8px rgba(0,0,0,.35),0 4px 0 #7A5B1C,0 18px 28px -12px rgba(15,77,56,.7)}
.btn-go:hover{background:var(--hl) padding-box,var(--tint) padding-box,var(--tex) center/cover padding-box,linear-gradient(var(--base),var(--base)) padding-box,var(--gold-edge) border-box;
  filter:brightness(1.08) saturate(1.05);transform:translateY(-2px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42),inset 0 -4px 8px rgba(0,0,0,.35),0 6px 0 #7A5B1C,0 22px 32px -12px rgba(15,77,56,.75)}
.btn-go:active{transform:translateY(4px);box-shadow:inset 0 2px 6px rgba(0,0,0,.45),0 0 0 #7A5B1C,0 6px 12px -8px rgba(15,77,56,.6);filter:brightness(.96)}
.btn-go:focus-visible{outline:3px solid #C9A24A;outline-offset:4px}
.btn-go::before{left:-70%;width:55%;transform:skewX(-20deg);
  background:linear-gradient(100deg,rgba(255,255,255,0) 20%,rgba(255,250,225,.55) 46%,rgba(170,255,225,.32) 52%,rgba(255,215,160,.22) 58%,rgba(255,255,255,0) 78%);
  animation:gemShine 5.2s cubic-bezier(.4,0,.2,1) infinite}
@keyframes gemShine{0%,58%{left:-70%}100%{left:130%}}
.btn-go::after{border-color:#F3D891}
.btn-ico{background:radial-gradient(circle at 35% 30%,#FFFFFF,#F2E8D0);box-shadow:0 0 0 2px #C9A24A,0 0 0 3px rgba(80,55,10,.35),inset 0 -2px 3px rgba(120,90,30,.18)}
.top.cta-in-view .btn-nav{background:var(--tx-ivory) center/cover padding-box,linear-gradient(#F7F0E2,#F7F0E2) padding-box,var(--gold-edge) border-box;
  color:#0B5A3C;text-shadow:none;outline:0;box-shadow:inset 0 1px 0 #fff,0 3px 0 #B8963F,0 10px 18px -12px rgba(70,40,10,.5)}
.top.cta-in-view .btn-nav::after{border-color:#0B5A3C}
.top.cta-in-view .btn-nav .btn-ico{background:#FFFDF6}
.btn-line{color:#1E1810;font-weight:900;box-shadow:inset 0 1px 0 #fff,0 3px 0 #B8963F,0 10px 16px -12px rgba(70,40,10,.45)}
.btn-line:active{transform:translateY(2px);box-shadow:inset 0 1px 0 #fff,0 1px 0 #B8963F}
.btn-share{box-shadow:var(--lux-in),0 4px 0 #4A2410,0 12px 20px -12px rgba(70,30,10,.6);outline:1.5px dashed rgba(232,198,128,.78);outline-offset:-7px}
.btn-share:active{transform:translateY(3px);box-shadow:var(--lux-in),0 1px 0 #4A2410}

/* 選單鈕:金屬圈+三條金線,開合時金圈轉半圈、三條線收成 X */
.burger{background:none;border:0;box-shadow:none;padding:0 6px 0 2px;gap:9px;color:var(--ink);min-height:52px;font:900 18px/1 var(--serif);letter-spacing:.12em}
.burger:active{transform:none;box-shadow:none}
.burger-ring{position:relative;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:3px solid transparent;flex:none;
  background:radial-gradient(circle at 32% 26%,#24805F 0%,#0F4D38 55%,#082F22 100%) padding-box,
    conic-gradient(from 200deg,#8C6420,#F6E3A1,#B8862E,#FBEBB5,#9A7426,#E9CD7F,#8C6420) border-box;
  box-shadow:inset 0 2px 3px rgba(255,255,255,.28),inset 0 -3px 6px rgba(0,0,0,.45),0 0 0 1px rgba(90,60,10,.4),0 4px 10px -2px rgba(60,35,10,.45);
  transition:transform .55s cubic-bezier(.3,.9,.3,1),box-shadow .25s}
.burger:hover .burger-ring{box-shadow:inset 0 2px 3px rgba(255,255,255,.35),inset 0 -3px 6px rgba(0,0,0,.45),0 0 0 1px rgba(90,60,10,.4),0 0 16px rgba(233,200,110,.6)}
.burger:active .burger-ring{transform:scale(.94)}
.burger-lines{width:22px;height:15px}
.burger-lines i{height:2.5px;width:22px;background:linear-gradient(90deg,#B8862E,#FBEBB5 50%,#C9A24A);box-shadow:0 1px 1px rgba(0,0,0,.35)}
.burger-lines i:nth-child(1){top:0}
.burger-lines i:nth-child(2){top:6.25px;left:5px;width:17px}
.burger-lines i:nth-child(3){top:12.5px}
.burger[aria-expanded="true"]{background:none;color:var(--ink);box-shadow:none}
.burger[aria-expanded="true"] .burger-ring{transform:rotate(180deg)}
.burger[aria-expanded="true"] .burger-lines i:nth-child(1){top:6.25px;transform:rotate(45deg)}
.burger[aria-expanded="true"] .burger-lines i:nth-child(3){top:6.25px;transform:rotate(-45deg)}
.burger-txt{color:var(--ink)}

/* 抽屜:象牙皮面板+金線;四張寶石卡;頁面目錄=襯線大字+細副標+金色分隔 */
.drawer-scrim{background:rgba(24,16,8,.62)}
.drawer-panel{background:linear-gradient(rgba(250,246,236,.86),rgba(250,246,236,.86)),var(--tx-ivory) center/700px}
@media (min-width:700px){.drawer-panel{border-left:0;box-shadow:-3px 0 0 #C9A24A,-4px 0 0 rgba(90,60,10,.35),-40px 0 80px -30px rgba(0,0,0,.6)}}
.d-kicker{font-size:22px;font-weight:900;margin:0 0 10px;display:flex;align-items:center;gap:10px}
.d-kicker::before{content:"";flex:none;width:10px;height:10px;border-radius:0;transform:rotate(45deg);margin:0;vertical-align:0;background:linear-gradient(135deg,#F6E2A6,#B8862E);box-shadow:0 0 0 1px rgba(110,82,18,.4)}
.d-rule{display:block;height:2px;margin:0 0 14px;background:var(--gold-line)}
.d-picks{gap:12px}
.d-pick{position:relative;border:2px solid transparent;border-radius:16px;padding:14px 14px 16px;min-height:168px;gap:3px;color:#FBF5E8;
  background:var(--hl) padding-box,var(--tint) padding-box,var(--tex) center/cover padding-box,linear-gradient(var(--base),var(--base)) padding-box,var(--gold-edge) border-box;
  box-shadow:var(--lux-in),var(--lux-sh)}
.d-pick.m-cognac,.d-pick.m-ivory{outline:1.5px dashed rgba(232,198,128,.78);outline-offset:-8px}
.d-pick.m-ivory{color:#1E1810;outline-color:rgba(176,136,62,.55)}
.d-pick:active{transform:translateY(2px);box-shadow:var(--lux-in),0 1px 2px rgba(70,40,10,.3)}
.d-pick .gem-ico{width:auto;height:54px;margin:0 0 6px;transform:none;filter:drop-shadow(0 3px 3px rgba(0,0,0,.45)) drop-shadow(0 0 1px rgba(80,50,0,.5))}
.d-pick .d-stamp{position:absolute;top:10px;right:10px;width:44px;height:auto;margin:0;transform:rotate(8deg);background:#F8F1E2;border-radius:10px;padding:3px;
  box-shadow:0 0 0 1.5px #C9A24A,0 3px 6px rgba(0,0,0,.35)}
.d-pick b{font-size:20px;font-weight:900;line-height:1.3}
.d-pick span{font-size:16px;line-height:1.5;color:#EEE3CC}
.d-pick.m-ivory span{color:#4A4136}
.d-pick::after{color:#F3D891;font-weight:900}
.d-pick.m-ivory::after{color:#0B5A3C}
.d-quiz{margin:16px 0 8px;padding:14px 16px;border-radius:16px;color:#FBF5E8}
.d-quiz b{color:#F3D891;font-family:var(--serif);font-size:19px}
.d-quiz span{color:#EEE3CC}
.d-links{margin:14px 0 18px;border-top:0;position:relative;padding-top:6px}
.d-links::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--gold-line)}
.d-link{padding:13px 44px 13px 4px;border-bottom:0;background:linear-gradient(90deg,rgba(201,162,74,0),rgba(201,162,74,.75) 20%,rgba(201,162,74,.75) 80%,rgba(201,162,74,0)) left bottom/100% 1px no-repeat}
.d-link b{font-size:21px;font-weight:900;letter-spacing:.03em}
.d-link span{font-size:16px;letter-spacing:.04em;color:var(--muted);margin-top:2px}
.d-link::after{width:9px;height:9px;border-top:2.5px solid #B8862E;border-right:2.5px solid #B8862E;right:14px;transition:transform .2s}
.d-link:hover::after{transform:translateY(-50%) translateX(3px) rotate(45deg)}
.d-link[aria-current]{padding-left:18px;background-color:rgba(201,162,74,.10)}
.d-link[aria-current]::before{width:4px;border-radius:2px;background:linear-gradient(180deg,#F3DD97,#B8862E)}
.d-link[aria-current] b{color:var(--ruby)}

/* ---------- 首屏:錘金票券 ---------- */
.ticket{border-radius:16px;padding:16px 18px;gap:16px}
.ticket b{font-size:22px;font-weight:900}
.ticket .t-body>span{color:#3A2708}
.ticket .stamp{filter:drop-shadow(0 2px 2px rgba(60,30,0,.35))}

/* ---------- 九項地圖 ---------- */
.stage:not(.core){border-radius:20px;box-shadow:var(--lux-in),0 14px 30px -20px rgba(70,40,10,.5)}
.stage-name{color:var(--kick);letter-spacing:.12em}
.stage.core{border-radius:20px}
.node{border-width:1.5px;border-radius:14px;box-shadow:inset 0 1px 0 #fff,0 2px 6px -2px rgba(70,40,10,.3)}
.node:hover{box-shadow:inset 0 1px 0 #fff,0 10px 22px -12px rgba(70,40,10,.5)}
.node-hot{border-width:3px}
.node-core{border-radius:16px;color:#241605}
.node-core .n-body>span{color:#3A2708}
.node-core .core-note{color:#241605!important}
.node-core .cuts i{background:var(--hl) padding-box,var(--tex) center/cover padding-box,linear-gradient(var(--base),var(--base)) padding-box,var(--gold-edge) border-box;border:1.5px solid transparent;border-radius:999px;padding:4px 12px;color:#FBF5E8;box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}
.now{border-radius:6px;padding:0 8px;color:#FBF0D2}
.loop{border:2px dashed #B8862E;background:#FBF5E6;box-shadow:none;outline:0}
.loop b{color:var(--ruby)}
.loop-line{background:#B8862E}.loop-line::after{border-color:#B8862E}
.loop-in::after{border-radius:6px;color:#FBF0D2;border:1.5px solid #C9A24A}
.arrow{background:#B8862E}.arrow::after{border-color:#B8862E}

/* ---------- 剪輯時間軸:寶藍絲絨台+象牙情報牌+錘金片段 ---------- */
.tl{border-radius:22px}
.tl-head{color:#F1D58E}
.tl-src{border-width:1.5px;border-radius:12px;box-shadow:inset 0 1px 0 #fff,0 4px 10px -4px rgba(0,0,0,.5)}
.tl-src .stamp{background:#FFFBF2}
.tl-wire{background:linear-gradient(90deg,#B8862E,#F3DD97,#B8862E)}
.tl.armed .tl-wire{background:rgba(241,213,142,.25)}
.tl.armed.go .tl-wire{background:#E3C57A}
.tl-band{background-color:rgba(4,10,30,.38);border:1px solid rgba(241,213,142,.35);box-shadow:inset 0 2px 8px rgba(0,0,0,.45)}
@media (max-width:979px){.tl-band{background-image:repeating-linear-gradient(180deg,rgba(241,213,142,.35) 0 1px,transparent 1px 22px)}}
@media (min-width:980px){.tl-band{background-image:repeating-linear-gradient(90deg,rgba(241,213,142,.35) 0 1px,transparent 1px 24px)}}
.clip{color:#241605;border-radius:10px;border-left-width:2px;border-right-width:2px}
.clip::after{background:repeating-linear-gradient(90deg,rgba(60,35,0,.35) 0 2px,transparent 2px 6px)}
.clip .tc{color:#5E1418}
.clip .from{color:#3A2708}
.clip-next{color:#FBF5E8}
.clip-next .tc{color:#F3D891}.clip-next .from{color:#EEE3CC}
.clip-next::after{background:repeating-linear-gradient(90deg,rgba(255,230,170,.35) 0 2px,transparent 2px 6px)}
.tl-foot{color:var(--muted)}

/* 各段「→ 變成剪輯決定」小條:朱漆+金邊 */
.tocut{border-radius:10px;border-left-width:2px;border-right-width:2px}
.tocut .tc-tag{background:rgba(0,0,0,.24);color:#F5DC97}
.tocut::after{background:repeating-linear-gradient(90deg,rgba(255,230,170,.35) 0 2px,transparent 2px 6px)}

/* ---------- 先挑一項免費的:四種寶石卡(同選單) ---------- */
.pick{border:2px solid transparent;border-radius:18px;padding:16px 16px 18px;color:#FBF5E8;gap:5px;
  background:var(--hl) padding-box,var(--tint) padding-box,var(--tex) center/cover padding-box,linear-gradient(var(--base),var(--base)) padding-box,var(--gold-edge) border-box;
  box-shadow:var(--lux-in),var(--lux-sh)}
.pick.m-cognac,.pick.m-ivory{outline:1.5px dashed rgba(232,198,128,.78);outline-offset:-9px}
.pick.m-ivory{color:#1E1810;outline-color:rgba(176,136,62,.55)}
.pick .gem-ico{width:auto;height:64px;margin:0 0 4px;filter:drop-shadow(0 3px 3px rgba(0,0,0,.45))}
.pick .stamp{position:absolute;top:12px;right:12px;width:50px;margin:0;transform:rotate(8deg);background:#F8F1E2;border-radius:10px;padding:3px;box-sizing:content-box;
  box-shadow:0 0 0 1.5px #C9A24A,0 3px 6px rgba(0,0,0,.35)}
.pick b{font-size:21px;font-weight:900}
.pick span{color:#EEE3CC}
.pick.m-ivory span{color:#4A4136}
.pick em{color:#F3D891}
.pick.m-ivory em{color:#0B5A3C}
.pick.on,.pick:hover{border-color:transparent;transform:translateY(-3px);
  box-shadow:var(--lux-in),0 0 0 3px #F3DD97,0 0 26px rgba(233,196,110,.75),0 24px 40px -18px rgba(70,40,10,.55)}

/* ---------- 自我檢查:干邑皮滿版+象牙皮卡 ---------- */
.quiz{padding:8px 18px 18px;border-radius:20px}
.quiz .q{border-bottom:1px solid #E1D1AE}
.yn button{border-radius:12px;color:#1E1810;box-shadow:inset 0 1px 0 #fff,0 3px 0 #B8963F}
.yn button.sel[data-v="1"],.yn button.sel[data-v="0"]{background:var(--hl) padding-box,var(--tex) center/cover padding-box,linear-gradient(var(--base),var(--base)) padding-box,var(--gold-edge) border-box;border-color:transparent;color:#FBF5E8;box-shadow:inset 0 2px 5px rgba(0,0,0,.4),0 1px 0 #B8963F}
.quiz-out{border:2px solid #C9A24A;background:#FFFCF4;color:#1E1810}
.quiz-out .rec{background:#F4E9D2}

/* ---------- 標籤、圖、說明框 ---------- */
.tag{border-radius:999px;padding:3px 12px;font-weight:900;color:#FBF0D2}
.tag.ink{background:#F7F0E1;color:#1E1810;border:1.5px solid #C9A24A;box-shadow:inset 0 1px 0 #fff}
.feat-img img,.info img,.ba img{box-shadow:0 0 0 2px #D9C08A,0 0 0 3px rgba(110,82,18,.25),var(--lux-sh)}
.feat-body h3{font-size:23px;font-weight:900}
.label-demo{background:#2A2117;color:#F6E8C8;border-radius:6px}
.why{border-left-color:#B8862E}
.textlink{border-bottom-color:#D9C08A}
.textlink:hover{border-color:#B8862E}

/* 收合(拿到報告後怎麼剪+第四輪收合段):象牙皮+金色左緣;標題寫出點開會看到什麼 */
.howcut,.fold{margin:18px 0 0;border-radius:14px;box-shadow:inset 0 1px 0 #fff,0 10px 22px -16px rgba(70,40,10,.5);position:relative}
.howcut::before,.fold::before{content:"";position:absolute;left:-2px;top:12px;bottom:12px;width:4px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,#F3DD97,#B8862E)}
.fold summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:10px 14px 10px 18px;font-size:18px;line-height:1.5;font-weight:900;color:var(--red-ink)}
.fold summary::-webkit-details-marker{display:none}
.fold summary:focus-visible{outline:3px solid #C9A24A;outline-offset:2px}
.howcut summary{padding-left:18px}
.howcut .hc-open,.fold .hc-open{flex:none;display:inline-flex;align-items:center;gap:6px;font-size:18px;font-weight:800;color:#1E1810;
  background:linear-gradient(#FFFBF2,#F2E6CC);border:1.5px solid #C9A24A;border-radius:999px;padding:6px 12px;box-shadow:inset 0 1px 0 #fff,0 2px 0 #C9A24A}
.fold .hc-open::after{content:"";width:9px;height:9px;border-right:3px solid currentColor;border-bottom:3px solid currentColor;transform:translateY(-3px) rotate(45deg);transition:transform .2s}
.fold[open] .hc-open{font-size:0;gap:0;padding:6px 10px}
.fold[open] .hc-open::before{content:"收起";font-size:18px;margin-right:6px}
.fold[open] .hc-open::after{transform:translateY(2px) rotate(-135deg)}
.fold .fd-body{padding:4px 16px 18px 18px}
.fold .fd-body>.grid,.fold .fd-body>.two-col-list,.fold .fd-body>.info{margin-top:6px!important}
.fold .fd-body>*:last-child{margin-bottom:0}
.feat-img .fold{margin-top:12px}
@media (prefers-reduced-motion:reduce){.fold .hc-open::after{transition:none}}

/* ---------- 剪輯核心(首頁):祖母綠漆滿版 ---------- */
#edit .ba figcaption,#edit .info figcaption{color:#ECE0C8}

/* ---------- 對照表、價格、FAQ、步驟、最後 CTA ---------- */
.vs{border:2px solid transparent;background:linear-gradient(#FCF8EF,#FCF8EF) padding-box,var(--gold-edge) border-box;box-shadow:var(--lux-sh)}
.vs thead th{background:#EFE5D1;border-bottom-color:#D9C08A}
.vs td.us{background:#F6EEDB}
.vs th,.vs td{border-bottom-color:#E4D6B8}
.price-card .badge{color:#241605;border-radius:8px;font-weight:900;padding:3px 12px;top:-14px}
.price{font-weight:900}
.first0{border-radius:999px;padding:6px 14px}
.faq details{border-radius:14px;margin-bottom:12px;box-shadow:inset 0 1px 0 #fff,0 8px 18px -14px rgba(70,40,10,.45)}
.faq summary::after{border-color:#B8862E}
.steps li{border-radius:16px;--tex:var(--tx-ivory);--base:#F3EBDC;--tint:linear-gradient(rgba(255,252,244,.35),rgba(255,252,244,.35));
  color:#1E1810;--ink:#1E1810;--muted:#4A4136;box-shadow:inset 0 1px 0 #fff,0 10px 22px -16px rgba(70,40,10,.5)}
.steps li::before{border-radius:50%;color:#241605;font-family:var(--serif);
  background:radial-gradient(circle at 32% 28%,rgba(255,250,225,.6),rgba(255,250,225,0) 48%),var(--tx-gold) center/cover,linear-gradient(#D4B05C,#D4B05C);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -2px 3px rgba(80,55,10,.4),0 0 0 2px #9A7426,0 3px 6px rgba(70,40,10,.35)}
.final{border-radius:24px;padding:30px 22px}
.final h2{color:#FBF5E8}
.msgbox{border:2px dashed #B8862E;background:#FCF8EF;box-shadow:none}
.jump a{box-shadow:inset 0 1px 0 #fff,0 3px 0 #B8963F}
.codebox{border-radius:20px}
.code-row input{border:2px solid #C9A24A;background:#FFFDF7}
.gift{border-radius:20px}
.gift .stamp{background:#F8F1E2;border-radius:12px;padding:4px;box-sizing:content-box;box-shadow:0 0 0 1.5px #C9A24A,0 3px 6px rgba(0,0,0,.3)}
.gift .gift-msg{border:1px dashed rgba(201,162,74,.8)}
.gift-bar{border-bottom:2px solid #C9A24A}
.gift-bar .gb-t span{color:#F3E6C8}

/* ---------- 頁尾:寶藍絲絨 ---------- */
.foot{border-top:0;position:relative}
.foot::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--gold-line)}
.foot h4{color:#F1D58E;font-weight:900;letter-spacing:.08em}
.foot a{color:#EFE6D2}
.foot a:hover{color:#F3D891}
.foot .copy{color:#ECE0C8}

/* ---------- 手機底部按鈕列:象牙皮+金線 ---------- */
.dock{background:linear-gradient(rgba(250,245,235,.95),rgba(250,245,235,.95)),var(--tx-ivory) center/600px;border-top:0}
.dock::before{content:"";position:absolute;left:0;right:0;top:-2px;height:2px;background:var(--gold-line)}
.dock-note{color:#4A4136}

@media (prefers-reduced-motion:reduce){.burger-ring{transition:none!important}.btn-go::before{animation:none!important}}
/* 第四輪修正:五金圖示不被拉寬、不撞印章;錘金底柔一點;頁首「免費」角標改掛在按鈕右下;首屏優惠句數字不拆行 */
.d-pick .gem-ico,.pick .gem-ico{align-self:flex-start;object-fit:contain;max-width:calc(100% - 64px)}
:where(.m-gold,.ticket,.node-core,.clip:not(.clip-next),.price-card .badge){--tint:linear-gradient(rgba(240,214,150,.42),rgba(240,214,150,.42))}
.btn-nav .free-tag{top:auto;bottom:-12px;right:-8px;transform:rotate(-6deg)}
.offer-line b{white-space:nowrap}
.top .btn-nav{min-height:52px;padding-top:4px;padding-bottom:4px}
.top .btn-nav .btn-ico{width:36px;height:36px}
.tl-src{color:#1E1810}
/* 收合鈕文字:打開後「點開看」整個隱藏、換成「收起」(不用 font-size:0) */
.howcut[open] .hc-open,.fold[open] .hc-open{font-size:18px;gap:6px;padding:6px 12px}
.howcut[open] .hc-t,.fold[open] .hc-t{display:none}
.top.cta-in-view .btn-nav{--base:#F3EBDC}

/* 10-05 電腦版首屏右側留白太多:≥1100 右欄放剪輯台照片(手機/平板不顯示,版面不變) */
.hero-split .hs-main{max-width:720px}
.hero-split .hs-photo{display:none}
@media (min-width:1100px){
  .hero-split > .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.82fr);gap:56px;align-items:center}
  .hero-split .hs-photo{display:block;margin:0;position:relative;transform:rotate(1.2deg);border-radius:18px;padding:10px;background:linear-gradient(145deg,#F4E2A8,#C9A24B 45%,#8A6A22);box-shadow:0 2px 0 rgba(255,255,255,.6) inset,0 18px 40px rgba(60,35,10,.28),0 4px 10px rgba(60,35,10,.18)}
  .hero-split .hs-photo img{display:block;width:100%;height:auto;border-radius:10px}
  .hero-split .hs-photo figcaption{margin:12px 2px 2px;text-align:center;color:#3A2A14;font-size:16px;font-weight:800;line-height:1.7}
}

/* ===== 10-05 首屏「0 元價目板」(老闆:「把首支0元以及其他費用也是0元變得更加搶眼,避免觀眾一進來沒被抓住」)=====
   不用舊站的全螢幕開場動畫(擋住優惠好幾秒,手機跳出率高);改成首屏直接一塊寶石價目板,五個「0元」依序蓋章落下(約 1 秒內完成,不擋操作)。 */
.hero-zero{padding:22px 0 34px}
.hero-zero > .wrap{display:grid;gap:16px;grid-template-areas:"main" "zb" "cta"}
.hz-main{grid-area:main}.zb{grid-area:zb}.hz-cta{grid-area:cta}
.hero-zero h1{margin-bottom:0}
.hero-zero .hz-cta .cta-row{margin:4px 0 8px}
.hero-zero .offer-line{margin-top:14px}
.zb{border-radius:20px;padding:14px 12px 12px;position:relative;overflow:hidden}
.zb-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 4px 10px;font-size:18px;font-weight:800;line-height:1.5;color:#3A2A14}
.zb-h b{font-family:var(--serif);font-size:26px;font-weight:900;color:#7A1A1F;letter-spacing:.02em;white-space:nowrap}
.zb-h b i{font-style:normal;font-size:38px;line-height:1;color:#9B2A27;text-shadow:0 1px 0 #fff,0 2px 6px rgba(155,42,39,.25)}
.zb-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.zb-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;padding:8px 10px 8px 16px;border-radius:14px;text-decoration:none;color:var(--ink);transition:transform .18s ease}
.zb-row:hover{transform:translateY(-2px)}
.zb-row:focus-visible{outline:3px solid #0B5A3C;outline-offset:2px}
.zb-t{display:flex;flex-direction:column;min-width:0}
.zb-t b{font-family:var(--serif);font-size:21px;font-weight:900;line-height:1.45}
.zb-t em{font-style:normal;font-size:16px;font-weight:700;line-height:1.7;color:var(--muted)}
.zb-t s{font-size:16px;font-weight:700;line-height:1.7;color:var(--muted);text-decoration-thickness:2px}
.zb-row:not(.zb-first) .zb-t em{display:none}
.zb-zero{flex:none;display:inline-flex;align-items:baseline;justify-content:center;min-width:86px;font-family:var(--serif);font-weight:900;font-size:44px;line-height:1;color:#F6DCA0;
  text-shadow:0 1px 0 rgba(255,255,255,.35),0 3px 8px rgba(0,0,0,.35);animation:zbStamp .46s cubic-bezier(.2,1.4,.4,1) both;animation-delay:calc(var(--i) * .13s + .25s)}
.zb-zero small{font-size:20px;margin-left:2px;font-weight:900}
.m-gold .zb-zero{color:#7A1A1F;text-shadow:0 1px 0 rgba(255,255,255,.5)}
.zb-first{min-height:96px;padding-top:12px;padding-bottom:12px}
.zb-first .zb-t b{font-size:24px}
.zb-first .zb-zero{font-size:60px;min-width:104px}
.zb-first .zb-zero small{font-size:24px}
@keyframes zbStamp{0%{opacity:0;transform:scale(2.3) rotate(-16deg)}60%{opacity:1;transform:scale(.9) rotate(2deg)}100%{opacity:1;transform:none}}
/* 整塊價目板每 6 秒掃過一道金光 */
.zb::after{content:"";position:absolute;top:-20%;bottom:-20%;left:-40%;width:28%;pointer-events:none;
  background:linear-gradient(100deg,rgba(255,240,200,0),rgba(255,240,200,.38),rgba(255,240,200,0));transform:skewX(-14deg);animation:zbGlint 6s 1.6s ease-in-out infinite}
@keyframes zbGlint{0%{left:-40%}22%,100%{left:130%}}
@media (min-width:1100px){
  .hero-zero{padding:40px 0 52px}
  .hero-zero > .wrap{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-areas:"main zb" "cta zb";column-gap:56px;row-gap:6px;align-items:start}
  .hz-cta{align-self:start}
  .zb{padding:18px 16px 16px}
  .zb-row:not(.zb-first) .zb-t em{display:block}
}
@media (prefers-reduced-motion:reduce){.zb-zero{animation:none}.zb::after{animation:none;display:none}.zb-row{transition:none}}

/* ---------- 10-05 T1005-24 第五輪:影片作品專區(舊站搬來 8 支)+剪前剪後小片 ---------- */
.vw{--tex:var(--tx-ivory);--base:#F3EBDC;--tint:linear-gradient(rgba(255,252,244,.35),rgba(255,252,244,.35));
  color:#1E1810;--ink:#1E1810;--muted:#4A4136;--red:#9B2A27;--red-ink:#7A1A1F;--red-soft:#F4E2D6;--kick:#6E5212;--rule:#DCCDB0;
  border:2px solid transparent;border-radius:20px;padding:24px 18px;margin:32px 0 8px;scroll-margin-top:80px;text-align:left;
  background:var(--hl) padding-box,var(--tint) padding-box,var(--tex) center/cover padding-box,linear-gradient(var(--base),var(--base)) padding-box,var(--gold-edge) border-box;
  box-shadow:var(--lux-in),var(--lux-sh);outline:1.5px dashed rgba(176,136,62,.55);outline-offset:-9px}
.vw-kick{display:inline-block;font-size:18px;font-weight:900;letter-spacing:.08em;color:#6E5212;border-bottom:2px solid #C9A24A;padding-bottom:2px;margin-bottom:10px}
.vw-h{font:900 clamp(25px,6.4vw,36px)/1.35 var(--serif);margin:0 0 12px;color:#1E1810}
.vw-h .red{color:#9B2A27}
.vw-hook{font-size:18px;line-height:1.8;color:#2E261C;margin:0 0 18px}
.vw-grid{display:grid;gap:20px}
.vw-frame{margin:0}
.vw-frame video{display:block;width:100%;height:auto;border-radius:14px;background:#1E1810;
  box-shadow:0 0 0 2px #D9C08A,0 0 0 3px rgba(110,82,18,.25),var(--lux-sh)}
.vw-port .vw-frame video{aspect-ratio:9/16;max-width:340px;margin:0 auto;object-fit:cover}
.vw-land .vw-frame video{aspect-ratio:16/9}
.vw-sub{font-weight:900;font-size:18px;margin:4px 0 4px;color:#6E5212}
.vw-body .ticks{margin:0 0 14px}
.vw-jump{font:inherit;cursor:pointer;text-align:left}
.vw-must{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;width:100%;min-height:56px;padding:10px 14px;margin:6px 0 14px;font-size:18px;line-height:1.55;
  color:#FBF5E8;border:2px solid transparent;border-radius:14px;
  background:var(--hl) padding-box,linear-gradient(rgba(6,36,25,.22),rgba(6,36,25,.22)) padding-box,var(--tx-emerald) center/cover padding-box,linear-gradient(#0F4D38,#0F4D38) padding-box,var(--gold-edge) border-box;
  box-shadow:var(--lux-in),var(--lux-sh)}
.vw-must .vw-tc{font-weight:900;color:#F1D58E;white-space:nowrap;min-width:0}
.vw-must .vw-tc::before{content:"▶ "}
.vw-must:hover{filter:brightness(1.08)}
.vw-ch{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.vw-ch .vw-jump{display:flex;gap:12px;align-items:center;width:100%;min-height:52px;padding:8px 12px;font-size:18px;line-height:1.5;color:#1E1810;
  background:rgba(255,252,244,.75);border:1.5px solid #D9C08A;border-radius:10px}
.vw-ch .vw-jump:hover{background:#FFF8E6;border-color:#B08A3E}
.vw-tc{font-variant-numeric:tabular-nums;font-weight:900;color:#7A1A1F;min-width:3.2em}
.vw-quote{margin:14px 0 0;padding:12px 16px;border-left:4px solid #C9A24A;font:700 19px/1.7 var(--serif);color:#2E261C;background:rgba(255,252,244,.6);border-radius:0 10px 10px 0}
@media (min-width:900px){
  .vw{padding:34px 34px 30px}
  .vw-port .vw-grid{grid-template-columns:340px 1fr;align-items:start;gap:34px}
  .vw-land .vw-body{display:grid;grid-template-columns:1fr 1fr;gap:4px 30px}
  .vw-land .vw-body>.vw-must,.vw-land .vw-body>.fold,.vw-land .vw-body>.vw-quote{grid-column:1/-1}
}
/* 剪前剪後小片:跟原本圖片同一套框 */
.ba video.ba-vid{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;border-radius:12px;background:#1E1810;
  box-shadow:0 0 0 2px #D9C08A,0 0 0 3px rgba(110,82,18,.25),var(--lux-sh)}

/* 10-06 T1006-02 作品頁:7 種剪法/前 3 秒 A/B/產業樣片/風格配方(手機優先,9:16 卡片左右滑) */
.pf-jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.pf-jump a{font-size:15px;font-weight:800;color:var(--ink);text-decoration:none;background:var(--card);border:1px solid var(--rule);border-radius:999px;padding:6px 14px}
.pf-feature{display:grid;gap:18px;margin:18px 0 6px;align-items:center}
.pf-v{margin:0 auto;width:100%;max-width:340px}
.pf-v video,.pf-card video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:16px;background:#1B1713;box-shadow:var(--shadow-1),var(--shadow-2)}
.pf-big{font-size:22px;font-weight:900;line-height:1.5;margin:0 0 8px}
.pf-hint{font-size:15px;font-weight:700;color:var(--muted);margin:22px 0 8px;text-align:center}
.pf-reel{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px var(--gut) 18px;margin:0 calc(-1 * var(--gut));-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.pf-card{flex:0 0 70%;max-width:280px;scroll-snap-align:center;background:var(--card);border:1px solid var(--rule);border-radius:20px;padding:10px 10px 14px;box-shadow:var(--shadow-1)}
.pf-card .pf-no{margin:10px 4px 0;font-size:15px;font-weight:900;color:var(--red);letter-spacing:.06em}
.pf-card h3{margin:2px 4px 4px;font-size:20px;line-height:1.35}
.pf-card .pf-fit{margin:0 4px;font-size:15px;line-height:1.6;color:var(--ink)}
.pf-card .pf-len{margin:4px 4px 0;font-size:14px;color:var(--muted)}
.pf-ab{display:flex;gap:12px;align-items:flex-start;font-size:17px;line-height:1.65;margin:0 0 12px}
.pf-ab b{flex:0 0 34px;height:34px;border-radius:9px;color:#fff;display:grid;place-items:center;font-weight:900}
.pf-a{background:#B4352A}.pf-b{background:#16834F}
.pf-rx{display:grid;gap:10px;margin-top:16px}
.pf-rx-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:var(--paper);border:1px solid var(--rule);border-radius:14px;padding:12px 14px;font-weight:800;font-size:16px}
.pf-base{background:var(--ink);color:#fff;border-radius:8px;padding:2px 10px}
.pf-add{background:var(--red-soft);color:var(--red-ink);border-radius:8px;padding:2px 10px}
.pf-x{color:var(--muted)}
.pf-eq{color:var(--ink);flex-basis:100%;font-size:15px;font-weight:700;color:var(--muted)}
@media (min-width:760px){
  .pf-feature{grid-template-columns:340px 1fr;gap:36px}
  .pf-card{flex-basis:250px}
  .pf-eq{flex-basis:auto;margin-left:auto}
}
@media (min-width:1100px){.pf-reel-3{justify-content:center}}

/* 10-06 T1006-02 作品頁長者友善修正(qa_rwd:字 ≥16、內文 ≥18、行高 ≥1.7、點擊區 ≥44) */
.pf-jump a{font-size:16px;min-height:44px;display:inline-flex;align-items:center;padding:0 16px}
.pf-hint,.pf-card .pf-no,.pf-card .pf-fit,.pf-card .pf-len{font-size:18px;line-height:1.7}
.pf-card .pf-len{color:var(--muted)}
.pf-big{line-height:1.7}
.pf-ab{font-size:18px;line-height:1.75}
.pf-rx-row{font-size:18px;line-height:1.7}
.pf-x,.pf-eq{font-size:18px}
/* ==== 10-08 審片室示範(#review,剪輯核心段內) ==== */
/* 10-08 晚:改用上方剪前剪後同一套版型(.case-row+.ba 兩張直式圖),不另起一套截圖樣式 */
.rvdemo{margin-top:44px}
.rvd-h{font-size:clamp(22px,4vw,26px);line-height:1.45;margin:8px 0 10px}
@media (max-width:859px){.rvdemo .rvd-text{margin-top:22px}}