/* WEI v3 內頁設計系統（依設計師 wei-v3.css 改成只作用於 body.v3，避免影響購物車、小幫手與既有元件）
   白 #FAF8F3／黑 #0E0E0E／金 #B8913A、#E2C27A */
body.v3{--g:#B8913A;--g2:#E2C27A;--k:#0E0E0E;--w:#FAF8F3;--sand:#F1EDE3;--mute:#5a5a5a;--gline:rgba(184,145,58,.45);
--vpad:6vw;--vsec:110px;--serif:"Noto Serif TC","Noto Serif CJK TC","Songti TC",serif;--en:"Cormorant Garamond",Georgia,serif;--sans:"Noto Sans TC","Noto Sans CJK TC",system-ui,sans-serif;
background:var(--w)!important;color:var(--k)!important;font-family:var(--sans);-webkit-font-smoothing:antialiased}
html[lang="en"] body.v3,html[lang="ja"] body.v3{--sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans JP","Noto Sans TC",sans-serif;--serif:"Cormorant Garamond",Georgia,"Noto Serif JP","Noto Serif TC",serif}
html[lang="en"] body.v3 .t-display,html[lang="en"] body.v3 .t-h2{font-weight:600;letter-spacing:0}
body.v3 .site-header{background:rgba(250,248,243,.92)!important;backdrop-filter:saturate(1.2) blur(8px)}
.v3 main.v3-main{padding:0;display:block}
.v3 main.v3-main h1,.v3 main.v3-main h2,.v3 main.v3-main h3,.v3 main.v3-main p{margin:0}
/* 字級 */
.v3 .t-kicker{font-size:12px;letter-spacing:.42em;color:var(--g);display:flex;align-items:center;gap:14px;text-transform:uppercase;font-weight:500}
.v3 .t-kicker:before{content:"";width:46px;height:1px;background:var(--g);flex:none}
.v3 .t-display{font-family:var(--serif);font-weight:900;font-size:clamp(46px,6.4vw,100px);line-height:1.06;letter-spacing:-.01em;color:var(--k)}
.v3 .t-h2{font-family:var(--serif);font-weight:900;font-size:clamp(32px,4.2vw,58px);line-height:1.14}
.v3 .t-h3{font-family:var(--serif);font-weight:900;font-size:clamp(19px,1.7vw,24px);line-height:1.4}
.v3 .t-lead{font-size:clamp(15px,1.2vw,18px);line-height:1.95;color:#3a3a3a;max-width:600px}
.v3 .t-body{font-size:15px;line-height:1.95;color:var(--mute)}
.v3 .t-en{font-family:var(--en);font-style:italic;color:#888;letter-spacing:.04em}
.v3 .t-num{font-family:var(--en);color:var(--g);font-size:60px;line-height:1}
.v3 .hl{background:linear-gradient(transparent 68%,rgba(226,194,122,.55) 68%)}
.v3 .gold{color:var(--g)}.v3 .dark .gold{color:var(--g2)}
.v3 .note-s{font-size:12px;letter-spacing:.06em;color:#8a8a8a;line-height:1.8}
/* 版型 */
.v3 .sec{padding:var(--vsec) var(--vpad)}
.v3 .sec-in{max-width:1180px;margin:0 auto}
.v3 .dark{background:var(--k);color:var(--w)}.v3 .dark .t-body,.v3 .dark .t-lead{color:#b4b4b4}.v3 .dark .t-h2,.v3 .dark .t-h3{color:var(--w)}
.v3 .sand{background:var(--sand)}
.v3 .rule{border-top:1px solid var(--k)}
/* 頁首大標（大字母水印來自首頁 W） */
.v3 .phead{position:relative;padding:150px var(--vpad) 90px;overflow:hidden}
.v3 .phead .bg{position:absolute;right:-1vw;top:30px;font-family:var(--en);font-style:italic;font-size:440px;line-height:1;color:rgba(184,145,58,.08);pointer-events:none;user-select:none}
.v3 .phead .t-display{margin:24px 0 22px;position:relative}
.v3 .phead>*{position:relative}
.v3 .crumb{font-size:12px;letter-spacing:.2em;color:#8a8a8a;margin-bottom:34px}
.v3 .crumb a{color:inherit;text-decoration:none;border-bottom:1px solid transparent}.v3 .crumb a:hover{border-color:var(--g)}
/* 按鈕：通知類一律 mailto */
.v3 .vbtn{display:inline-flex;align-items:center;gap:12px;padding:15px 26px;font-size:14px;letter-spacing:.18em;text-decoration:none;border-radius:999px;border:1px solid transparent;cursor:pointer;font-family:inherit;line-height:1.3;transition:transform .2s,background .2s,color .2s}
.v3 .vbtn i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:10px;flex:none}
.v3 .btn-p{background:var(--k);color:var(--w)}.v3 .btn-p i{background:var(--g);color:var(--k)}
.v3 .btn-g{background:var(--g);color:var(--k)}.v3 .btn-g i{background:var(--k);color:var(--g2)}
.v3 .btn-o{border-color:currentColor;background:transparent;color:inherit}
.v3 .vbtn:hover{transform:translateY(-2px)}
.v3 .vbtn[disabled],.v3 .vbtn[aria-disabled="true"]{opacity:.45;cursor:not-allowed;transform:none}
.v3 .btn-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.v3 .link{font-size:13px;letter-spacing:.2em;text-decoration:none;border-bottom:1px solid var(--g);padding-bottom:4px;color:inherit}
.v3 .pill{display:inline-block;font-size:12px;letter-spacing:.2em;padding:7px 14px;border:1px solid var(--g);color:#7a5e1f;border-radius:999px;line-height:1.2}
.v3 .dark .pill{color:var(--g2)}
.v3 :is(.vbtn,.link,.play,summary,.crumb a):focus-visible{outline:3px solid var(--g);outline-offset:3px}
/* 照片框 */
.v3 .frame{position:relative}.v3 .frame:before{content:"";position:absolute;inset:-18px 18px 18px -18px;border:1px solid var(--gline)}
.v3 .frame img{position:relative;width:100%;object-fit:cover;display:block}
.v3 .bw{filter:grayscale(1) contrast(1.08)}
/* 曲目列（點擊才播放） */
.v3 .tracks{padding-top:34px;display:block}
.v3 .track{display:grid;grid-template-columns:140px minmax(0,1fr) 64px;gap:30px;align-items:center;padding:26px 0;border:0;border-bottom:1px solid #262626;border-radius:0;background:none}
.v3 .track:first-child{border-top:1px solid #262626}
.v3 .track img{width:140px;height:140px;object-fit:cover;display:block;border-radius:0}
.v3 .track .no{font-family:var(--en);color:var(--g);letter-spacing:.3em;font-size:14px}
.v3 .track .t-h3{margin:8px 0 6px;color:var(--w)}
.v3 .track small{color:#8f8f8f;font-size:12px;letter-spacing:.08em;line-height:1.7;display:block}
.v3 .track.on{border-bottom-color:var(--g)}
.v3 .play{width:64px;height:64px;border-radius:50%;border:1px solid var(--g);display:grid;place-items:center;color:var(--g2);font-size:16px;background:none;cursor:pointer;font-family:inherit}
.v3 .track.on .play{background:var(--g);color:var(--k)}
.v3 .wave{display:flex;gap:3px;align-items:end;height:24px;margin-top:14px;overflow:hidden}
.v3 .wave i{width:3px;flex:none;background:#3a3a3a;border-radius:2px;transform-origin:bottom}
.v3 .wave i.p{background:var(--g)}
/* 引言、字帶 */
.v3 .quote{font-family:var(--serif);font-weight:600;font-size:clamp(24px,3vw,40px);line-height:1.65}
.v3 .marq{background:var(--k);color:var(--g2);overflow:hidden;white-space:nowrap;padding:18px 0;font-family:var(--en);font-size:30px;font-style:italic}
.v3 .marq>div{display:inline-block}.v3 .marq span{margin:0 28px}.v3 .marq b{font-style:normal;color:#555;font-size:18px;vertical-align:middle}
/* 編號索引列（現在能做的事、規格） */
.v3 .idx{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));border-top:1px solid currentColor;margin-top:46px}
.v3 .idx>div{padding:30px 30px 34px 0;margin-right:30px;border-right:1px solid rgba(128,128,128,.35)}
.v3 .idx>div:last-child{border-right:0;margin-right:0}
.v3 .idx .t-h3{margin:14px 0 8px}
.v3 .idx .t-body{margin-bottom:16px}
/* 問答 */
.v3 .qa{border-top:1px solid var(--k);margin-top:30px;max-width:900px}
.v3 .qa details{padding:24px 0;border-bottom:1px solid #ddd}
.v3 .qa summary{font-family:var(--serif);font-weight:900;font-size:clamp(17px,1.5vw,21px);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}
.v3 .qa summary::-webkit-details-marker{display:none}
.v3 .qa summary:after{content:"+";font-family:var(--en);color:var(--g);font-size:26px;line-height:1}
.v3 .qa details[open] summary:after{content:"–"}
.v3 .qa details p{margin-top:12px!important;font-size:15px;line-height:1.95;color:var(--mute)}
/* 規格列 */
.v3 .spec{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--k);margin-top:36px;max-width:560px}
.v3 .spec div{padding:20px 18px 0 0}.v3 .spec small{font-size:11px;letter-spacing:.24em;color:#8a8a8a}
.v3 .spec b{display:block;font-family:var(--serif);font-size:18px;margin-top:8px;font-weight:900}
/* 頁尾改黑底 */
body.v3 .site-footer{background:var(--k)!important;color:#8f8f8f!important;border-top:0!important;padding:46px var(--vpad)!important}
body.v3 .site-footer>span:first-child{font-family:var(--en);font-style:italic;font-size:26px;color:var(--g2);letter-spacing:.04em}
body.v3 .site-footer a{color:#bdbdbd!important}body.v3 .site-footer a:hover{color:var(--g2)!important}
body.v3 .site-footer .foot-note{color:#7a7a7a!important}
/* ===== 既有元件換成 v3 語言（商城、會員、活動、購物車；只改外觀，不動 data- 屬性與按鈕行為） ===== */
.v3 .v3-keep{padding:var(--vsec) var(--vpad)}
.v3 .v3-keep .wrap{width:auto!important;max-width:1180px!important;margin:0 auto!important;padding:0!important}
.v3 .v3-keep :is(h2,h3){font-family:var(--serif);font-weight:900}
.v3 .v3-keep .kicker{font-size:12px!important;letter-spacing:.42em!important;color:var(--g)!important;font-weight:500!important}
.v3 .v3-keep .card{background:#fff!important;border:1px solid #e7e1d3!important;border-radius:4px!important;box-shadow:none!important}
.v3 .v3-keep .card:hover{border-color:var(--g)!important}
.v3 .v3-keep .tag{border-radius:999px!important;letter-spacing:.14em;font-size:11px!important;background:transparent!important}
.v3 .v3-keep .tag-orange,.v3 .v3-keep .tag-accent{border-color:var(--g)!important;color:#7a5e1f!important}
.v3 .v3-keep .price{font-family:var(--en)!important;color:var(--k)!important;font-weight:600!important;font-size:28px!important}
.v3 .v3-keep :is(.btn,a.btn,button.btn){background:var(--k)!important;color:var(--w)!important;border:1px solid var(--k)!important;border-radius:999px!important;letter-spacing:.14em;box-shadow:none!important;font-weight:500}
.v3 .v3-keep :is(.btn-outline,a.btn-outline,.btn.btn-outline){background:transparent!important;color:var(--k)!important;border:1px solid var(--k)!important}
.v3 .v3-keep :is(.btn,.btn-outline).is-disabled,.v3 .v3-keep .btn:disabled{opacity:.45}
.v3 .v3-keep a.btn-ghost{color:var(--k)!important;border:0!important;border-bottom:1px solid var(--g)!important;border-radius:0!important;padding:0 0 3px!important;letter-spacing:.14em;background:none!important}
.v3 .v3-keep .promo-banner{background:var(--sand)!important;border:0!important;border-left:3px solid var(--g)!important;border-radius:0!important}
.v3 .v3-keep :is(.wallet-panel,.sub-section,.plus-section){border-radius:4px!important}
.v3 .v3-keep details summary{font-family:var(--serif);font-weight:900}
.v3 .v3-keep table.cmp th{background:var(--sand)!important}
.v3 .v3-keep .pill-switch button.on{background:var(--k)!important}
/* 動態：偏好減少動態時全部關閉 */
@media (prefers-reduced-motion:no-preference){
  .v3 .rise>*{animation:v3up .8s both}.v3 .rise>*:nth-child(2){animation-delay:.12s}.v3 .rise>*:nth-child(3){animation-delay:.24s}.v3 .rise>*:nth-child(4){animation-delay:.36s}.v3 .rise>*:nth-child(5){animation-delay:.48s}
  .v3 .marq>div{animation:v3mq 30s linear infinite}
  .v3 .track.on .wave i{animation:v3eq 1.2s ease-in-out infinite}
}
@keyframes v3up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes v3eq{50%{transform:scaleY(.4)}}
@keyframes v3mq{to{transform:translateX(-50%)}}
/* 手機 */
@media (max-width:700px){
  body.v3{--vpad:22px;--vsec:72px}
  .v3 .phead{padding:104px 22px 60px}.v3 .phead .bg{font-size:300px;top:60px;right:-60px}
  .v3 .t-display{font-size:44px}
  .v3 .vbtn{padding:13px 20px;font-size:13px;letter-spacing:.14em}
  .v3 .btn-row{padding-right:58px}
  .v3 .track{grid-template-columns:76px minmax(0,1fr) 44px;gap:14px;padding:18px 0}.v3 .track img{width:76px;height:76px}.v3 .play{width:44px;height:44px;font-size:13px}
  .v3 .track .t-body{display:none}
  .v3 .idx{grid-template-columns:1fr}.v3 .idx>div{border-right:0;border-bottom:1px solid rgba(128,128,128,.35);margin:0;padding:26px 0}
  .v3 .idx>div:last-child{border-bottom:0}
  .v3 .marq{font-size:22px;padding:14px 0}
  .v3 .spec{grid-template-columns:1fr 1fr 1fr}
  .v3 .v3-keep .actions{padding-right:58px}
  body.v3 .site-footer{padding:40px 22px 90px!important}
}
.v3 .v3-keep :is(.free-strip,.trial-banner) .btn-outline{color:#fff!important;border-color:rgba(255,255,255,.75)!important}