
.plan>*{margin-block:0 !important}
.plan :where(.is-layout-flow,.is-layout-constrained,.is-layout-flex)>*{margin-block:0}
.plan p,.plan h1,.plan h2,.plan h3,.plan ul,.plan li,.plan figure,.plan details,.plan summary{margin:0;padding:0}
.plan ul{list-style:none}
.plan p:empty{display:none !important}
.plan :is(h1,h2,h3){color:inherit;font-family:var(--serif);text-transform:none}
.plan a{color:inherit;text-decoration:none}
.plan img{max-width:100%;height:auto}
.plan .wp-block-button__link{background:none;color:inherit;padding:0;border:0;border-radius:0;box-shadow:none;font:inherit;letter-spacing:inherit;text-align:left;width:auto;min-height:0}
.plan .wp-block-buttons,.plan .wp-block-button{margin:0}
.plan{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw) !important;margin-right:0 !important;background:var(--paper);color:var(--ink);font:400 16px/1.8 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip}
body:has(.plan){background:#F4F2ED;overflow-x:hidden}
body:has(.plan) .hero-section,body:has(.plan) .entry-header{display:none !important}


:root{--ink:#0F1A24;--paper:#F4F2ED;--paper2:#ECE8DF;--or:#E8704A;--b:#1F5E95;--sub:#4F5967;--line:rgba(15,26,36,.12);
--serif:"Noto Serif TC","Songti TC",serif;--sans:"Noto Sans TC",system-ui,sans-serif;--disp:"Instrument Serif","Noto Serif TC",serif;--mono:"JetBrains Mono",ui-monospace,monospace}
.plan{background:var(--paper);color:var(--ink);font:400 16px/1.8 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip}
.plan *{box-sizing:border-box}
.plan h1,.plan h2,.plan h3,.plan p,.plan ul{margin:0;padding:0}
.plan a{color:inherit;text-decoration:none}
.plan h1,.plan h2,.plan h3{text-wrap:balance}
.plan p,.plan li{text-wrap:pretty}
.plan .nw{display:inline-block}
.plan .w{max-width:1200px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}

.plan:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.05;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}


.plan a.btn,


.plan div.btn>.wp-block-button__link{display:inline-flex;align-items:center;gap:14px;min-height:52px;padding:0 10px 0 26px;border-radius:999px;font:700 15px/1 var(--sans);letter-spacing:.06em;transition:transform .3s,color .25s,border-color .25s;cursor:pointer}
.plan a.btn.pri,
.plan div.btn.pri>.wp-block-button__link{background:var(--ink);color:var(--paper)}
.plan a.btn.pri i,
.plan div.btn.pri>.wp-block-button__link i{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--or);color:#fff;font-style:normal;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.plan a.btn.pri:hover i,
.plan div.btn.pri>.wp-block-button__link:hover i{transform:translate(2px,-2px) rotate(8deg)}
.plan a.btn.ghost,
.plan div.btn.ghost>.wp-block-button__link{padding:0 4px;border-bottom:1.5px solid currentColor;border-radius:0;min-height:40px}
.plan a.btn.ghost:hover,
.plan div.btn.ghost>.wp-block-button__link:hover{color:var(--or);border-color:var(--or)}
.plan a.btn.line,
.plan div.btn.line>.wp-block-button__link{border:1.5px solid var(--ink);padding:0 22px;min-height:46px}
.plan a.btn.line:hover,
.plan div.btn.line>.wp-block-button__link:hover{border-color:var(--or);color:var(--or)}
.plan a.btn:hover,
.plan div.btn>.wp-block-button__link:hover{transform:translateY(-2px)}


.plan .sec{padding:clamp(56px,7vw,100px) 0}
.plan .sec.alt{background:var(--paper2)}
.plan .sec-head{max-width:40em}
.plan .sec-head.center{margin:0 auto;text-align:center}
.plan .sec-head.center .kicker{justify-content:center}
.plan .sec-head.center .sec-lead{margin-left:auto;margin-right:auto}
.plan .kicker{font:500 12px/1 var(--mono);letter-spacing:.18em;color:var(--b);display:flex;align-items:center;gap:12px}
.plan .kicker:after{content:"";width:56px;height:1px;background:currentColor;opacity:.5}
.plan .kicker em{font:italic 400 30px/1 var(--disp);letter-spacing:0;color:var(--or);margin-right:2px}
.plan .sec h2{margin-top:18px;font:900 clamp(26px,3vw,40px)/1.35 var(--serif);letter-spacing:-.005em}
.plan h2 b,.plan h1 b{color:var(--b);font-weight:900}
.plan .sec-lead{margin-top:14px;max-width:38em;color:var(--sub);font-size:clamp(15px,1.15vw,17px);line-height:1.9}


