*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}
body{font-family:'Noto Sans SC','Microsoft YaHei','PingFang SC',sans-serif;font-size:16px;line-height:1.6;color:#1A1A1A;background:#FFFFFF;min-height:100vh;display:flex;flex-direction:column}
img{display:block;max-width:100%;height:auto}
ul{list-style:none}
a{color:inherit;text-decoration:none}
button{cursor:pointer;font:inherit;border:none;background:none}
:focus-visible{outline:2px solid #FF8C00;outline-offset:2px;border-radius:4px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}}

:root{
  --green:#2E8B57;--green-dark:#1C6B3F;--green-light:#6BBF8C;
  --orange:#FF8C00;--orange-dark:#C76A00;
  --dark:#333333;--dark-soft:#4A4A4A;
  --white:#FFFFFF;--gray-light:#F5F5F5;--gray-border:#E0E0E0;
  --success:#27AE60;--warning:#E74C3C;
  --text-primary:#1A1A1A;--text-secondary:#666666;--text-inverse:#FFFFFF;
  --font-heading:Impact,'Arial Black',sans-serif;
  --font-body:'Noto Sans SC','Microsoft YaHei','PingFang SC',sans-serif;
  --font-mono:'Courier New',monospace;
  --shadow-sm:0 2px 8px rgba(0,0,0,0.08);--shadow-md:0 4px 20px rgba(0,0,0,0.12);--shadow-lg:0 8px 32px rgba(0,0,0,0.16);
  --radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:24px;
  --max-width:1280px;--header-height:72px;--footer-bg:#333333;--header-bg:#2E8B57;
  --transition:0.25s cubic-bezier(0.25,0.46,0.45,0.94)
}

.skip-link{position:absolute;top:-100px;left:50%;transform:translateX(-50%);z-index:9999;padding:12px 24px;background:var(--orange);color:var(--white);border-radius:var(--radius-md);font-weight:700;transition:top 0.2s}
.skip-link:focus{top:16px}

.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--header-bg);box-shadow:0 1px 0 rgba(255,255,255,0.15);height:var(--header-height);display:flex;flex-direction:column;justify-content:center}
.header-inner{max-width:var(--max-width);margin:0 auto;padding:0 24px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{font-family:var(--font-heading);font-size:24px;color:var(--white);letter-spacing:0.02em;text-shadow:0 1px 3px rgba(0,0,0,0.2);white-space:nowrap;user-select:none}
.nav-capsule ul{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.nav-link{display:inline-block;padding:8px 18px;border-radius:var(--radius-xl);font-size:15px;font-weight:500;color:var(--white);background:transparent;border:1px solid rgba(255,255,255,0.3);transition:background var(--transition),color var(--transition),border-color var(--transition),box-shadow var(--transition);white-space:nowrap}
.nav-link:hover,.nav-link:focus-visible{background:var(--orange);border-color:var(--orange);color:var(--white);box-shadow:0 2px 12px rgba(255,140,0,0.35)}
.nav-link[aria-current="page"]{background:var(--orange);border-color:var(--orange);color:var(--white);box-shadow:0 2px 12px rgba(255,140,0,0.35);font-weight:700}
.nav-toggle{display:none;flex-direction:column;gap:5px;padding:8px;border-radius:var(--radius-sm);background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.2);transition:background var(--transition)}
.nav-toggle:hover{background:rgba(255,255,255,0.2)}
.nav-toggle-line{display:block;width:26px;height:2px;background:var(--white);border-radius:2px;transition:transform var(--transition),opacity var(--transition)}
.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-scale{position:absolute;bottom:0;left:0;right:0;height:3px;background:repeating-linear-gradient(90deg,var(--orange) 0px,var(--orange) 4px,transparent 4px,transparent 8px);opacity:0.6}

@media(max-width:900px){
  .nav-toggle{display:flex}
  .nav-capsule{position:absolute;top:var(--header-height);left:0;right:0;background:var(--green-dark);padding:12px 24px 20px;border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-lg);clip-path:inset(0 0 100% 0);transition:clip-path 0.35s ease,visibility 0.35s;visibility:hidden;overflow:hidden}
  .nav-capsule[data-open]{clip-path:inset(0 0 0 0);visibility:visible}
  .nav-capsule ul{flex-direction:column;gap:4px}
  .nav-link{width:100%;text-align:center;padding:10px 18px;font-size:16px;border-color:rgba(255,255,255,0.15)}
  .nav-link:hover,.nav-link[aria-current="page"]{background:var(--orange);border-color:var(--orange)}
}

@media(min-width:901px){
  .nav-capsule{position:static;background:transparent;box-shadow:none;clip-path:none;visibility:visible;padding:0}
  .nav-capsule ul{flex-direction:row}
}

