:root{--primary:#e63946;--primary-dark:#c1121f;--primary-light:#ff6b7a;--secondary:#f77f00;--accent:#ffb703;--bg:#f7f8fa;--bg-alt:#ffffff;--bg-elevated:#ffffff;--text:#222222;--text-secondary:#444444;--text-muted:#888888;--border:#eeeeee;--shadow-sm:0 1px 4px rgba(0,0,0,.05);--shadow-md:0 4px 12px rgba(0,0,0,.08);--shadow-lg:0 12px 32px rgba(0,0,0,.12);--radius-sm:8px;--radius-md:10px;--radius-lg:16px;--radius-pill:14px;--glass-bg:rgba(255,255,255,.72);--glass-border:rgba(255,255,255,.5);--transition:.25s cubic-bezier(.4,0,.2,1)}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;line-height:1.7;color:var(--text);background:var(--bg);overflow-x:hidden;transition:background .3s ease,color .3s ease}
a{text-decoration:none;color:inherit;transition:color var(--transition)}
img{max-width:100%;display:block}
::selection{background:var(--primary);color:#fff}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary),var(--secondary));border-radius:10px}
::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}
header{position:sticky;top:0;background:var(--glass-bg);backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid var(--glass-border);box-shadow:0 2px 8px rgba(0,0,0,.06);z-index:1000;transition:background .3s ease,border-color .3s ease}
.nav-wrap{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:64px}
.logo{font-size:22px;font-weight:800;letter-spacing:.5px;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:relative;cursor:pointer;transition:transform var(--transition)}
.logo::before{content:"";position:absolute;left:-14px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 0 rgba(230,57,70,.6);animation:pulse 2s infinite}
.logo:hover{transform:scale(1.04)}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(230,57,70,.6)}70%{box-shadow:0 0 0 10px rgba(230,57,70,0)}100%{box-shadow:0 0 0 0 rgba(230,57,70,0)}}
nav ul{display:flex;list-style:none;gap:8px}
nav a{font-size:15px;color:var(--text);padding:8px 14px;border-radius:var(--radius-pill);position:relative;transition:color var(--transition),background var(--transition)}
nav a::after{content:"";position:absolute;left:50%;bottom:4px;width:0;height:2px;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:2px;transform:translateX(-50%);transition:width var(--transition)}
nav a:hover{color:var(--primary);background:rgba(230,57,70,.07)}
nav a:hover::after{width:60%}
main{max-width:1200px;margin:0 auto;padding:20px}
section{background:var(--bg-elevated);border-radius:var(--radius-lg);padding:28px;margin-bottom:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:box-shadow var(--transition),transform var(--transition),background .3s ease,border-color .3s ease}
section:hover{box-shadow:var(--shadow-md)}
h1{font-size:28px;color:var(--text);margin-bottom:16px;line-height:1.4;font-weight:800}
h2{font-size:22px;color:var(--text);margin:24px 0 14px;border-left:4px solid transparent;border-image:linear-gradient(180deg,var(--primary),var(--secondary)) 1;padding-left:12px;font-weight:700;position:relative}
h3{font-size:18px;color:var(--text-secondary);margin:18px 0 10px;font-weight:700}
h4{font-size:16px;color:var(--text-secondary);margin:14px 0 8px;font-weight:600}
p{margin-bottom:12px;color:var(--text-secondary);font-size:15px}
ul,ol{margin:10px 0 14px 24px;color:var(--text-secondary);font-size:15px}
li{margin-bottom:6px}
li::marker{color:var(--primary)}
strong{color:var(--text);font-weight:700}
.banner{position:relative;background:linear-gradient(135deg,#e63946 0%,#f77f00 50%,#ffb703 100%);background-size:200% 200%;animation:gradientShift 12s ease infinite;color:#fff;border-radius:var(--radius-lg);padding:48px 28px;margin-bottom:24px;text-align:center;overflow:hidden;box-shadow:0 12px 40px rgba(230,57,70,.28)}
.banner::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.18),transparent 45%),radial-gradient(circle at 70% 70%,rgba(255,255,255,.12),transparent 45%);animation:floatGlow 14s linear infinite;pointer-events:none}
.banner::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.08));pointer-events:none}
@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes floatGlow{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.banner h1{color:#fff;position:relative;z-index:1;text-shadow:0 2px 12px rgba(0,0,0,.18);animation:fadeUp .8s ease both}
.banner p{color:rgba(255,255,255,.95);font-size:16px;position:relative;z-index:1;animation:fadeUp .8s ease .15s both}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.stats{display:flex;gap:20px;justify-content:center;margin-top:24px;flex-wrap:wrap;position:relative;z-index:1}
.stat-item{background:rgba(255,255,255,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-md);padding:14px 24px;min-width:120px;transition:transform var(--transition),background var(--transition);animation:fadeUp .8s ease both}
.stat-item:nth-child(1){animation-delay:.2s}
.stat-item:nth-child(2){animation-delay:.3s}
.stat-item:nth-child(3){animation-delay:.4s}
.stat-item:nth-child(4){animation-delay:.5s}
.stat-item:hover{transform:translateY(-4px) scale(1.03);background:rgba(255,255,255,.28)}
.stat-num{font-size:26px;font-weight:800;letter-spacing:.5px}
.stat-label{font-size:13px;opacity:.92}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;margin-top:16px}
.card{border:1px solid var(--border);border-radius:var(--radius-md);padding:18px;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition),background .3s ease;background:var(--bg-elevated);position:relative;overflow:hidden}
.card::before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--primary),var(--secondary));transform:scaleX(0);transform-origin:left;transition:transform var(--transition)}
.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:rgba(230,57,70,.25)}
.card:hover::before{transform:scaleX(1)}
.card h4{margin-top:0;color:var(--primary)}
.card h3{color:var(--text)}
.card p{font-size:14px}
.card a{color:var(--primary);font-weight:600;font-size:14px;display:inline-block;transition:transform var(--transition),color var(--transition)}
.card a:hover{color:var(--primary-dark);transform:translateX(4px)}
.meta{font-size:13px;color:var(--text-muted);margin:6px 0}
.faq-item{border-bottom:1px solid var(--border);padding:14px 0;transition:background var(--transition)}
.faq-item:last-child{border-bottom:none}
.faq-item:hover{background:rgba(230,57,70,.03);border-radius:var(--radius-sm);padding-left:10px;padding-right:10px}
.faq-q{font-weight:600;color:var(--text);cursor:pointer;display:flex;justify-content:space-between;align-items:center;user-select:none;transition:color var(--transition);padding-right:8px}
.faq-q::after{content:"+";font-size:20px;font-weight:400;color:var(--primary);transition:transform var(--transition);flex-shrink:0;margin-left:12px}
.faq-item:hover .faq-q{color:var(--primary)}
.faq-a{margin-top:10px;color:var(--text-secondary);font-size:14px;animation:fadeUp .3s ease both}
.toc{background:linear-gradient(135deg,rgba(230,57,70,.06),rgba(247,127,0,.06));border:1px solid rgba(230,57,70,.12);border-radius:var(--radius-md);padding:16px 20px;margin-bottom:20px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.toc h3{margin-top:0;color:var(--primary)}
.toc ul{columns:2;margin-left:20px}
.toc a{color:var(--text-secondary);transition:color var(--transition),padding-left var(--transition);display:inline-block}
.toc a:hover{color:var(--primary);padding-left:4px}
.contact-info{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.contact-item{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}
.contact-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:rgba(230,57,70,.25)}
.contact-item strong{color:var(--primary);display:block;margin-bottom:4px}
.contact-item p{margin-bottom:0;font-size:14px}
footer{background:linear-gradient(180deg,#1a1a2e,#0f0f1a);color:#bbb;padding:36px 20px;text-align:center;font-size:14px;line-height:2;position:relative;overflow:hidden}
footer::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--secondary),var(--accent))}
footer a{color:#bbb;margin:0 8px;transition:color var(--transition),transform var(--transition);display:inline-block}
footer a:hover{color:#fff;transform:translateY(-2px)}
.breadcrumb{font-size:13px;color:var(--text-muted);margin-bottom:14px;padding:8px 14px;background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-pill);display:inline-block;border:1px solid var(--glass-border)}
.breadcrumb a{color:var(--primary);font-weight:500}
.breadcrumb a:hover{color:var(--primary-dark)}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.tag{background:linear-gradient(135deg,rgba(230,57,70,.08),rgba(247,127,0,.08));border:1px solid rgba(230,57,70,.15);border-radius:var(--radius-pill);padding:4px 12px;font-size:13px;color:var(--primary);transition:transform var(--transition),background var(--transition)}
.tag:hover{transform:translateY(-2px);background:linear-gradient(135deg,rgba(230,57,70,.16),rgba(247,127,0,.16))}
#backTop{position:fixed;right:24px;bottom:24px;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border:none;font-size:20px;cursor:pointer;box-shadow:0 6px 20px rgba(230,57,70,.45);display:none;z-index:999;transition:transform var(--transition),box-shadow var(--transition)}
#backTop:hover{transform:translateY(-4px) scale(1.08);box-shadow:0 10px 28px rgba(230,57,70,.6)}
#backTop:active{transform:scale(.95)}
article.card{animation:fadeUp .6s ease both}
article.card:nth-child(2){animation-delay:.05s}
article.card:nth-child(3){animation-delay:.1s}
article.card:nth-child(4){animation-delay:.15s}
article.card:nth-child(5){animation-delay:.2s}
article.card:nth-child(6){animation-delay:.25s}
article.card:nth-child(7){animation-delay:.3s}
article.card:nth-child(8){animation-delay:.35s}
article.card:nth-child(9){animation-delay:.4s}
article.card:nth-child(10){animation-delay:.45s}
article.card:nth-child(11){animation-delay:.5s}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(prefers-color-scheme:dark){:root{--bg:#0f1117;--bg-alt:#161922;--bg-elevated:#1a1d27;--text:#e8eaed;--text-secondary:#b8bcc4;--text-muted:#7a7f8a;--border:#282c38;--glass-bg:rgba(22,25,34,.78);--glass-border:rgba(255,255,255,.08);--shadow-sm:0 1px 4px rgba(0,0,0,.3);--shadow-md:0 4px 12px rgba(0,0,0,.4);--shadow-lg:0 12px 32px rgba(0,0,0,.5)}body{background:var(--bg)}header{box-shadow:0 2px 12px rgba(0,0,0,.4)}section{box-shadow:var(--shadow-sm)}.card{background:var(--bg-elevated)}.contact-item{background:#12141c}.toc{background:linear-gradient(135deg,rgba(230,57,70,.1),rgba(247,127,0,.1));border-color:rgba(230,57,70,.2)}footer{background:linear-gradient(180deg,#0a0b10,#05060a)}.banner{box-shadow:0 12px 40px rgba(230,57,70,.35)}}
@media(max-width:768px){.nav-wrap{padding:0 14px;height:58px}.logo{font-size:19px}nav ul{display:none}.toc ul{columns:1}h1{font-size:22px}h2{font-size:19px}h3{font-size:17px}main{padding:12px}section{padding:20px;border-radius:var(--radius-md);margin-bottom:16px}.banner{padding:32px 18px;border-radius:var(--radius-md)}.banner h1{font-size:21px}.banner p{font-size:14px}.stats{gap:10px;margin-top:18px}.stat-item{padding:10px 16px;min-width:0;flex:1 1 calc(50% - 10px)}.stat-num{font-size:20px}.stat-label{font-size:12px}.grid{grid-template-columns:1fr;gap:14px}.contact-info{grid-template-columns:1fr}.breadcrumb{font-size:12px}#backTop{right:16px;bottom:16px;width:42px;height:42px;font-size:18px}footer{padding:24px 14px;font-size:13px}footer a{margin:0 5px}}
@media(max-width:480px){.banner h1{font-size:18px}.stat-item{flex:1 1 100%}section{padding:16px}}
@media(min-width:769px) and (max-width:1024px){.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}