.plan .act{font:500 12px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--b);display:flex;align-items:center;gap:12px}
.plan .act:after{content:"";width:56px;height:1px;background:currentColor;opacity:.5}
.plan .eyebrow{margin-top:18px;font:700 14px/1.6 var(--sans);letter-spacing:.12em;color:var(--b)}
.plan h1{margin-top:12px;font:900 clamp(30px,4.2vw,60px)/1.25 var(--serif);letter-spacing:.02em}
.plan h1 span{display:block;white-space:nowrap}
.plan .lead{margin-top:22px;max-width:31em;font-size:clamp(16px,1.3vw,18px);line-height:1.95;color:var(--sub)}
.plan .acts{margin-top:32px;display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px}
.plan .feats{margin-top:30px;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:560px}
.plan .feats li{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}
.plan .feats .fi{grid-row:span 2;width:38px;height:38px;border-radius:11px;background:rgba(232,112,74,.12);color:var(--or);display:grid;place-items:center}
.plan .feats .fi svg{width:20px;height:20px}
.plan .feats b{font:700 14px/1.35 var(--sans)}
.plan .feats small{font-size:12px;color:var(--sub);line-height:1.4}
.plan .chip{position:absolute;display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.88);backdrop-filter:blur(8px);border:1px solid rgba(15,26,36,.08);border-radius:12px;padding:9px 13px;font:500 13px/1.3 var(--sans);box-shadow:0 18px 36px -20px rgba(15,26,36,.35);animation:pvFloat 6s ease-in-out infinite}
.plan .chip i{width:8px;height:8px;border-radius:50%;background:#2E9E6B;box-shadow:0 0 0 4px rgba(46,158,107,.15)}
.plan .chip b{color:var(--or);font-weight:700}
@keyframes pvFloat{0%,100%{translate:0 0}50%{translate:0 -6px}}


.plan .seg{position:relative;display:inline-flex;gap:4px;padding:5px;border-radius:999px;background:#fff;border:1px solid var(--line)}
.plan .seg button{appearance:none;border:0;background:transparent;position:relative;z-index:1;border-radius:999px;padding:10px 18px;cursor:pointer;font:700 14px/1.2 var(--sans);letter-spacing:.06em;color:var(--ink);transition:color .3s}
.plan .seg button[aria-pressed="true"]{color:var(--paper)}
.plan .seg .ind{position:absolute;top:5px;bottom:5px;left:0;width:0;border-radius:999px;background:var(--ink)}
.plan.seg-rdy .seg .ind{transition:transform .5s cubic-bezier(.2,.7,.2,1),width .5s cubic-bezier(.2,.7,.2,1)}
.plan .seg small{font:500 11px/1 var(--sans);color:var(--or);margin-left:4px}
.plan .seg button[aria-pressed="true"] small{color:#F3A487}


.plan .card{background:#fff;border:1px solid var(--line);border-radius:20px;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}
.plan .card:hover{transform:translateY(-4px);box-shadow:0 28px 44px -30px rgba(15,26,36,.45)}
.plan .tag{display:inline-block;font:700 12px/1 var(--sans);letter-spacing:.08em;padding:6px 10px;border-radius:999px;background:rgba(232,112,74,.12);color:var(--or)}
.plan .dots{list-style:none;display:grid;gap:8px}
.plan .dots li{position:relative;padding-left:20px;font-size:15px;line-height:1.7}
.plan .dots li:before{content:"";position:absolute;left:2px;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--b)}


.plan .cl-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,56px);align-items:start}
.plan .cl-card{padding:clamp(24px,2.6vw,34px);position:sticky;top:24px}
.plan .cl-card h2{margin-top:16px;font:900 clamp(24px,2.6vw,34px)/1.4 var(--serif)}
.plan .cl-card .l{margin-top:12px;color:var(--sub);line-height:1.9;font-size:15px}
.plan .cl-acts{margin-top:22px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.plan .cl-meta{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:var(--sub);list-style:none}
.plan .cl-meta li:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--or);margin-right:8px;vertical-align:middle}
.plan .faq-h{font:900 clamp(22px,2vw,28px)/1.4 var(--serif);margin-bottom:14px}
.plan .faq{border-top:1px solid var(--line)}
.plan .faq details{border-bottom:1px solid var(--line)}
.plan .faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 2px;font:700 16px/1.5 var(--sans)}
.plan .faq summary::-webkit-details-marker{display:none}
.plan .faq summary:after{content:"+";flex:none;width:30px;height:30px;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center;font:400 20px/1 var(--disp);color:var(--b);transition:transform .25s}
.plan .faq details[open] summary:after{transform:rotate(45deg)}
.plan .faq details p{padding:0 2px 18px;color:var(--sub);font-size:15px;line-height:1.9;max-width:36em}
@media (max-width:860px){.plan .cl-grid{grid-template-columns:1fr}.plan .cl-card{position:static}}


