body{margin:0;background:#f4f8fb;color:#16384a;font:17px/1.9 system-ui,sans-serif}a{color:#078493;text-decoration:none}header{background:white;position:sticky;top:0;box-shadow:0 2px 14px #1232}.wrap{max-width:1100px;margin:auto;padding:30px 20px}header .wrap{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:14px 20px}nav a{margin:0 10px}.hero{background:linear-gradient(110deg,#092c45,#168d9e);color:white;padding:50px 0}h1{font-size:clamp(30px,5vw,52px);line-height:1.3}.price{font-size:30px;font-weight:bold;color:#f7b944}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.card{background:white;padding:22px;border-radius:14px;box-shadow:0 3px 16px #1232}.band{background:#e4f3f4}.btn{display:inline-block;padding:12px 20px;background:#f7c568;color:#173344;border-radius:10px;font-weight:bold}footer{background:#0a2d41;color:white}.float{position:fixed;bottom:15px;right:15px;background:#0b9;color:white;border-radius:30px;padding:10px 18px}
:root{--navy:#132d49;--gold:#e4b665;--mist:#f4f8fc}body{font-family:system-ui,-apple-system,"Noto Sans TC",sans-serif}header{box-shadow:0 5px 24px #102f4517}header .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}header nav{display:flex;gap:16px;flex-wrap:wrap}.hero{background:linear-gradient(105deg,#0c2849e8,#154c77c9),url('/assets/office.svg') center/cover;color:white;padding:85px 0}.hero h1{font-size:clamp(32px,4.5vw,58px);line-height:1.28;max-width:850px}.hero p{max-width:760px}.price{color:#ffe0a0;font-size:clamp(23px,3vw,35px);font-weight:900}.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:25px 0 50px}.step{background:#fff;border:1px solid #d7e3ed;border-radius:18px;padding:22px 16px;box-shadow:0 8px 25px #123a5410;position:relative}.step b{display:block;color:#0c5d8d;font-size:24px}.step small{color:#637b89}.step:not(:last-child):after{content:'→';position:absolute;right:-17px;top:42%;font-size:25px;color:#b48a43;z-index:2}.showcase{background:#f0f6fa;border-radius:22px;display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px;margin:35px 0}.showcase img{width:100%;border-radius:16px}.contact-actions{display:flex;flex-wrap:wrap;gap:10px}.contact-actions a{padding:10px 14px;background:#fff;border-radius:10px;color:#164c74}.notice{font-size:14px;color:#e7edf2}.card{transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #1639541b}@media(max-width:750px){.flow{grid-template-columns:1fr 1fr}.step:after{display:none}.showcase{grid-template-columns:1fr}.hero{padding:55px 0}header nav{font-size:14px}}

/* 第七批：鍵盤導覽與焦點可見性 */
.skip-link{position:absolute;top:-80px;left:12px;z-index:9999;background:#fff;color:#132d49;padding:8px 14px;border:2px solid #132d49}.skip-link:focus{top:10px}a:focus-visible,button:focus-visible{outline:3px solid #f2aa25;outline-offset:3px}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* 第十八版：舒適閱讀與視覺優化；測試環境 */
html{scroll-behavior:smooth}body{background:#f7faf9;color:#203b46;font-size:17px;line-height:1.85;-webkit-font-smoothing:antialiased}p,li{line-height:1.9}p{max-width:76ch}h1,h2,h3{letter-spacing:.015em;line-height:1.42}h2{font-size:clamp(1.55rem,2.7vw,2.2rem);margin-top:2.1em;margin-bottom:.7em;color:#163e52}h3{font-size:1.18rem}a:focus-visible,button:focus-visible{outline:3px solid #d7a95c;outline-offset:4px}header{z-index:20}nav a{display:inline-block;padding:6px 2px}.wrap{max-width:1160px}.hero{background:linear-gradient(100deg,rgba(10,40,58,.92),rgba(20,82,93,.78)),url('/assets/office.svg') center/cover;padding:clamp(58px,8vw,108px) 0}.hero .wrap{max-width:1160px}.hero p{line-height:1.85}.grid{gap:22px}.card{border:1px solid #e2ecec;border-radius:20px;padding:26px;box-shadow:0 9px 28px #133b4610}.card p{color:#526975}.card:hover{transform:translateY(-2px)}.flow{gap:17px}.step{border-radius:19px}.step b{font-size:1.15rem}.showcase{align-items:center;background:#edf5f2;padding:clamp(20px,4vw,44px);gap:clamp(20px,4vw,52px)}.showcase img{height:auto;aspect-ratio:11/7;object-fit:cover}.btn{min-height:44px;box-sizing:border-box}.visual-intro{margin:55px 0 35px}.visual-intro>p{color:#5a7278}.visual-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:22px 0 55px}.visual-gallery a{display:block;background:white;border:1px solid #e1eae9;border-radius:20px;overflow:hidden;color:#183e50;box-shadow:0 10px 30px #123a4510}.visual-gallery img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.visual-gallery .visual-copy{padding:20px 22px 24px}.visual-gallery strong{display:block;font-size:1.16rem;margin-bottom:6px}.visual-gallery span{display:block;color:#5b727b;font-size:.96rem;line-height:1.7}.reading-guide{background:#f0f6f3;border-left:4px solid #83aaa0;padding:18px 24px;border-radius:0 16px 16px 0;margin:30px 0}.reading-guide p{margin:0}.band{padding:35px 0}@media(max-width:800px){.visual-gallery{grid-template-columns:1fr 1fr}.hero{padding:52px 0}.wrap{padding:24px 18px}}@media(max-width:560px){body{font-size:16px}.visual-gallery{grid-template-columns:1fr}.visual-gallery img{aspect-ratio:16/9}.grid{grid-template-columns:1fr}.flow{grid-template-columns:1fr 1fr}.card{padding:21px}.showcase{grid-template-columns:1fr}.float{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}

/* 第十八版續作：全站可讀性與高質感辦公室主視覺 */
:root{--readable-ink:#203846;--warm-paper:#fcfcf9}body{color:var(--readable-ink);background:var(--warm-paper)}.hero{background:linear-gradient(100deg,rgba(12,39,57,.94),rgba(21,77,88,.73)),url('/assets/modern-office-editorial.svg') center/cover}main.wrap{padding-top:34px;padding-bottom:55px}main p,main li{max-width:74ch}main a{text-underline-offset:3px}main a:not(.btn):hover{text-decoration:underline}section{scroll-margin-top:100px}.card{background:#fff;box-shadow:0 7px 24px rgba(25,55,62,.08)}.visual-gallery img{object-fit:cover}img{max-width:100%;height:auto}footer a{color:#cceaf1}@media(max-width:600px){body{font-size:16px;line-height:1.82}.wrap{padding-left:18px;padding-right:18px}.hero{padding:50px 0}.card{padding:20px}.visual-gallery{grid-template-columns:1fr}.flow{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* 第十八版：可讀性與無障礙補強 */
html{scroll-behavior:smooth}body{overflow-wrap:break-word}p,li{line-height:1.85}main{min-width:0}img{max-width:100%;height:auto}a:focus-visible,button:focus-visible{outline:3px solid #246b83;outline-offset:3px} .reading-panel{max-width:860px;margin:2rem auto;padding:clamp(1.25rem,3vw,2.5rem);border-radius:20px;background:#fff;box-shadow:0 12px 35px rgba(21,57,72,.08)}.reading-panel h2{margin-top:1.8em}.reading-panel p{max-width:72ch}.related-guides{padding:1.2rem;background:#eff7f5;border-radius:14px;margin-top:2rem}.related-guides a{display:inline-block;margin:.35rem .75rem .35rem 0}.reading-note{background:#fff8e8;border-left:4px solid #d6a344;padding:1rem;margin:1.4rem 0}@media(max-width:650px){.reading-panel{margin:1rem .6rem;padding:1.2rem}body{font-size:16px}nav{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* 第十八版第22階段：舒適閱讀與主題圖文 */
.editorial-visual{margin:1.5rem 0 2rem;padding:0;max-width:900px;border-radius:20px;overflow:hidden;background:#eaf4f6;box-shadow:0 10px 32px rgba(18,56,74,.10)}
.editorial-visual img{display:block;width:100%;height:auto;max-height:400px;object-fit:cover}
.editorial-visual figcaption{padding:.65rem 1.1rem;color:#456273;background:#f4f9fa;font-size:.84rem;line-height:1.55}
main p, main li{line-height:1.9;overflow-wrap:anywhere}main h2{line-height:1.4;scroll-margin-top:6rem}main h3{line-height:1.45}
main p{max-width:78ch}a:focus-visible,button:focus-visible{outline:3px solid #147d93;outline-offset:3px}
@media(max-width:640px){.editorial-visual{border-radius:12px;margin:1.2rem 0 1.5rem}main p,main li{line-height:1.85}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* SEO86 第39階段：長文閱讀與無障礙改善 */
:root{scroll-padding-top:5.5rem}
html{scroll-behavior:smooth}
body{overflow-wrap:break-word}
main p, article p{line-height:1.85}
main li, article li{line-height:1.75}
main h2,article h2{scroll-margin-top:6rem}
main img,article img{max-width:100%;height:auto}
:where(a,button,input,select,textarea):focus-visible{outline:3px solid #166b85;outline-offset:3px}
@media(max-width:720px){main p,article p{line-height:1.9}main,article{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Stage 90: accessible editorial cards */
.s90-answers{padding:clamp(40px,6vw,76px) 18px;background:linear-gradient(145deg,#f4faf7,#f7f9fc);color:#183b34}.s90-inner{max-width:1120px;margin:auto}.s90-eyebrow{font-size:.88rem;letter-spacing:.08em;color:#3d7565;font-weight:700}.s90-answers h2{font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.3;margin:.3em 0}.s90-intro{max-width:760px;line-height:1.9;color:#455c56}.s90-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:26px 0}.s90-grid article{background:#fff;border:1px solid #dce9e2;border-radius:18px;padding:24px;box-shadow:0 10px 30px rgba(20,60,40,.045)}.s90-grid h3{margin:0 0 10px;font-size:1.16rem}.s90-grid p{line-height:1.8;color:#455c56}.s90-grid a{color:#145b4a;font-weight:700;text-underline-offset:4px}.s90-grid a:focus-visible{outline:3px solid #1b725d;outline-offset:4px}.s90-fee{font-size:.9rem;color:#53665e}@media(max-width:680px){.s90-grid{grid-template-columns:1fr}.s90-grid article{padding:20px}}

/* Stage 101: regional practical cards */
.seo86-stage101{margin:2rem 0;padding:clamp(1.25rem,3vw,2rem);background:#f3f8f5;border:1px solid #d7e7de;border-radius:18px;line-height:1.85;color:#203c32}.seo86-stage101 h2{margin:0 0 1rem;color:#1e5848}.seo86-stage101 h3{margin:1rem 0 .3rem;color:#295e50}.seo86-stage101 a{display:inline-block;padding:.55rem .9rem;border-radius:10px;background:#e2f1e9;color:#135b4a;font-weight:700;text-underline-offset:3px}.seo86-stage101 a:focus-visible{outline:3px solid #175f4f;outline-offset:3px}@media(max-width:600px){.seo86-stage101{padding:1.2rem}}