/* 左側抽屜與右側單一檔案共同組成檢視器，避免回到堆疊卡片版型。 */
.services-page{background:#fff;color:#1E293B}.services-page .site-header nav a[aria-current=page]{background:#0ABAB5;transform:translateY(0)}
.service-depth{border-top:2px solid #111;padding:76px 36px;color:#111}.service-depth-inner{max-width:1288px;margin:auto}.service-workflow{background:#FDF0D5}.depth-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:36px}.depth-heading>span{font:900 12px/1.3 Geist,monospace;letter-spacing:.08em;color:#006e6a}.depth-heading h2{margin:0;font-size:clamp(32px,3.4vw,48px);line-height:1.15;letter-spacing:-.04em;font-weight:900}.workflow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.workflow-card{position:relative;min-width:0;margin-top:14px;padding:31px 20px 24px;border:2px solid #111;background:#fff;box-shadow:6px 6px 0 #111}.workflow-card:nth-child(even){background:#e0f8f5}.workflow-tab{position:absolute;left:-2px;top:-24px;padding:6px 12px;border:2px solid #111;background:#0ABAB5;font:900 11px/1 Geist,monospace;letter-spacing:.05em}.workflow-card h3{margin:0 0 16px;font-size:clamp(20px,1.8vw,25px);line-height:1.25;font-weight:900}.workflow-card p{margin:0;font-size:14px;line-height:1.75}
@media(max-width:1000px){.workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}.depth-heading{display:block}.depth-heading h2{margin-top:12px}}
@media(max-width:620px){.service-depth{padding:54px 20px}.depth-heading{margin-bottom:30px}.depth-heading h2{font-size:34px}.workflow-grid{grid-template-columns:1fr;gap:30px}.workflow-card{padding:27px 18px 21px}}
.service-hero{border-block:2px solid #111;background:#FDF0D5;overflow:clip}
.service-hero-inner{position:relative;max-width:1360px;margin:auto;padding:65px 36px 35px}
.service-folder{display:inline-block;max-width:100%;padding:12px 16px;border:2px solid #111;background:#111;color:#FDF0D5;box-shadow:5px 5px 0 #0ABAB5;transform:rotate(-2deg);font:900 12px/1.4 Geist,monospace;letter-spacing:.06em;overflow-wrap:anywhere}.service-folder>span{margin-left:16px;color:#0ABAB5}
.service-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:36px;align-items:center;margin-top:55px}
.service-hero h1{margin:0 0 25px;font-size:clamp(52px,6.3vw,88px);line-height:1.07;letter-spacing:-.065em;font-weight:900}.service-hero h1 em{font-style:normal;color:#087f79}.service-hero-copy>p{max-width:700px;margin:0;font-size:16px;line-height:1.85}
.magnet-desk{position:relative;min-height:380px;align-self:center;isolation:isolate}.desk-crosshair{position:absolute;left:12%;top:12%;width:280px;height:280px;border:1px solid #1113;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#1113}.desk-crosshair:before,.desk-crosshair:after{content:"";position:absolute;background:#1113}.desk-crosshair:before{height:1px;width:120%;left:-10%}.desk-crosshair:after{width:1px;height:120%;top:-10%}.desk-crosshair>span{font-size:82px;font-weight:900;letter-spacing:-.08em;line-height:1}.desk-crosshair>small{font-size:10px;line-height:1.2;letter-spacing:.15em;text-align:center}
.magnet-badge{position:absolute;z-index:1;width:max-content;max-width:100%;padding:16px 19px;border:2px solid #111;box-shadow:5px 5px 0 #111;background:#fff;transform:translate(var(--mx,0px),var(--my,0px)) rotate(var(--angle));transition:transform .65s cubic-bezier(.18,1.55,.38,1);will-change:auto}.magnet-badge>span{display:block;white-space:nowrap;font-size:22px;line-height:1.25;font-weight:900;letter-spacing:-.04em}.magnet-badge>small{display:block;margin-top:10px;font-size:8px;letter-spacing:.1em;font-weight:900}.badge-ads{--angle:6deg;top:0;right:7%;background:#0ABAB5}.badge-hook{--angle:-7deg;top:137px;left:0}.badge-koc{--angle:4deg;top:270px;right:2%;background:#111;color:#FDF0D5}.desk-caption{position:absolute;left:10%;bottom:-32px;color:#53615a;font-size:9px;font-weight:900;letter-spacing:.12em}.inspector-jump{display:flex;align-items:center;justify-content:space-between;width:205px;margin-top:50px;padding:15px 0 8px;border-bottom:2px solid #111;text-decoration:none;font-size:12px;font-weight:900;color:#111}.inspector-jump>span{font-size:22px}
.inspector-section{max-width:1360px;margin:auto;padding:78px 36px 85px;scroll-margin-top:15px}.inspector-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:40px}.inspector-heading h2{font-size:clamp(37px,4.1vw,59px);line-height:1.13;letter-spacing:-.055em;margin:0}.inspector-heading>p{max-width:430px;margin:0 0 4px;font-size:14px;line-height:1.8}
.dossier-inspector{position:relative;border:3px solid #111;box-shadow:8px 8px 0 #111;background:#111}.inspector-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 22px;background:#111;color:#FDF0D5;font:800 11px/1.4 Geist,monospace;letter-spacing:.07em}.inspector-toolbar>span:first-child{display:flex;align-items:center;gap:9px}.inspector-toolbar i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#0ABAB5;box-shadow:0 0 0 4px #0abab526}
.inspector-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.drawer-index{display:flex;flex-direction:column;padding:22px 18px 25px;background:#e5e9e5;border-right:3px solid #111}.index-caption{display:flex;justify-content:space-between;gap:15px;margin-bottom:19px;padding-inline:8px;font-size:11px;font-weight:900;color:#40524e}.service-tabs{display:grid;gap:12px}.service-tabs button{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;width:100%;min-height:112px;padding:20px 36px 18px 18px;text-align:left;background:#FDF0D5;color:#111;border:2px solid #111;box-shadow:4px 4px 0 #111;transition:transform .2s,box-shadow .2s,background .2s}.service-tabs button:before{content:"";position:absolute;right:-8px;top:21px;width:5px;height:36px;border:1px solid #111;background:#899b94}.service-tabs button[aria-selected=true]{background:#0ABAB5;transform:translate(3px,3px);box-shadow:1px 1px 0 #111}.service-tabs button[aria-selected=true]:before{background:#111}.tab-code{font:900 9px/1.4 Geist,monospace;letter-spacing:.015em;overflow-wrap:anywhere}.service-tabs strong{display:block;margin-top:12px;font-size:clamp(16px,1.65vw,23px);line-height:1.25;letter-spacing:-.035em}.tab-arrow{position:absolute;right:14px;top:16px;font-size:19px;line-height:1}.tab-sub{margin-top:12px;font:800 7px/1.3 Geist,monospace;letter-spacing:.04em;color:#36534b}.index-bottom{margin-top:auto;padding:65px 8px 5px;color:#51665e}.index-lines{display:block;width:65px;height:25px;border-block:3px solid #51665e;background:repeating-linear-gradient(90deg,#51665e 0 3px,transparent 3px 7px)}.index-bottom b{display:block;margin-top:22px;font-size:27px;line-height:1.1;letter-spacing:-.05em}.index-bottom>span:last-child{display:block;margin-top:18px;font-size:8px;font-weight:900;letter-spacing:.06em}
@media(hover:hover){.service-tabs button:hover:not([aria-selected=true]){transform:translateX(3px);background:#fff;box-shadow:1px 4px 0 #111}}
.sheet-bay{position:relative;min-width:0;overflow:clip;background:#f2f2ed;padding:14px}.service-sheet{position:relative;min-height:100%;padding:30px 31px 20px;border:2px solid #111;background:#fff;box-shadow:4px 4px 0 #111;animation:sheet-settle .55s ease-out both}.service-sheet[hidden]{display:none!important}.sheet-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:32px}.sheet-meta>span{padding-top:5px;max-width:65%;font:850 9px/1.6 Geist,monospace;letter-spacing:.03em;color:#47615a;overflow-wrap:anywhere}.approval-stamp{flex:none;width:149px;padding:10px 8px;border:3px double #08746f;color:#08746f;background:#0abab50c;text-align:center;transform:rotate(-8deg);animation:stamp-land .85s .15s cubic-bezier(.2,.7,.2,1) both;transform-origin:65% 50%;pointer-events:none}.approval-stamp b{display:block;font-size:20px;line-height:1;letter-spacing:-.06em;font-weight:900}.approval-stamp span{display:block;margin-top:6px;font:900 7px/1.3 Geist,monospace;letter-spacing:.02em}
.service-content{animation:drawer-open .55s cubic-bezier(.18,.75,.25,1) both}.service-content h3{margin:0 0 24px;font-size:clamp(31px,3.4vw,48px);font-weight:900;line-height:1.19;letter-spacing:-.055em;overflow-wrap:anywhere}.sheet-intro{margin:0 0 30px;font-size:15px;line-height:1.85}.execution-heading{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-top:2px solid #111;border-bottom:1px solid #111;font-size:10px;font-weight:900;letter-spacing:.055em}.execution-heading>span:last-child{color:#4c625d;font-size:8px}.execution-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:0 0 28px;padding:0;list-style:none}.execution-list li{display:flex;align-items:flex-start;gap:12px;padding:19px 0;border-bottom:1px solid #1113}.execution-list li>span{display:flex;align-items:center;justify-content:center;flex:none;width:25px;height:25px;border:1px solid #111;background:#FDF0D5;font:900 10px/1 Geist,monospace}.execution-list p{margin:0;font-size:13px;font-weight:750;line-height:1.6}.sheet-action{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;width:100%;padding:14px 17px;background:#0ABAB5;border:2px solid #111;box-shadow:4px 4px 0 #111;color:#111;text-decoration:none;font-size:13px;font-weight:900;transition:transform .18s,box-shadow .18s}.sheet-action:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #111}.sheet-action:active{transform:translate(2px,2px);box-shadow:2px 2px 0 #111}.sheet-action>span{flex:none;font-size:20px;line-height:1}.sheet-note{margin:17px 0 25px;color:#50645d;font-size:10px;line-height:1.7}.sheet-bottom{display:flex;justify-content:space-between;gap:15px;padding-top:15px;border-top:1px solid #1115;color:#52685f;font:800 8px/1.4 Geist,monospace;letter-spacing:.07em}.inspector-base{display:flex;justify-content:space-between;gap:20px;padding:13px 22px;background:#111;color:#FDF0D5;font-size:9px;font-weight:900;letter-spacing:.07em}.inspector-base>span:last-child{color:#0ABAB5}.inspector-status{margin:19px 0 0;font-size:11px;color:#4a605a}.inspector-fallback{font-size:14px;line-height:1.8}
.service-content h3{text-wrap:balance}
.service-cta{border-top:2px solid #111;background:#0ABAB5;padding:70px 36px 75px}.service-cta-inner{max-width:1288px;margin:auto}.service-cta-inner>span{font-size:10px;font-weight:900;letter-spacing:.12em}.service-cta h2{font-size:clamp(37px,4.8vw,67px);line-height:1.15;letter-spacing:-.055em;margin:25px 0 17px}.service-cta p{margin:0 0 28px;font-size:18px;line-height:1.7;color:#111}.service-cta .button{font-size:13px}.service-footer{display:flex;justify-content:space-between;gap:22px;padding:28px max(36px,calc((100vw - 1360px)/2));background:#111;color:#fff;font-size:11px}.service-footer a{color:#fff;text-decoration:none}.service-footer a:hover{text-decoration:underline}
@keyframes stamp-land{0%{opacity:0;transform:translateY(-65px) rotate(10deg) scale(1.3)}42%{opacity:1;transform:translateY(5px) rotate(-11deg) scale(.94)}62%{transform:translateY(-7px) rotate(-5deg) scale(1.04)}80%{transform:translateY(2px) rotate(-9deg) scale(.99)}100%{opacity:1;transform:translateY(0) rotate(-8deg) scale(1)}}
@keyframes drawer-open{from{opacity:0;transform:translateX(38px)}to{opacity:1;transform:translateX(0)}}
@keyframes sheet-settle{0%,30%,100%{box-shadow:4px 4px 0 #111}42%{box-shadow:8px 5px 0 #111;transform:translate(-1px,1px)}60%{box-shadow:3px 6px 0 #111;transform:translate(1px,-1px)}80%{transform:translate(0)}}
@media(max-width:1100px){.magnet-badge>span{font-size:19px}.magnet-badge{padding:14px}.badge-ads{right:2%}.desk-crosshair{width:240px;height:240px}.tab-sub{display:none}.service-tabs button{min-height:105px}.sheet-meta{flex-wrap:wrap}.sheet-meta>span{max-width:100%;flex:1;min-width:130px}.approval-stamp{width:128px}.approval-stamp b{font-size:18px}.service-sheet{padding:26px 24px 20px}.execution-list{grid-template-columns:1fr}.sheet-intro{font-size:14px}.index-bottom b{font-size:23px}}
@media(max-width:850px){.service-hero-inner{padding:52px 28px 30px}.service-hero-grid{grid-template-columns:1fr;gap:45px;margin-top:45px}.service-hero h1{font-size:clamp(52px,8vw,76px)}.service-hero h1 br:nth-child(2){display:none}.service-hero-copy>p{max-width:100%}.magnet-desk{min-height:190px;margin-bottom:20px}.desk-crosshair{width:160px;height:160px;left:38%;top:0}.desk-crosshair>span{font-size:60px}.badge-ads{left:0;right:auto;top:0}.badge-hook{left:25%;top:80px}.badge-koc{right:0;top:0}.desk-caption{left:auto;right:0;bottom:-17px;font-size:8px}.inspector-jump{margin-top:26px}.inspector-section{padding:60px 28px 65px}.inspector-heading{gap:25px}.inspector-heading>p{max-width:300px;font-size:12px}.inspector-layout{grid-template-columns:1fr}.drawer-index{padding:18px;border-right:0;border-bottom:3px solid #111}.service-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.service-tabs button{min-height:90px;padding:16px 32px 16px 15px}.service-tabs strong{font-size:19px}.index-caption{margin-bottom:13px}.service-tabs button:before,.index-bottom{display:none}.sheet-bay{padding:18px}.service-sheet{padding:29px}.execution-list{grid-template-columns:repeat(2,minmax(0,1fr))}.service-content h3{font-size:40px}.service-cta{padding:60px 28px}.service-footer{padding-inline:28px}}
@media(max-width:620px){.service-hero-inner{padding:44px 20px 26px}.service-folder{padding:10px;font-size:9px}.service-folder>span{margin-left:4px}.service-hero h1{font-size:clamp(43px,11vw,62px)}.service-hero h1 br:nth-child(2){display:block}.service-hero-copy>p{font-size:14px;line-height:1.85}.service-hero-grid{margin-top:40px;gap:35px}.magnet-desk{min-height:230px;margin:0 4px 5px}.magnet-badge{padding:12px 13px}.magnet-badge>span{font-size:17px}.magnet-badge>small{font-size:7px}.desk-crosshair{width:155px;height:155px;left:20%;top:30px}.badge-ads{left:3%;top:0}.badge-hook{left:auto;right:0;top:82px}.badge-koc{left:0;right:auto;top:163px}.desk-caption{display:none}.inspector-jump{width:180px;margin-top:23px;font-size:11px}.inspector-section{padding:52px 16px 55px}.inspector-heading{display:block;padding-inline:4px;margin-bottom:27px}.inspector-heading h2{font-size:38px}.inspector-heading>p{max-width:100%;margin:18px 0 0;font-size:13px}.dossier-inspector{border-width:2px;box-shadow:5px 5px 0 #111}.inspector-toolbar{padding:13px 12px;font-size:8px;letter-spacing:0}.inspector-toolbar>span:first-child{gap:7px}.inspector-toolbar>span:last-child{font-size:8px;white-space:nowrap}.inspector-toolbar i{width:6px;height:6px}.drawer-index{padding:14px 11px 17px;border-bottom-width:2px}.index-caption{font-size:10px;padding-inline:3px}.service-tabs{gap:9px}.service-tabs button{min-height:96px;padding:13px 10px;box-shadow:3px 3px 0 #111}.tab-code{font-size:8px;letter-spacing:0}.service-tabs strong{margin-top:12px;font-size:16px;line-height:1.3}.tab-arrow{display:none}.sheet-bay{padding:10px}.service-sheet{padding:22px 17px 17px;min-height:0}.sheet-meta{margin-bottom:29px;gap:18px}.sheet-meta>span{font-size:8px;min-width:100%;padding:0}.approval-stamp{width:126px;margin-left:auto;padding:8px}.approval-stamp b{font-size:18px}.service-content h3{font-size:31px;line-height:1.2;letter-spacing:-.055em}.sheet-intro{font-size:14px;line-height:1.85}.execution-list{grid-template-columns:1fr}.execution-list li{padding:16px 0}.execution-list p{font-size:13px}.execution-heading{font-size:9px;letter-spacing:0}.execution-heading>span:last-child{font-size:7px}.sheet-action{padding:13px 10px;font-size:12px;gap:8px}.sheet-note{font-size:10px}.sheet-bottom{font-size:7px;letter-spacing:0}.inspector-base{padding:12px;font-size:8px;letter-spacing:0}.inspector-base>span:last-child{font-size:7px}.inspector-status{padding-left:4px;font-size:10px}.service-cta{padding:50px 20px 55px}.service-cta h2{font-size:36px}.service-cta p{font-size:16px}.service-cta-inner>span{font-size:8px}.service-cta .button{font-size:12px;padding:13px;flex-wrap:wrap;gap:8px}.cta-number{font-size:10px}.service-footer{padding:25px 20px;flex-wrap:wrap;font-size:10px}.service-footer>span{margin-left:auto}.service-footer a:last-child{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.service-content,.approval-stamp,.service-sheet{animation:none}.magnet-badge,.service-tabs button,.sheet-action{transition:none}.approval-stamp{opacity:1}}

/* 檔案標題與查詢入口同列，窄螢幕時維持完整可點擊文字。 */
.service-sheet{padding:16px 20px}
.sheet-meta{margin-bottom:16px}
.service-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;width:100%}
.service-heading h3{flex:1 1 280px;min-width:0;margin:0}
.service-heading .sheet-action{display:inline-flex;justify-content:center;gap:8px;flex:none;width:auto;min-height:36px;margin-left:auto;padding:6px 14px;border-radius:4px;box-shadow:3px 3px 0 #111;font-size:13px;white-space:nowrap}
.service-heading .sheet-action>span{font-size:15px}
.service-heading .sheet-action:focus-visible{outline:3px solid #b94f00;outline-offset:4px}
.sheet-intro{margin:16px 0}
.execution-list{margin-bottom:16px}
.execution-list li{padding:12px 0}
.sheet-note{margin:12px 0}
@media(max-width:620px){.service-sheet{padding:16px}.service-heading .sheet-action{max-width:100%;font-size:clamp(10px,2.8vw,13px)}}
/* 手機首屏縮短裝飾與留白，保留完整標題、介紹和入口。 */
@media(max-width:820px){
  .service-hero-inner{padding:18px 20px 16px}
  .service-folder{padding:7px 9px;font-size:8px;letter-spacing:.025em}
  .service-folder>span{margin-left:5px}
  .service-hero-grid{margin-top:18px;gap:14px}
  .service-hero h1{font-size:clamp(34px,8.5vw,46px);line-height:1.04;margin-bottom:12px}
  .service-hero-copy>p{font-size:clamp(12px,2.6vw,14px);line-height:1.55}
  .magnet-desk{height:150px;min-height:150px;margin:0}
  .magnet-badge{padding:8px 10px;box-shadow:3px 3px 0 #111}
  .magnet-badge>span{font-size:clamp(11px,2.8vw,14px)}
  .magnet-badge>small{margin-top:5px;font-size:6px}
  .badge-ads{top:5px;left:4%;right:auto}
  .badge-hook{top:45px;left:auto;right:0}
  .badge-koc{top:95px;left:7%;right:auto}
  .desk-crosshair{width:120px;height:120px;top:15px;left:36%}
  .desk-crosshair>span{font-size:42px}
  .desk-crosshair>small{font-size:7px}
  .desk-caption{display:none}
  .inspector-jump{width:190px;margin-top:16px;padding:8px 0 5px;font-size:11px}
}
@media(max-width:820px) and (max-height:740px){
  .service-hero-inner{padding-block:14px}
  .service-hero-grid{margin-top:12px;gap:8px}
  .service-hero h1{font-size:clamp(30px,8vw,40px);margin-bottom:8px}
  .service-hero-copy>p{font-size:12px;line-height:1.45}
  .magnet-desk{height:120px;min-height:120px}
  .magnet-badge>span{font-size:11px}
  .badge-hook{top:35px}
  .badge-koc{top:77px}
  .inspector-jump{margin-top:10px}
}
/* 手機服務檢視器保留雙欄索引，縮短卡片與檔案內容的留白。 */
@media(max-width:620px){
  .services-page .inspector-section{padding:32px 14px 40px}
  .services-page .inspector-heading{margin-bottom:20px}
  .services-page .inspector-heading h2{font-size:29px}
  .services-page .inspector-heading>p{margin-top:12px;font-size:12px;line-height:1.6}
  .services-page .inspector-toolbar{padding:10px 8px;font-size:7px}
  .services-page .inspector-toolbar>span:last-child{font-size:7px}
  .services-page .drawer-index{padding:10px}
  .services-page .index-caption{margin-bottom:10px;font-size:9px}
  .services-page .service-tabs{gap:8px}
  .services-page .service-tabs button{min-height:76px;padding:10px 8px}
  .services-page .tab-code{font-size:7px}
  .services-page .service-tabs strong{margin-top:8px;font-size:14px;line-height:1.3}
  .services-page .sheet-bay{padding:8px}
  .services-page .service-sheet{padding:12px}
  .services-page .sheet-meta{flex-wrap:nowrap;gap:10px;margin-bottom:14px;align-items:center}
  .services-page .sheet-meta>span{min-width:0;font-size:7px}
  .services-page .approval-stamp{width:94px;padding:6px;margin-left:0}
  .services-page .approval-stamp b{font-size:14px}
  .services-page .approval-stamp span{font-size:5px;margin-top:4px}
  .services-page .service-content h3{font-size:clamp(22px,6vw,27px);line-height:1.2}
  .services-page .service-heading{gap:10px}
  .services-page .sheet-intro{margin:12px 0;font-size:13px;line-height:1.7}
  .services-page .execution-list li{padding:10px 0;gap:8px}
  .services-page .execution-list p{font-size:12px}
}