
:root{--navy:#0A2540;--navy-light:#13315C;--blue:#00B4D8;--blue-dark:#0096C7;--white:#FFFFFF;--gray-50:#F8F9FA;--gray-100:#E9ECEF;--gray-600:#6C757D;--gray-800:#343A40;--gray-900:#212529;--font-display:'Oswald','Noto Sans TC',sans-serif;--font-sans:'Noto Sans TC',-apple-system,sans-serif}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--font-sans);color:var(--gray-900);line-height:1.6;background:var(--white)}
a{text-decoration:none;color:inherit}
ul{list-style:none}
.topbar{background:var(--navy);color:var(--gray-100);font-size:12px;padding:6px 0}
.topbar .wrap{max-width:1280px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}
.topbar .lang a{color:var(--blue);margin-left:12px;font-weight:500}
nav{background:var(--white);box-shadow:0 2px 12px rgba(0,0,0,.08);position:sticky;top:0;z-index:100}
nav .wrap{max-width:1280px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:72px}
.logo{display:flex;align-items:center;gap:10px}
.logo svg{width:36px;height:36px}
.logo b{font-family:var(--font-display);font-size:18px;color:var(--navy);letter-spacing:.5px}
.logo span{font-size:10px;color:var(--gray-600);display:block;letter-spacing:1px}
.nav-links{display:flex;gap:4px}
.nav-links a{padding:10px 16px;font-size:14px;font-weight:500;color:var(--gray-800);border-radius:4px;transition:.2s}
.nav-links a:hover,.nav-links a.active{background:var(--navy);color:var(--white)}
.nav-cta{background:var(--blue);color:var(--white)!important;padding:10px 22px!important;border-radius:4px;font-weight:600}
.page-hero{background:linear-gradient(135deg,rgba(10,37,64,.92),rgba(19,49,92,.88)),url('../assets/news-advisory.jpg') center/cover;color:var(--white);padding:100px 0;position:relative;overflow:hidden}
.page-hero .wrap{max-width:1280px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
.page-hero .crumb{font-size:13px;color:var(--blue);margin-bottom:12px}
.page-hero h1{font-family:var(--font-display);font-size:44px;margin-bottom:12px}
.page-hero p{font-size:17px;color:var(--gray-100);max-width:600px}
.section{padding:64px 0}
.section .wrap{max-width:1280px;margin:0 auto;padding:0 24px}
.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:48px}
.contact-info h2{font-family:var(--font-display);font-size:28px;color:var(--navy);margin-bottom:24px}
.info-card{background:var(--gray-50);border-radius:8px;padding:24px;margin-bottom:16px;border-left:4px solid var(--blue)}
.info-card h4{font-size:15px;color:var(--navy);margin-bottom:8px;display:flex;align-items:center;gap:8px}
.info-card p{font-size:14px;color:var(--gray-600);margin-bottom:4px}
.emergency{background:linear-gradient(135deg,#C62828,#B71C1C);color:var(--white);border-radius:8px;padding:28px;margin-top:24px}
.emergency h4{font-family:var(--font-display);font-size:18px;margin-bottom:8px}
.emergency .phone{font-family:var(--font-display);font-size:32px;font-weight:700;margin:8px 0}
.emergency p{font-size:13px;opacity:.9}
.form-box{background:var(--white);border:1px solid var(--gray-100);border-radius:12px;padding:36px;box-shadow:0 4px 24px rgba(0,0,0,.06)}
.form-box h3{font-family:var(--font-display);font-size:24px;color:var(--navy);margin-bottom:8px}
.form-box .sub{font-size:14px;color:var(--gray-600);margin-bottom:24px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.form-group{margin-bottom:16px}
.form-group label{display:block;font-size:13px;font-weight:600;color:var(--gray-800);margin-bottom:6px}
.form-group label .req{color:#C62828}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 14px;border:1px solid var(--gray-100);border-radius:6px;font-size:14px;font-family:var(--font-sans);transition:.2s;background:var(--white)}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,180,216,.1)}
.form-group textarea{resize:vertical;min-height:100px}
.btn-submit{width:100%;padding:14px;background:var(--blue);color:var(--white);border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:.2s;font-family:var(--font-sans)}
.btn-submit:hover{background:var(--blue-dark)}
.office-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}
.office-card{background:var(--gray-50);border-radius:8px;padding:24px;text-align:center}
.office-card .flag{font-size:28px;margin-bottom:8px}
.office-card h4{font-size:15px;color:var(--navy);margin-bottom:6px}
.office-card p{font-size:12px;color:var(--gray-600)}
.faq-section{background:var(--gray-50)}
.faq-item{background:var(--white);border-radius:8px;margin-bottom:12px;overflow:hidden}
.faq-q{padding:20px 24px;font-weight:600;color:var(--navy);cursor:pointer;display:flex;justify-content:space-between;align-items:center}
.faq-a{padding:0 24px 20px;font-size:14px;color:var(--gray-600);display:none}
.faq-item.open .faq-a{display:block}
footer{background:var(--gray-900);color:var(--gray-100);padding:56px 0 24px}
footer .wrap{max-width:1280px;margin:0 auto;padding:0 24px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}
.footer-brand b{font-family:var(--font-display);font-size:18px;color:var(--white);display:block;margin-bottom:8px}
.footer-brand p{font-size:12px;color:var(--gray-600);line-height:1.7}
.footer-col h5{font-size:13px;font-weight:600;color:var(--white);margin-bottom:14px}
.footer-col a{display:block;font-size:12px;color:var(--gray-600);padding:3px 0}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;display:flex;justify-content:space-between;font-size:11px;color:var(--gray-600)}
@media(max-width:900px){.nav-links{display:none}.contact-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.office-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}

/* Brand Logo */
.logo-img{width:46px;height:46px;border-radius:50%;object-fit:cover;flex-shrink:0}
.logo b{font-size:16px;line-height:1.25}
