/* ===== Reset ===== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:'Noto Sans SC','PingFang SC','Microsoft YaHei','Hiragino Sans GB',sans-serif;font-weight:400;line-height:1.6;color:#121212;background:#FAFAFA;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img{max-width:100%;height:auto;display:block}
ul{list-style:none}
a{color:inherit;text-decoration:none}
button{border:none;background:none;cursor:pointer;font:inherit}
:focus-visible{outline:2.5px solid #FF6B35;outline-offset:3px;border-radius:4px}
/* ===== CSS Variables ===== */
:root{--blue:#1E90FF;--orange:#FF6B35;--bg-dark:#1A1A2E;--bg-light:#FAFAFA;--border-gray:#E0E0E0;--green:#00C853;--red:#FF1744;--text-primary:#121212;--text-on-dark:#FFFFFF;--font-heading:Impact,'Arial Black','Franklin Gothic Heavy',sans-serif;--font-body:'Noto Sans SC','PingFang SC','Microsoft YaHei','Hiragino Sans GB',sans-serif;--container-max:1200px;--header-bg:#1A1A2E;--footer-bg:#1A1A2E;--nav-gap:2px;--radius-lg:16px;--radius-md:8px;--radius-sm:4px;--transition:0.25s cubic-bezier(0.25,0.46,0.45,0.94)}
/* ===== Container ===== */
.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 24px}
@media(max-width:768px){.container{padding:0 16px}}
/* ===== Skip Link ===== */
.skip-link{position:fixed;top:0;left:0;z-index:10000;padding:10px 20px;background:var(--orange);color:#fff;font-weight:700;transform:translateY(-120%);transition:transform 0.3s}.skip-link:focus{transform:translateY(0)}
/* ===== Header ===== */
.site-header{position:relative;background:var(--header-bg);color:var(--text-on-dark);font-family:var(--font-body);z-index:1000}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding-top:16px;padding-bottom:16px;gap:16px}
.header-brand{flex-shrink:0;display:flex;align-items:center}
.brand-link{display:flex;align-items:center;gap:10px;font-family:var(--font-heading);font-size:22px;font-weight:900;letter-spacing:0.5px;color:#fff;transition:color var(--transition)}
.brand-link:hover{color:var(--blue)}
.brand-icon{display:flex;align-items:center;flex-shrink:0}
.brand-icon svg{display:block}
.brand-text{white-space:nowrap}
/* ===== Navigation ===== */
.nav{display:flex;align-items:center}
.nav-list{display:flex;align-items:center;gap:var(--nav-gap);flex-wrap:wrap}
.nav-link{display:flex;align-items:center;gap:6px;padding:8px 14px;font-size:15px;font-weight:500;color:rgba(255,255,255,0.85);border-radius:100px;transition:background var(--transition),color var(--transition);position:relative}
.nav-link::before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--blue);flex-shrink:0;opacity:0.6;transition:opacity var(--transition),transform var(--transition)}
.nav-link:hover{background:rgba(30,144,255,0.18);color:#fff}
.nav-link:hover::before{opacity:1;transform:scale(1.3)}
.nav-link[aria-current="page"]{background:rgba(30,144,255,0.22);color:#fff;font-weight:700}
.nav-link[aria-current="page"]::before{opacity:1;background:var(--orange);transform:scale(1.2)}
/* ===== Nav Toggle (Mobile) ===== */
.nav-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;padding:6px;border-radius:var(--radius-md);background:rgba(255,255,255,0.08);transition:background var(--transition)}
.nav-toggle:hover{background:rgba(255,255,255,0.15)}
.nav-toggle-line{display:block;width:22px;height:2.5px;background:#fff;border-radius:2px;transition:transform 0.3s,opacity 0.3s}
.nav-toggle-line+.nav-toggle-line{margin-top:5px}
.nav-toggle[aria-expanded="true"] .nav-toggle-line:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] .nav-toggle-line:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] .nav-toggle-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
/* ===== Header CTA ===== */
.header-cta{flex-shrink:0;margin-left:8px;padding:10px 22px;font-size:15px;font-weight:700;border-radius:100px;transition:transform var(--transition),box-shadow var(--transition)}
.header-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,107,53,0.35)}
/* ===== Header Divider ===== */
.header-divider{height:4px;background:linear-gradient(135deg,var(--blue) 30%,var(--orange) 80%);clip-path:polygon(0 0,100% 0,100% 100%,0 70%);opacity:0.85}
/* ===== Button Base ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-body);font-weight:600;text-align:center;transition:background var(--transition),color var(--transition),box-shadow var(--transition),transform var(--transition);cursor:pointer;border:none}
.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:#0b7ad9;box-shadow:0 4px 16px rgba(30,144,255,0.3)}
.btn-accent{background:var(--orange);color:#fff}.btn-accent:hover{background:#e55a2b;box-shadow:0 4px 16px rgba(255,107,53,0.3)}
/* ===== Footer ===== */
.site-footer{background:var(--footer-bg);color:rgba(255,255,255,0.85);font-family:var(--font-body);padding:0 0 28px}
.footer-divider{height:3px;background:linear-gradient(90deg,var(--orange),var(--blue));opacity:0.6}
.footer-inner{display:grid;grid-template-columns:1.3fr 1fr 1.2fr;gap:40px;padding-top:48px;padding-bottom:32px}
@media(max-width:992px){.footer-inner{grid-template-columns:1fr 1fr;gap:32px}.footer-summary{grid-column:1/-1}}
@media(max-width:640px){.footer-inner{grid-template-columns:1fr;gap:28px;padding-top:36px}}
.footer-summary{padding-right:24px}
.footer-brand{font-family:var(--font-heading);font-size:24px;font-weight:900;color:#fff;letter-spacing:0.5px;margin-bottom:12px}
.footer-tagline{font-size:15px;line-height:1.7;color:rgba(255,255,255,0.7);margin-bottom:12px}
.footer-trust{font-size:14px;color:var(--blue);border-left:3px solid var(--blue);padding-left:14px;margin-top:16px;line-height:1.6}
.footer-heading{font-family:var(--font-heading);font-size:16px;font-weight:700;color:var(--orange);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,0.1)}
.footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px}
.footer-nav a{font-size:14px;color:rgba(255,255,255,0.7);padding:4px 0;transition:color var(--transition),padding-left var(--transition);display:inline-block}
.footer-nav a:hover{color:var(--blue);padding-left:6px}
.footer-contact-list{display:flex;flex-direction:column;gap:10px}
.footer-contact-list li{display:flex;align-items:flex-start;gap:8px;font-size:14px;color:rgba(255,255,255,0.7)}
.contact-label{font-weight:600;color:rgba(255,255,255,0.5);min-width:52px;flex-shrink:0}
.footer-contact-list a{color:rgba(255,255,255,0.8);transition:color var(--transition)}
.footer-contact-list a:hover{color:var(--blue)}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.08);padding-top:20px;margin-top:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px;font-size:13px;color:rgba(255,255,255,0.5)}
.footer-bottom a{color:rgba(255,255,255,0.55);transition:color var(--transition)}
.footer-bottom a:hover{color:var(--blue)}
.footer-icp{text-align:center;width:100%;letter-spacing:0.3px}
/* ===== Scroll Top Button ===== */
.scroll-top{position:fixed;bottom:32px;right:32px;z-index:900;width:48px;height:48px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(30,144,255,0.35);opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity 0.35s,visibility 0.35s,transform 0.35s,background var(--transition)}
.scroll-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.scroll-top:hover{background:var(--orange);box-shadow:0 6px 24px rgba(255,107,53,0.4)}
.scroll-top:focus-visible{outline:2.5px solid #fff;outline-offset:3px}
@media(max-width:640px){.scroll-top{bottom:20px;right:20px;width:42px;height:42px}}
/* ===== Progress Bar ===== */
.progress-bar{position:fixed;top:0;left:0;width:100%;height:4px;z-index:9999;background:rgba(0,0,0,0.06);pointer-events:none}
.progress-bar-track{height:100%;width:0%;background:linear-gradient(90deg,var(--blue),var(--orange));border-radius:0 4px 4px 0;transition:width 0.15s ease-out}
@media(prefers-reduced-motion:reduce){.progress-bar-track{transition:none}}
/* ===== Responsive Header ===== */
@media(max-width:992px){.header-cta{display:none}}
@media(max-width:768px){
  .nav{position:absolute;top:100%;left:0;width:100%;background:#16162a;border-top:1px solid rgba(255,255,255,0.06);padding:8px 16px 20px;transform:translateY(-8px);opacity:0;visibility:hidden;transition:transform 0.3s,opacity 0.3s,visibility 0.3s;box-shadow:0 12px 40px rgba(0,0,0,0.5)}
  .nav[data-open]{transform:translateY(0);opacity:1;visibility:visible}
  .nav-list{flex-direction:column;align-items:stretch;gap:2px}
  .nav-link{padding:12px 16px;font-size:16px;border-radius:var(--radius-md);justify-content:flex-start}
  .nav-link::before{width:6px;height:6px}
  .nav-toggle{display:flex}
  .header-inner{padding-top:12px;padding-bottom:12px}
}
/* ===== Responsive Footer ===== */
@media(max-width:640px){
  .footer-nav{grid-template-columns:1fr 1fr;gap:4px 12px}
  .footer-contact-list li{font-size:13px}
  .footer-bottom{flex-direction:column;align-items:center;gap:6px}
}
/* ===== Utility ===== */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* ===== Reduced Motion ===== */
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:0.01ms!important;animation-duration:0.01ms!important;scroll-behavior:auto}}