.js-rv .plan [data-rv]{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.js-rv .plan [data-rv].in{opacity:1;transform:none}
.plan a:focus-visible,.plan button:focus-visible,.plan summary:focus-visible{outline:2px solid var(--or);outline-offset:3px;border-radius:8px}
@media (prefers-reduced-motion:reduce){.js-rv .plan [data-rv]{opacity:1;transform:none;transition:none}.plan .chip{animation:none}}
@media (max-width:560px){.plan .feats{gap:8px;margin-top:22px}.plan .feats li{grid-template-columns:1fr;text-align:center;justify-items:center;row-gap:6px}.plan .feats .fi{grid-row:auto;width:34px;height:34px}.plan .feats b{font-size:12.5px}.plan .feats small{font-size:11px}}
@media (max-width:420px){.plan .chip{font-size:11.5px;padding:7px 10px}}


.js-rv .plan .plan-line{display:block;overflow:hidden}
.js-rv .plan h1 > span.plan-line{clip-path:inset(0 -10% 0 0)}
.js-rv .plan .plan-line{opacity:0;transform:translateY(.55em);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.js-rv .plan .plan-line.in{opacity:1;transform:none}
.js-rv .plan .kicker.plan-draw:after{transform:scaleX(0);transform-origin:left;transition:transform 1s cubic-bezier(.2,.7,.2,1) .25s}
.js-rv .plan .kicker.plan-draw.in:after{transform:scaleX(1)}
.plan [data-plx].plx-on [data-depth]{transform:translate3d(calc(var(--px,0)*var(--depth)*1px),calc(var(--py,0)*var(--depth)*1px),0);transition:transform .6s cubic-bezier(.2,.7,.2,1)}



.pb-hero{padding:clamp(20px,3vw,44px) 0 clamp(36px,4vw,60px)}
.pb-hero .w{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(24px,4vw,56px);align-items:center}
.pb-art{position:relative;justify-self:end;width:100%;max-width:760px}
.pb-art img{display:block;width:100%;height:auto;-webkit-mask-image:radial-gradient(ellipse 72% 70% at 50% 50%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 72% 70% at 50% 50%,#000 62%,transparent 100%)}
.pb-art .chip.c1{left:4%;bottom:14%}
.pb-art .chip.c2{right:2%;top:12%;animation-delay:-3s}
.pb-plans .pb-top{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap}
.pb-tgs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:6px}
.pb-grid{margin-top:36px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.pb-card{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1fr);overflow:hidden}
.pb-card.feat{border-color:rgba(232,112,74,.55);box-shadow:0 0 0 1px rgba(232,112,74,.35)}
.pb-shot{position:relative;background:#F8F6F3;border-right:1px solid var(--line);min-height:260px;overflow:hidden}
.pb-bar{position:relative;z-index:1;height:30px;display:flex;align-items:center;gap:5px;padding:0 12px;border-bottom:1px solid var(--line);background:#fff}
.pb-bar i{width:7px;height:7px;border-radius:50%;background:#D9D4C9}
.pb-bar i:first-child{background:var(--or)}
.pb-bar span{margin-left:8px;font:500 10.5px/1 var(--mono);color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb-shot img{position:absolute;left:0;right:0;top:30px;bottom:0;display:block;width:100%;height:calc(100% - 30px);object-fit:cover;object-position:50% 0}
.pb-shot.fit img{object-fit:contain;object-position:50% 50%;padding:12px}
.pb-body{padding:clamp(20px,2vw,28px);display:flex;flex-direction:column}
.pb-no{display:flex;align-items:center;gap:10px;font:500 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--b)}
.pb-no em{font:italic 400 24px/1 var(--disp);letter-spacing:0;color:var(--or)}
.pb-no .tag{margin-left:auto;text-transform:none}
.pb-body h3{margin-top:10px;font:900 clamp(20px,1.8vw,24px)/1.4 var(--serif)}
.pb-who{margin-top:6px;font-size:14px;line-height:1.75;color:var(--sub)}
.pb-body .dots{margin-top:14px}
.pb-body .dots li{font-size:14px;line-height:1.65}
.pb-price{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.pb-price .pb-k:first-child{display:flex;align-items:baseline;gap:4px}
.pb-price .cur{font:500 13px/1 var(--mono);color:var(--sub)}
.pb-price b{font:400 clamp(34px,3vw,42px)/1 var(--disp);letter-spacing:.01em}
.pb-price .per{font-size:14px;color:var(--sub)}
.pb-save{margin-top:6px;display:inline-block;font:700 12px/1.4 var(--sans);color:var(--or);background:rgba(232,112,74,.1);padding:4px 10px;border-radius:999px}
.pb-loc{margin-top:4px;font-size:12px;color:var(--sub)}
.pb-acts{margin-top:auto;padding-top:18px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
.pb-acts a.btn.pri,
.pb-acts div.btn.pri>.wp-block-button__link{min-height:46px;padding-left:20px;font-size:14px}
.pb-acts a.btn.pri i,
.pb-acts div.btn.pri>.wp-block-button__link i{width:30px;height:30px}
.pb-swipe{display:none;margin-top:18px;font:500 12px/1 var(--mono);letter-spacing:.12em;color:var(--sub)}
.pb-more{margin-top:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.pb-mo{display:flex;align-items:center;gap:14px;padding:16px 20px;border:1px dashed rgba(31,94,149,.45);border-radius:16px;font-size:14px;line-height:1.7;color:var(--sub);transition:border-color .25s,background .25s}
.pb-mo:hover{border-color:var(--or);background:rgba(255,255,255,.5)}
.pb-more b{color:var(--ink)}
.pb-more i{flex:none;margin-left:auto;font-style:normal;color:var(--or)}
.pb-note{margin-top:14px;font-size:13px;color:var(--sub)}
.pb-inc{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,4vw,64px);align-items:end}
.pb-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}
.pb-stats > .pb-sn{padding:16px 10px 4px 0}
.pb-stats .pb-count{display:block;font:400 clamp(30px,3vw,40px)/1 var(--disp)}
.pb-stats .pb-count small{font:500 13px/1 var(--mono);margin-left:4px;color:var(--sub)}
.pb-stats .pb-cap{display:block;margin-top:8px;font-size:13px;color:var(--sub)}
.pb-cols{margin-top:clamp(28px,3.5vw,44px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pb-cols > .pb-col{padding:22px 24px}
.pb-cols h3{font:900 18px/1.4 var(--serif)}
.pb-cols p{margin-top:8px;font-size:14px;line-height:1.8;color:var(--sub)}
.pb-steps{margin-top:36px;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;counter-reset:s}
.pb-steps > .pb-st{position:relative;padding:22px 22px 0 0;border-top:2px solid var(--line);counter-increment:s}
.pb-steps > .pb-st:before{content:"0" counter(s);position:absolute;top:-14px;left:0;padding-right:10px;background:var(--paper2);font:italic 400 24px/1 var(--disp);color:var(--or)}
.pb-steps h3{font:900 18px/1.4 var(--serif)}
.pb-steps p{margin-top:8px;font-size:14px;line-height:1.8;color:var(--sub)}
.pb-why{margin-top:32px;display:grid;gap:12px}
.pb-row{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr) minmax(0,1.1fr);gap:clamp(16px,2.4vw,32px);align-items:start;padding:22px 26px}
.pb-row h3{font:900 18px/1.5 var(--serif)}
.pb-row p{font-size:14px;line-height:1.8;color:var(--sub)}
.pb-row p strong{display:block;font:700 11px/1.4 var(--mono);letter-spacing:.1em;margin-bottom:4px}
.pb-row p.us{color:var(--ink);padding-left:16px;border-left:3px solid var(--or)}
.pb-row p.us strong{color:var(--b)}
.pb-upsec{border-top:1px solid var(--line)}
.pb-up{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}
.pb-up img{display:block;width:100%;height:auto;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000 60%,transparent 100%);mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000 60%,transparent 100%)}
.pb-up .sec-lead{margin-bottom:26px}

.pb-shot img{transition:object-position 1.2s cubic-bezier(.4,0,.2,1)}
@media (hover:hover){.pb-card:hover .pb-shot img{object-position:50% 100%;transition:object-position 7s cubic-bezier(.45,0,.55,1)}}
.pb-card.live .pb-shot img{object-position:50% 100%;transition:object-position 7s cubic-bezier(.45,0,.55,1) .4s}
.pb-price b.flip{animation:pbFlip .5s cubic-bezier(.2,.7,.2,1)}
@keyframes pbFlip{0%{opacity:0;transform:translateY(.4em)}100%{opacity:1;transform:none}}
.pb-price b{display:inline-block}
.pb-steps > .pb-st{border-top:0}
.pb-steps > .pb-st:after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--line)}
.pb-steps > .pb-st > *{position:relative}
.js-rv .pv .pb-steps > .pb-st:after{background:linear-gradient(90deg,var(--or),var(--b));transform:scaleX(0);transform-origin:left;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.js-rv .pv .pb-steps > .pb-st:before,.js-rv .pv .pb-steps > .pb-st > *{opacity:0;transform:translateY(12px);transition:opacity .6s,transform .6s cubic-bezier(.2,.7,.2,1)}
.js-rv .pv .pb-steps.in li:after{transform:scaleX(1)}
.js-rv .pv .pb-steps.in li:before,.js-rv .pv .pb-steps.in li > *{opacity:1;transform:none}
.js-rv .pv .pb-steps > .pb-st:nth-child(2):after,.js-rv .pv .pb-steps > .pb-st:nth-child(2):before,.js-rv .pv .pb-steps > .pb-st:nth-child(2) > *{transition-delay:.45s}
.js-rv .pv .pb-steps > .pb-st:nth-child(3):after,.js-rv .pv .pb-steps > .pb-st:nth-child(3):before,.js-rv .pv .pb-steps > .pb-st:nth-child(3) > *{transition-delay:.9s}
.js-rv .pv .pb-steps > .pb-st:nth-child(4):after,.js-rv .pv .pb-steps > .pb-st:nth-child(4):before,.js-rv .pv .pb-steps > .pb-st:nth-child(4) > *{transition-delay:1.35s}
.pb-row p.us{position:relative;border-left:0}
.pb-row p.us:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--or);transform-origin:top}
.js-rv .pv .pb-row p.us:before{transform:scaleY(0);transition:transform .8s cubic-bezier(.2,.7,.2,1) .3s}
.js-rv .pv .pb-row.in p.us:before{transform:scaleY(1)}
.pb-up img{animation:pvFloat 7s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.pb-card:hover .pb-shot img,.pb-card.live .pb-shot img{object-position:50% 0}.pb-up img{animation:none}.pb-price b.flip{animation:none}}
@media (max-width:1100px){.pb-card{grid-template-columns:1fr}.pb-shot{border-right:0;border-bottom:1px solid var(--line);min-height:0;height:230px}}
@media (max-width:960px){.pb-hero .w,.pb-inc,.pb-up{grid-template-columns:1fr}.pb-art{justify-self:center;max-width:600px}.pb-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}.pb-row{grid-template-columns:1fr;gap:10px}}
@media (max-width:760px){.pb-more,.pb-cols{grid-template-columns:1fr}.pb-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
.pb-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:24px calc(-1*clamp(20px,4vw,48px)) 0;padding:0 clamp(20px,4vw,48px) 10px;scrollbar-width:none}
.pb-grid::-webkit-scrollbar{display:none}
.pb-card{flex:0 0 86%;scroll-snap-align:center}
.pb-card:hover{transform:none}
.pb-shot{height:150px}
.pb-swipe{display:block}}
@media (max-width:420px){.pb-steps{grid-template-columns:1fr}.pb-tgs .seg button{padding:9px 13px;font-size:13px}}

.plan .feats li:nth-child(1):before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23E8704A%22 stroke-width=%222%22 stroke-linecap=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Cpath d=%22M12 7v5l3 2%22/%3E%3C/svg%3E")}
.plan .feats li:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23E8704A%22 stroke-width=%222%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 7l9-4 9 4-9 4z%22/%3E%3Cpath d=%22M3 7v10l9 4 9-4V7%22/%3E%3C/svg%3E")}
.plan .feats li:nth-child(3):before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23E8704A%22 stroke-width=%222%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 5h16v11H9l-5 4z%22/%3E%3C/svg%3E")}

/* ---- WordPress 版覆寫（區塊結構） ---- */
.plan .feats li{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}
.plan .feats li:before{content:"";grid-row:span 2;width:38px;height:38px;border-radius:11px;background:rgba(232,112,74,.12) center/20px no-repeat}
.plan .feats li b{display:block}
.plan .chip{margin:0}
.plan .chip:before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:#2E9E6B;box-shadow:0 0 0 4px rgba(46,158,107,.15)}
.plan .chip b{color:var(--or)}
.plan .plx img{transform:translate3d(calc(var(--px,0)*12px),calc(var(--py,0)*12px),0);transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.plan .plx .chip.c1{transform:translate3d(calc(var(--px,0)*30px),calc(var(--py,0)*18px),0);transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.plan .plx .chip.c2{transform:translate3d(calc(var(--px,0)*40px),calc(var(--py,0)*24px),0);transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.plan .pb-hero-img{display:block;width:100%;height:auto}
.plan .seg{display:inline-flex;gap:4px;padding:5px;border-radius:999px;background:#fff;border:1px solid var(--line);margin:0}
.plan .seg .seg-b{margin:0}
.plan .seg .wp-block-button__link{display:block;border-radius:999px;padding:10px 18px;cursor:pointer;font:700 14px/1.2 var(--sans);letter-spacing:.06em;color:var(--ink);background:transparent;transition:background .3s,color .3s}
.plan .seg .wp-block-button__link.on{background:var(--ink);color:var(--paper)}
.plan .seg small{font:500 11px/1 var(--sans);color:var(--or);margin-left:4px}
.plan .seg .wp-block-button__link.on small{color:#F3A487}
.plan .pb-tgs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:6px}
.plan .pb-top{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap}
.plan .pb-price .pb-k,.plan .pb-sv,.plan .pb-lc{display:none}
.plan.per-m.loc-tw .pb-k-m-tw,.plan.per-m.loc-jp .pb-k-m-jp,.plan.per-y.loc-tw .pb-k-y-tw,.plan.per-y.loc-jp .pb-k-y-jp{display:block}
.plan.per-y.loc-tw .pb-sv-tw,.plan.per-y.loc-jp .pb-sv-jp{display:inline-block}
.plan.loc-tw .pb-lc-tw,.plan.loc-jp .pb-lc-jp{display:block}
.plan .pb-k b{font:400 clamp(34px,3vw,42px)/1 var(--disp);letter-spacing:.01em}
.plan .pb-k .cur{font:500 13px/1 var(--mono);color:var(--sub)}
.plan .pb-k .per{font-size:14px;color:var(--sub);margin-left:4px}
.plan .pb-sv{margin-top:6px;font:700 12px/1.4 var(--sans);color:var(--or);background:rgba(232,112,74,.1);padding:4px 10px;border-radius:999px;width:fit-content}
.plan .pb-lc{margin-top:4px;font-size:12px;color:var(--sub)}
.plan .pb-price{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.plan .pb-mo{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 18px;padding:16px 20px;border:1px dashed rgba(31,94,149,.45);border-radius:16px;font-size:14px;line-height:1.7;color:var(--sub)}
.plan .pb-mo b{color:var(--ink)}
.plan .pb-mo .wp-block-button__link{color:var(--b);border-bottom:1.5px solid currentColor;padding-bottom:2px}
.plan .pb-bar{position:relative;z-index:1;height:30px;display:flex;align-items:center;gap:5px;padding:0 12px;border-bottom:1px solid var(--line);background:#fff;font:500 10.5px/1 var(--mono)}
.plan .pb-shot{position:relative;overflow:hidden}
.plan .pb-shot figure{margin:0}
.plan .pb-steps > .pb-st h3{margin-top:0}
.plan .pb-more{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.plan .pb-mo{margin:0}
.plan .pb-up .pb-up-img{margin:0}
.plan .pb-up-txt .sec-lead{margin-bottom:26px}
.plan .pb-row{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr) minmax(0,1.1fr);gap:clamp(16px,2.4vw,32px);align-items:start}
.plan .pb-cols > .pb-col{padding:22px 24px}
.plan .pb-count{font:400 clamp(30px,3vw,40px)/1 var(--disp)}
.plan .pb-count small{font:500 13px/1 var(--mono);margin-left:4px;color:var(--sub)}
.plan .pb-cap{margin-top:8px;font-size:13px;color:var(--sub)}
.plan .sec-h{margin-top:18px;font:900 clamp(26px,3vw,40px)/1.35 var(--serif);letter-spacing:-.005em}
.plan .sec-h b{color:var(--b);font-weight:900}
.plan .cl-h{margin-top:16px;font:900 clamp(24px,2.6vw,34px)/1.4 var(--serif)}
.plan .cl-h b{color:var(--b);font-weight:900}
.plan .faq-h{font:900 clamp(22px,2vw,28px)/1.4 var(--serif);margin-bottom:14px}
.plan .faq .wp-block-details{margin:0}
.plan .faq details p{margin:0;padding:0 2px 18px;color:var(--sub);font-size:15px;line-height:1.9;max-width:36em}
.plan .cl-meta{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:var(--sub)}
.plan .cl-acts{margin-top:22px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.plan .pb-note{margin-top:14px;font-size:13px;color:var(--sub)}

/* ---- 作品集（pf-） ---- */
.plan .pf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:36px}
.plan .pf-card{display:flex;flex-direction:column;overflow:hidden;padding:0}
.plan .pf-card .pb-shot{height:auto;aspect-ratio:4/3;border-right:0;border-bottom:1px solid var(--line);background:#F8F6F3}
.plan .pf-card .pb-shot img{position:absolute;left:0;top:30px;width:100%;height:calc(100% - 30px);object-fit:cover;object-position:50% 0;transition:object-position 6s cubic-bezier(.45,0,.55,1)}
@media (hover:hover){.plan .pf-card:hover .pb-shot img{object-position:50% 100%}}
.plan .pf-body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:8px;flex:1}
.plan .pf-tag{font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--b)}
.plan .pf-body h3{font:900 18px/1.45 var(--serif)}
.plan .pf-en{font:500 12px/1.4 var(--mono);color:var(--sub);letter-spacing:.04em}
.plan .pf-body p{font-size:14px;line-height:1.8;color:var(--sub)}
.plan .pf-go{margin-top:auto;padding-top:10px}
.plan .pf-go .wp-block-button__link{font:700 14px/1.2 var(--sans);color:var(--ink);border-bottom:1.5px solid currentColor;padding-bottom:2px;transition:color .25s,border-color .25s}
.plan .pf-go .wp-block-button__link:hover{color:var(--or);border-color:var(--or)}
.plan.flt-lec .pf-card:not(.cat-lec),.plan.flt-tea .pf-card:not(.cat-tea),.plan.flt-cns .pf-card:not(.cat-cns),.plan.flt-oth .pf-card:not(.cat-oth){display:none}
.plan .pf-hero .pb-hero-l{max-width:44em}
.plan .pf-hero{padding-bottom:0}
.plan .pf-works{padding-top:clamp(24px,3vw,40px)}
.plan .pf-hero h1{margin-top:12px}
.plan .pf-cta{display:flex;flex-wrap:wrap;gap:18px 28px;align-items:center;justify-content:space-between}
@media (max-width:960px){.plan .pf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.plan .pf-grid{grid-template-columns:1fr}}

/* ---- 2026-10-22 區塊驗證修正：class 移到外層 div 的新結構 ---- */
.plan .seg .seg-b.on .wp-block-button__link{background:var(--ink);color:var(--paper)}
.plan .seg .seg-b.on small{color:#F3A487}
.plan .pb-calbox{background:#fff;border-radius:18px;padding:24px}
