*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:PingFang SC,Microsoft YaHei,sans-serif;line-height:1.8}img{max-width:100%;height:auto;display:block}a{color:var(--color-primary-light);text-decoration:none;transition:color .2s}a:hover{color:var(--color-primary)}ul,ol{list-style:none}button,input,textarea,select{font:inherit;color:inherit;background:0 0;border:none;outline:none}button{cursor:pointer}:root{--color-primary:#1b5e7b;--color-primary-light:#2a8fbf;--color-primary-dark:#14475d;--color-accent:#f0a500;--color-accent-dark:#c78800;--color-bg:#fff;--color-bg-alt:#f5f7fa;--color-text:#333;--color-text-secondary:#666;--color-border:#e0e0e0;--font-family:"PingFang SC", "Microsoft YaHei", sans-serif;--line-height:1.8;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:48px;--space-6:64px;--space-7:80px;--max-width:1200px;--border-radius:8px;--border-radius-sm:4px;--shadow-card:0 2px 8px #00000014;--shadow-hover:0 4px 16px #0000001f;--transition:.2s ease;--fs-h1:28px;--fs-h2:24px;--fs-h3:20px;--fs-body:16px;--fs-small:14px;--fs-xs:12px}@media (width>=1024px){:root{--fs-h1:48px;--fs-h2:36px;--fs-h3:24px}}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-2);margin:0 auto}@media (width>=768px){.container{padding:0 var(--space-4)}}.section{padding:var(--space-6) 0}.section--alt{background-color:var(--color-bg-alt)}.section__title{font-size:var(--fs-h2);color:var(--color-primary);text-align:center;margin-bottom:var(--space-5);font-weight:700}.section__subtitle{font-size:var(--fs-body);color:var(--color-text-secondary);text-align:center;max-width:600px;margin:0 auto var(--space-5)}.btn{border-radius:var(--border-radius-sm);font-size:var(--fs-body);text-align:center;transition:all var(--transition);min-width:44px;min-height:44px;padding:12px 32px;font-weight:600;line-height:1.4;display:inline-block}.btn--primary{background-color:var(--color-primary);color:#fff}.btn--primary:hover{background-color:var(--color-primary-dark);color:#fff}.btn--accent{background-color:var(--color-accent);color:#fff}.btn--accent:hover{background-color:var(--color-accent-dark);color:#fff}.btn--outline{border:2px solid var(--color-primary);color:var(--color-primary);background:0 0}.btn--outline:hover{background-color:var(--color-primary);color:#fff}@media (width<=767px){.btn--mobile-full{width:100%}}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-4);box-shadow:var(--shadow-card);transition:box-shadow var(--transition)}.card:hover{box-shadow:var(--shadow-hover)}.grid{gap:var(--space-4);display:grid}.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}@media (width>=768px){.grid--2,.grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}}.text-center{text-align:center}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.header{z-index:1000;background-color:var(--color-bg);width:100%;transition:box-shadow var(--transition);position:fixed;top:0;left:0;box-shadow:0 1px 4px #0000000f}.header__inner{height:64px;padding:0 var(--space-2);max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;display:flex}@media (width>=768px){.header__inner{padding:0 var(--space-4)}}.header__logo{align-items:center;gap:var(--space-1);color:var(--color-primary);min-height:44px;font-size:20px;font-weight:700;text-decoration:none;display:flex}.header__logo:hover{color:var(--color-primary-dark)}.header__logo-icon{background:var(--color-primary);border-radius:var(--border-radius-sm);color:#fff;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:800;display:flex}.nav__list{align-items:center;gap:var(--space-3);display:none}@media (width>=768px){.nav__list{display:flex}}.nav__link{font-size:var(--fs-body);color:var(--color-text);min-height:44px;transition:color var(--transition);align-items:center;padding:8px 4px;display:flex;position:relative}.nav__link:after{content:"";background-color:var(--color-primary);transform-origin:0;width:100%;height:2px;transition:transform var(--transition);position:absolute;bottom:0;left:0;transform:scaleX(0)}.nav__link:hover,.nav__link--active{color:var(--color-primary)}.nav__link:hover:after,.nav__link--active:after{transform:scaleX(1)}.nav__toggle{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;display:flex}@media (width>=768px){.nav__toggle{display:none}}.nav__toggle-bar{background-color:var(--color-text);border-radius:1px;width:24px;height:2px;transition:all .3s}.nav__toggle--open .nav__toggle-bar:first-child{transform:rotate(45deg)translate(5px,5px)}.nav__toggle--open .nav__toggle-bar:nth-child(2){opacity:0}.nav__toggle--open .nav__toggle-bar:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.nav__mobile{background-color:var(--color-bg);width:100%;padding:var(--space-2);display:none;position:absolute;top:64px;left:0;box-shadow:0 4px 8px #0000001a}.nav__mobile--open{display:block}.nav__mobile .nav__link{padding:var(--space-2) var(--space-1);border-bottom:1px solid var(--color-border);display:block}.nav__mobile .nav__link:last-child{border-bottom:none}body{padding-top:64px}.footer{background-color:var(--color-primary);color:#fff;padding:var(--space-5) 0 var(--space-3)}.footer__inner{max-width:var(--max-width);padding:0 var(--space-2);gap:var(--space-4);grid-template-columns:1fr;margin:0 auto;display:grid}@media (width>=768px){.footer__inner{padding:0 var(--space-4);grid-template-columns:2fr 1fr 1fr}}.footer__brand{font-size:var(--fs-h3);margin-bottom:var(--space-2);font-weight:700}.footer__desc{font-size:var(--fs-small);opacity:.8;line-height:1.6}.footer__heading{font-size:var(--fs-body);margin-bottom:var(--space-2);font-weight:600}.footer__links{list-style:none}.footer__links li{margin-bottom:var(--space-1)}.footer__links a{color:#fffc;font-size:var(--fs-small);transition:color var(--transition)}.footer__links a:hover{color:#fff}.footer__bottom{max-width:var(--max-width);padding:var(--space-3) var(--space-2) 0;text-align:center;font-size:var(--fs-xs);opacity:.7;border-top:1px solid #fff3;margin:0 auto}@media (width>=768px){.footer__bottom{padding:var(--space-3) var(--space-4) 0}}.footer__icp{color:#fffc;transition:color var(--transition)}.footer__icp:hover{color:#fff}