.site-footer{background:var(--footer-bg);color:var(--text-inverse);padding:48px 0 24px;margin-top:auto;font-size:14px;line-height:1.6}
.footer-inner{max-width:var(--max-width);margin:0 auto;padding:0 24px}
.footer-top{margin-bottom:20px}
.footer-brand{font-family:var(--font-heading);font-size:28px;color:var(--white);letter-spacing:0.02em;margin-bottom:4px}
.footer-tagline{color:rgba(255,255,255,0.7);font-size:15px;font-weight:400}
.footer-divider{border:0;height:1px;background:rgba(255,255,255,0.15);margin:16px 0}
.footer-mid{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px}
.footer-contact{display:flex;flex-wrap:wrap;gap:12px 28px}
.footer-contact-item{display:inline-flex;align-items:baseline;gap:6px}
.footer-label{color:rgba(255,255,255,0.5);font-size:13px;font-weight:400;text-transform:uppercase;letter-spacing:0.03em}
.footer-value{font-family:var(--font-mono);color:var(--white);font-size:14px;background:rgba(255,255,255,0.06);padding:2px 10px;border-radius:var(--radius-sm)}
.footer-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.footer-link{color:rgba(255,255,255,0.85);transition:color var(--transition);padding:4px 0;font-size:14px;font-weight:500}
.footer-link:hover{color:var(--orange)}
.footer-link-sep{color:rgba(255,255,255,0.2);font-size:13px;user-select:none}
.footer-note{display:flex;align-items:center;gap:10px;margin:12px 0 16px;padding:12px 18px;background:rgba(255,255,255,0.05);border-radius:var(--radius-md);border-left:3px solid var(--orange);font-size:14px;color:rgba(255,255,255,0.8)}
.footer-note-icon{color:var(--orange);font-size:16px;flex-shrink:0}
.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding-top:12px;border-top:1px solid rgba(255,255,255,0.08);font-size:13px;color:rgba(255,255,255,0.55)}
.footer-copyright{order:1}
.footer-icp{order:2;font-family:var(--font-mono);letter-spacing:0.02em}

@media(max-width:768px){
  .footer-mid{flex-direction:column;align-items:flex-start}
  .footer-contact{flex-direction:column;gap:8px}
  .footer-bottom{flex-direction:column;align-items:flex-start;gap:4px}
  .footer-note{font-size:13px;padding:10px 14px}
}

.container{max-width:var(--max-width);margin:0 auto;padding:0 24px;width:100%}
.container-narrow{max-width:900px}
.container-wide{max-width:1400px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 28px;border-radius:var(--radius-md);font-size:15px;font-weight:600;line-height:1.4;border:1px solid transparent;background:var(--white);color:var(--text-primary);transition:transform var(--transition),box-shadow var(--transition),background var(--transition),border-color var(--transition);cursor:pointer;text-align:center}
.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}
.btn:active{transform:translateY(0)}
.btn-primary{background:var(--green);color:var(--white);border-color:var(--green)}
.btn-primary:hover{background:var(--green-dark);border-color:var(--green-dark);box-shadow:0 4px 16px rgba(46,139,87,0.35)}
.btn-secondary{background:transparent;color:var(--orange);border-color:var(--orange)}
.btn-secondary:hover{background:var(--orange);color:var(--white);box-shadow:0 4px 16px rgba(255,140,0,0.3)}

.card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px;transition:transform var(--transition),box-shadow var(--transition);border:1px solid var(--gray-border)}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.card-flat{box-shadow:none;border:1px solid var(--gray-border);background:var(--gray-light)}
.card-flat:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}

.data-metric{display:flex;flex-direction:column;gap:2px}
.data-metric-value{font-family:var(--font-mono);font-size:36px;font-weight:700;line-height:1.1;color:var(--text-primary);letter-spacing:-0.02em}
.data-metric-value.orange{color:var(--orange)}
.data-metric-value.green{color:var(--green)}
.data-metric-label{font-size:13px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.04em}

.tag{display:inline-block;padding:4px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;line-height:1.4;text-transform:uppercase;letter-spacing:0.03em}
.tag-orange{background:var(--orange);color:var(--white)}
.tag-green{background:var(--green);color:var(--white)}
.tag-light{background:var(--gray-light);color:var(--text-secondary);border:1px solid var(--gray-border)}

.divider{height:1px;background:var(--gray-border);border:0;margin:24px 0}
.divider-dashed{background:repeating-linear-gradient(90deg,var(--gray-border) 0,var(--gray-border) 6px,transparent 6px,transparent 12px)}

.scale-border{position:relative;border:1px solid var(--gray-border);border-radius:var(--radius-md);padding:20px}
.scale-border::before{content:'';position:absolute;top:-1px;left:20px;right:20px;height:3px;background:repeating-linear-gradient(90deg,var(--green) 0px,var(--green) 6px,transparent 6px,transparent 12px);border-radius:0 0 2px 2px}
.scale-border::after{content:'';position:absolute;bottom:-1px;right:20px;width:3px;height:40px;background:repeating-linear-gradient(180deg,var(--orange) 0px,var(--orange) 6px,transparent 6px,transparent 12px)}

.progress-bar{position:fixed;top:var(--header-height);left:0;right:0;height:3px;z-index:999;background:rgba(0,0,0,0.06);pointer-events:none}
.progress-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--green),var(--orange));transition:width 0.08s linear;border-radius:0 2px 2px 0}

.back-to-top{position:fixed;bottom:32px;right:32px;z-index:900;width:48px;height:48px;border-radius:50%;background:var(--green);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transition:opacity var(--transition),visibility var(--transition),transform var(--transition),background var(--transition);border:1px solid rgba(255,255,255,0.2)}
.back-to-top.visible{opacity:1;visibility:visible}
.back-to-top:hover{background:var(--orange);transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.back-to-top:active{transform:translateY(0)}
.back-to-top svg{width:22px;height:22px;fill:currentColor}

.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.grid-uneven{display:grid;grid-template-columns:2fr 1fr;gap:24px}

@media(max-width:1024px){.grid-4{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.grid-2,.grid-3,.grid-4,.grid-uneven{grid-template-columns:1fr}}

.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}
.text-center{text-align:center}
.text-right{text-align:right}
.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.mt-48{margin-top:48px}
.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mb-32{margin-bottom:32px}.mb-48{margin-bottom:48px}
.p-16{padding:16px}.p-24{padding:24px}.p-32{padding:32px}

#main-content{flex:1;padding-top:var(--header-height);min-height:100vh}