/* NewSYS 官網導覽入口：純本地資源，不影響後台的 Bootstrap / CSS */
:root{color-scheme:light;--ink:#172b3a;--muted:#687987;--line:#e4e9eb;--accent:#0875a6;--gold:#b99255;--bg:#f5f7f5}
*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}.page{min-height:100vh;max-width:1440px;margin:0 auto;padding:0 clamp(20px,5.5vw,90px);display:flex;flex-direction:column}
.masthead{min-height:109px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line)}
.brand-mark{width:45px;height:45px;display:grid;place-items:center;border:1px solid #d5b985;border-radius:13px;color:#99703f;font-family:serif;font-size:24px;font-weight:bold;background:#f7f1e7}
.brand-text{display:flex;flex-direction:column;gap:3px}.brand-text strong{font-size:19px;letter-spacing:.11em}.brand-text span{font-size:12px;letter-spacing:.10em;color:var(--muted)}
.masthead-tag{margin-left:auto;border:1px solid #d9e1e2;border-radius:50px;padding:8px 15px;color:#54707b;font-size:12px;letter-spacing:.1em}
.main-content{flex:1;display:grid;grid-template-columns:minmax(320px,.92fr) minmax(0,1.15fr);align-items:center;gap:clamp(30px,5vw,80px);padding:70px 0 78px}
.intro{padding:10px 0 22px}.eyebrow{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700;letter-spacing:.12em;color:#8b6e43;margin:0 0 28px}.line{width:31px;height:2px;background:#ba965d}
h1{font-size:clamp(31px,3.25vw,50px);line-height:1.48;letter-spacing:.035em;margin:0 0 20px;font-weight:800}h1 em{font-style:normal;color:#356d85}
.verse{font-family:"Noto Serif TC","Songti TC",serif;color:#92764f;font-size:18px;letter-spacing:.2em;margin:0 0 26px}
.description{font-size:16px;line-height:2.05;color:#566778;max-width:550px;margin:0 0 33px}
.actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.primary-link{display:inline-flex;align-items:center;justify-content:center;gap:19px;min-height:56px;padding:0 25px;border-radius:10px;text-decoration:none;background:#16628b;color:white;font-size:17px;font-weight:700;letter-spacing:.09em;box-shadow:0 12px 24px rgba(7,81,120,.15);transition:background .2s,transform .2s,box-shadow .2s}
.primary-link:hover{background:#0b476b;transform:translateY(-2px);box-shadow:0 15px 28px rgba(7,81,120,.20)}.primary-link:focus-visible{outline:3px solid #d8a749;outline-offset:4px}
.go-note{margin:0;font-size:12px;color:#84939d}.go-note span{font-weight:700;color:#4d6e7e}
.site-preview{margin:0;position:relative;min-width:0;overflow:hidden;border:1px solid #dae0e1;background:white;border-radius:19px;box-shadow:0 28px 55px rgba(17,43,62,.12),0 3px 8px rgba(17,43,62,.045)}
.browser-top{height:46px;border-bottom:1px solid #e9edef;background:#fbfcfc;display:flex;align-items:center;justify-content:center;position:relative;font-size:12px;color:#7a8a92;letter-spacing:.02em}
.dots{position:absolute;left:17px;display:flex;gap:6px}.dots i{width:9px;height:9px;border-radius:50%;background:#d7dfe2}.dots i:first-child{background:#e7b1ab}.dots i:nth-child(2){background:#ebd0a0}.browser-lock{position:absolute;right:19px;font-size:17px}
.site-preview img{display:block;width:100%;height:auto;aspect-ratio:1027/614;object-fit:cover;background:#ded3b6}
.site-preview figcaption{padding:14px 19px;color:#758994;font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.site-preview figcaption span{font-size:11px}
.footer{min-height:73px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);color:#82919a;font-size:12px}
@media(max-width:1050px){.main-content{grid-template-columns:1fr;gap:28px;padding:44px 0 55px}.intro{padding:0}.description{max-width:750px}.site-preview{max-width:860px}.site-preview figcaption span{display:none}}
@media(max-width:580px){.page{padding:0 18px}.masthead{min-height:85px}.brand-mark{width:40px;height:40px}.brand-text strong{font-size:16px}.brand-text span{font-size:11px}.masthead-tag{display:none}.main-content{padding:42px 0 50px}.eyebrow{font-size:11px;margin-bottom:19px}h1{font-size:30px;line-height:1.55}.verse{font-size:16px;margin-bottom:18px}.description{font-size:15px;line-height:1.9;margin-bottom:25px}.primary-link{width:100%}.actions{align-items:stretch}.site-preview{border-radius:12px}.browser-top{height:40px}.site-preview figcaption{padding:12px}.footer{padding:22px 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.primary-link{transition:none}.primary-link:hover{transform:none}}