:root{--navy:#161616;--navy-2:#222;--steel:#2a2a2a;--gold:#f5c518;--gold-2:#ffe14a;--water:#1c7ed6;--ink:#1a1a1a;--muted:#5e656e;--line:#e4e7ec;--bg:#f3f5f7;--card:#fff;--max:1200px;--font:"Noto Sans TC", "Microsoft JhengHei", sans-serif;--display:"Barlow Condensed", "Noto Sans TC", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}html{-webkit-text-size-adjust:100%}body{color:var(--ink);font-family:var(--font);background:#f3f5f7;margin:0;overflow-x:hidden}body.nav-open{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}.topbar{color:#f5c518;letter-spacing:.04em;background:#111;font-size:14px;font-weight:700}.topbar-inner,.nav-inner,.wrap,.footer-inner{max-width:var(--max);margin:0 auto;padding:0 24px}.topbar-inner{justify-content:space-between;align-items:center;gap:12px;min-height:36px;display:flex}.topbar-phones,.topbar-lang{align-items:center;gap:14px;display:flex}.topbar-phones a{color:#fff}.topbar-phones a:hover{color:var(--gold)}.topbar button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.topbar button.active{color:var(--gold-2);font-weight:700}.header{color:#fff;z-index:20;border-bottom:4px solid var(--gold);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a1016f5;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:24px;min-height:120px;padding-top:10px;padding-bottom:10px;display:flex}.brand{flex-direction:row;align-items:center;gap:14px;min-width:0;display:flex}.brand img{flex-shrink:0;width:auto;height:92px;display:block}.brand-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.brand strong{font-family:var(--display);letter-spacing:.02em;font-size:40px;font-weight:600}.brand em{color:var(--gold-2);letter-spacing:.06em;white-space:nowrap;margin-top:6px;font-size:24px;font-style:normal}.nav-toggle{cursor:pointer;background:0 0;border:1px solid #b8924a80;border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;gap:5px;width:44px;height:44px;padding:11px 10px;display:none}.nav-toggle span{background:var(--gold-2);border-radius:1px;height:2px;transition:transform .2s,opacity .2s;display:block}.nav-toggle.open span:first-child{transform:translateY(7px)rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-backdrop{display:none}.nav{align-items:center;gap:26px;display:flex}.nav a{color:#d7dde6;font-size:15px;font-weight:500}.nav a:hover,.nav a.active{color:var(--gold-2)}.nav-drop{position:relative}.mega{width:min(780px,86vw);color:var(--ink);border-top:2px solid var(--gold);background:#fff;grid-template-columns:1fr 1fr;gap:18px;padding:22px 24px;display:none;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 24px 50px #00000038}.nav-drop:hover .mega,.nav-drop:focus-within .mega{display:grid}.mega h4{color:var(--navy);font-family:var(--display);letter-spacing:.08em;margin:0 0 10px}.mega a{color:var(--muted);padding:5px 0;font-size:14px;display:block}.mega a:hover{color:var(--navy)}.eyebrow{color:#9a7208;letter-spacing:.28em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:700}.hero .eyebrow,.page-hero .eyebrow{color:var(--gold)}.hero{color:#fff;background:#161616;min-height:0;padding:72px 0 64px;position:relative;overflow:hidden}.starfield{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.starfield span{opacity:0;background:#fff6d6;border-radius:50%;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}.hero .wrap,.page-hero .wrap,.caps-band .wrap{z-index:2;position:relative}@keyframes twinkle-a{0%,16%,to{opacity:0}30%{opacity:1}46%{opacity:0}}@keyframes twinkle-b{0%,48%,to{opacity:0}62%{opacity:1}78%{opacity:0}}@keyframes twinkle-c{0%,to{opacity:0}12%{opacity:.9}28%{opacity:0}66%{opacity:.75}84%{opacity:0}}@keyframes twinkle-d{0%,34%,to{opacity:0}42%{opacity:.4}50%{opacity:1}66%{opacity:0}}.hero:after{content:"";background:repeating-linear-gradient(-45deg, var(--gold) 0 14px, #161616 14px 28px);height:10px;position:absolute;bottom:0;left:0;right:0}.hero h1{font-size:clamp(40px,6vw,68px);font-family:var(--display);letter-spacing:.04em;margin:0 0 18px;font-weight:600;line-height:1.05}.hero p{color:#c8d0da;max-width:620px;font-size:17px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.certs{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.certs span{color:var(--gold-2);letter-spacing:.06em;border:1px solid #b8924a66;padding:6px 12px;font-size:12px}.page-hero{color:#fff;border-bottom:8px solid var(--gold);background:#161616;padding:42px 0 32px;position:relative;overflow:hidden}.page-hero h1,.page-hero h2{font-family:var(--display);letter-spacing:.06em;margin:0;font-size:clamp(28px,4vw,42px)}.site{color:#1a1a1a;background:#f3f5f7;min-height:100%}.section{padding:80px 0}.section.alt{background:#fff}.section.split{background:#f3f5f7;border-top:1px solid #e4e7ec}.section h2{font-size:34px;font-family:var(--display);letter-spacing:.04em;margin:0 0 10px}.lead{color:#5d6570;max-width:720px;font-size:16px;line-height:1.8}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-top:32px;display:grid}.caps-band{color:#1a1a1a;background:#f3f5f7;position:relative}.caps-band:after{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);height:1px;position:absolute;bottom:0;left:0;right:0}.caps-band .lead{color:#5e656e}.cap-grid{grid-template-columns:repeat(4,1fr);gap:16px}.card,.news-card,.cat-card{border:1px solid #e6e0d4;border-top:2px solid var(--gold);color:#161c24;background:#fff;transition:transform .22s,box-shadow .22s;overflow:hidden}.card:hover,.news-card:hover,.cat-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #161c2414}.cap-card{border:1px solid #e4e7ec;border-top:6px solid var(--gold);color:#1a1a1a;background:#fff;min-height:0;padding:22px 18px 20px;display:block;position:relative;overflow:hidden}.cap-card.water{border-top-color:var(--water)}.cap-icon{color:#161616;background:#fff6cc;border-radius:12px;place-items:center;width:52px;height:52px;margin-bottom:14px;display:grid}.cap-card.water .cap-icon{color:var(--water);background:#e7f2fc}.cap-card img{object-fit:cover;width:100%;height:100%;transition:transform .4s;position:absolute;inset:0}.cap-card:hover img{transform:scale(1.06)}.cap-body{background:0 0;padding:0;position:static}.cap-card h3{font-family:var(--display);letter-spacing:.04em;margin:8px 0;font-size:28px}.cap-body p{color:#5e656e;margin:0 0 12px;font-size:14px;line-height:1.6}.cap-body span{color:#161616;letter-spacing:.04em;font-size:13px;font-weight:700}.cap-card.water .cap-body span{color:var(--water)}.cap-no{color:var(--gold);font-family:var(--display);letter-spacing:.16em;font-size:13px}.thumb{aspect-ratio:1.2;color:#7a828c;text-align:center;background:#ebe6dc;place-items:center;padding:12px;font-size:13px;display:grid}.card .body,.news-card .body,.cat-card .body{padding:16px 18px 18px}.card h3,.news-card h3{margin:0 0 6px;font-size:17px}.muted{color:#6d7580;font-size:13px}.site a{color:inherit}.section.split a,.section.alt a{color:var(--navy)}.section.split a:hover,.section.alt a:hover{color:var(--gold)}.two-col{grid-template-columns:1.15fr .85fr;gap:40px;display:grid}.footer{color:#c8c8c8;border-top:8px solid var(--gold);background:#161616;padding:48px 0 22px}.footer h4{color:#fff;font-family:var(--display);letter-spacing:.08em;margin:0 0 14px}.footer a:hover{color:var(--gold-2)}.copy{border-top:1px solid #1d2630;margin-top:28px;padding-top:14px;font-size:12px}.btn{background:var(--navy);color:#fff;cursor:pointer;border:0;padding:11px 18px;display:inline-block}.btn.gold{background:var(--gold);color:#181209;font-weight:700}.btn.ghost{color:#fff;background:0 0;border:1px solid #ffffff59}.btn.ghost.dark{color:var(--navy);border-color:var(--line)}.admin-shell{min-height:100vh;color:var(--ink);background:#f4f6f8;grid-template-columns:220px 1fr;display:grid}.admin-side{background:var(--navy);color:#d7e0e8;padding:22px 16px}.admin-side a{border-radius:4px;padding:8px 10px;display:block}.admin-side a.active,.admin-side a:hover{color:var(--gold-2);background:#18324a}.admin-main{color:var(--ink);background:#f4f6f8;padding:24px}.form{gap:10px;max-width:820px;display:grid}.form label{color:var(--muted);gap:4px;font-size:13px;display:grid}.form input,.form textarea,.form select{border:1px solid var(--line);background:#fff;padding:8px 10px}.row-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.table{border-collapse:collapse;background:#fff;width:100%}.table th,.table td{border-bottom:1px solid var(--line);text-align:left;padding:8px;font-size:14px}.login-box{border:1px solid var(--line);background:#fff;max-width:420px;margin:80px auto;padding:28px}.media-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.media-grid figure{border:1px solid var(--line);background:#fff;margin:0}.media-grid figcaption{word-break:break-all;padding:6px;font-size:12px}.sound-toggle{z-index:40;color:var(--gold-2);cursor:pointer;letter-spacing:.08em;background:#0a1016f0;border:1px solid #b8924a80;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 8px 24px #00000047}.sound-toggle.off{color:#9aa4b2;border-color:#9aa4b259}.sound-switch{background:#b8924a73;border-radius:999px;flex:none;width:36px;height:20px;position:relative}.sound-switch span{background:var(--gold-2);border-radius:50%;width:16px;height:16px;transition:left .15s;position:absolute;top:2px;left:18px;box-shadow:0 0 8px #e4c98acc}.sound-toggle.off .sound-switch{background:#9aa4b247}.sound-toggle.off .sound-switch span{box-shadow:none;background:#6b7380;left:2px}.sound-toggle.wait{color:var(--gold-2);border-color:#b8924abf;animation:1.4s ease-in-out infinite sound-wait}@keyframes sound-wait{0%,to{box-shadow:0 8px 24px #00000047}50%{box-shadow:0 0 0 6px #b8924a38}}.catalog-sections{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.catalog-sections button{color:#161c24;cursor:pointer;background:#fff;border:1px solid #e2d9c8;padding:8px 12px;font-size:13px}.catalog-sections button.active,.catalog-sections button:hover{color:var(--gold-2);background:#0c1218;border-color:#0c1218}.catalog-stage{background:0 0;border:0;padding:0}.catalog-stage img{background:0 0;width:100%;max-width:920px;height:auto;margin:0 auto}.project-reel{background:#161616;width:min(800px,100%);margin:0 auto;display:block}.project-reel-note{text-align:center;color:#5e656e;margin:14px 0 0}.catalog-nav{justify-content:center;align-items:center;gap:18px;margin-top:18px;display:flex}.catalog-nav button{color:var(--gold-2);cursor:pointer;background:#0c1218;border:0;padding:8px 16px}.catalog-nav button:disabled{opacity:.35;cursor:default}.catalog-pages{margin-top:48px}.catalog-thumbs{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.catalog-thumb{color:#161c24;background:0 0;border:1px solid #e2d9c8;overflow:hidden}.catalog-thumb img{object-fit:cover;object-position:top;width:100%;height:220px}.catalog-thumb span{padding:8px 10px;font-size:13px;display:block}@media (width<=1040px){.topbar-inner,.nav-inner,.wrap,.footer-inner{padding-left:16px;padding-right:16px}.topbar-inner{min-height:40px}.topbar button{padding:8px 6px}a[href^=tel\:],a[href^=mailto\:]{text-underline-offset:3px;text-decoration:underline}.nav-inner{gap:12px;min-height:0;padding-top:8px;padding-bottom:8px}.brand{gap:10px}.brand img{height:72px}.brand strong{letter-spacing:.04em;font-size:26px}.brand em{white-space:normal;font-size:13px}.nav-toggle{display:flex}.nav-backdrop{z-index:19;background:#00000073;border:0;display:block;position:fixed;inset:0}.header{z-index:30}.nav{z-index:21;background:#0c1218;border-top:1px solid #b8924a47;flex-direction:column;align-items:stretch;gap:0;max-height:calc(100dvh - 96px);padding:8px 0 18px;display:none;position:absolute;top:100%;left:0;right:0;overflow:auto;box-shadow:0 18px 40px #00000059}.nav.open{display:flex}.nav>a,.nav-drop>a{min-height:48px;padding:14px 20px;font-size:17px}.mega{color:#d7dde6;width:auto;box-shadow:none;background:0 0;border:0;grid-template-columns:1fr;gap:8px;padding:0 20px 8px 28px;display:grid;position:static;transform:none}.mega h4{color:var(--gold-2);margin-bottom:4px}.mega a{color:#c5ced8;padding:8px 0;font-size:15px}.hero{min-height:0;padding:56px 0 48px}.hero p{font-size:16px}.section{padding:48px 0}.section h2{font-size:28px}.cap-card{min-height:0}.cap-grid{grid-template-columns:1fr 1fr}.two-col,.admin-shell,.row-2{grid-template-columns:1fr}.footer{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.sound-toggle{right:12px;bottom:calc(12px + env(safe-area-inset-bottom))}body.nav-open .sound-toggle{visibility:hidden}.login-box{margin:32px 16px}.admin-side{align-items:center;gap:8px;padding:12px;display:flex;overflow-x:auto}.admin-side h3,.admin-side p{flex:none;margin:0}.admin-side a,.admin-side .btn{white-space:nowrap;flex:none}.admin-main{padding:16px;overflow-x:auto}.table{display:block;overflow-x:auto}.catalog-sections{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:8px;overflow-x:auto}.catalog-sections button{flex:none;min-height:40px}.catalog-nav{flex-wrap:wrap;gap:10px}.catalog-nav button{min-height:44px;padding:10px 16px}.btn{min-height:44px}.form input,.form textarea,.form select{font-size:16px}}@media (width<=420px){.cap-grid{grid-template-columns:1fr}.brand strong{font-size:20px}.brand em{font-size:12px}.brand img{height:56px}.hero h1{font-size:34px}}.hazard{background:repeating-linear-gradient(-45deg, var(--gold) 0 12px, #161616 12px 24px);height:8px}.call-card{border:1px solid #e4e7ec;border-top:6px solid var(--gold);background:#fff;padding:22px 22px 8px}.hero-phones{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.hero-phones .btn{padding:12px 18px;font-size:18px}