:root{--brand:#e8467c;--brand-2:#ff7aa2;--brand-3:#8b5cf6;--brand-4:#22d3ee;--bg:#f6f4fb;--bg-soft:#ffffff;--bg-glass:rgba(255,255,255,.62);--bg-glass-strong:rgba(255,255,255,.82);--text:#1c1a2b;--text-soft:#4b4a5e;--text-mute:#7b7a8e;--border:rgba(28,26,43,.10);--border-soft:rgba(28,26,43,.06);--shadow-sm:0 2px 8px rgba(28,26,43,.06);--shadow:0 10px 30px rgba(28,26,43,.10);--shadow-lg:0 22px 60px rgba(28,26,43,.16);--radius-sm:10px;--radius:18px;--radius-lg:28px;--radius-pill:999px;--grad:linear-gradient(135deg,#e8467c 0%,#ff7aa2 42%,#8b5cf6 100%);--grad-soft:linear-gradient(135deg,rgba(232,70,124,.14),rgba(139,92,246,.14));--grad-line:linear-gradient(90deg,#e8467c,#8b5cf6,#22d3ee);--maxw:1180px;--ease:cubic-bezier(.22,.61,.36,1);--dur:.42s}
@media (prefers-color-scheme:dark){:root{--bg:#0e0d17;--bg-soft:#161527;--bg-glass:rgba(24,22,40,.62);--bg-glass-strong:rgba(24,22,40,.86);--text:#f2f1f8;--text-soft:#c9c7dc;--text-mute:#9b99b4;--border:rgba(255,255,255,.12);--border-soft:rgba(255,255,255,.07);--shadow-sm:0 2px 8px rgba(0,0,0,.4);--shadow:0 10px 30px rgba(0,0,0,.5);--shadow-lg:0 22px 60px rgba(0,0,0,.6);--grad-soft:linear-gradient(135deg,rgba(232,70,124,.2),rgba(139,92,246,.2))}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.85;color:var(--text);background:var(--bg);background-image:radial-gradient(1200px 600px at 12% -8%,rgba(232,70,124,.16),transparent 60%),radial-gradient(1000px 520px at 92% 4%,rgba(139,92,246,.16),transparent 58%),radial-gradient(900px 500px at 50% 100%,rgba(34,211,238,.10),transparent 62%);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img,svg{max-width:100%;height:auto;display:block}
a{color:var(--brand);text-decoration:none;transition:color .25s var(--ease),opacity .25s var(--ease)}
a:hover{color:var(--brand-3);text-decoration:underline;text-underline-offset:3px}
a:focus-visible,button:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:6px}
::selection{background:rgba(232,70,124,.24);color:var(--text)}
h1,h2,h3,h4{margin:0 0 .6em;line-height:1.3;font-weight:800;letter-spacing:.2px;color:var(--text)}
h1{font-size:clamp(1.9rem,4.6vw,3.1rem);letter-spacing:-.5px}
h2{font-size:clamp(1.45rem,3vw,2.1rem);position:relative;padding-left:18px}
h2::before{content:"";position:absolute;left:0;top:.18em;bottom:.18em;width:6px;border-radius:6px;background:var(--grad)}
h3{font-size:clamp(1.12rem,2vw,1.4rem);color:var(--text)}
p{margin:0 0 1.05em;color:var(--text-soft)}
ul,ol{margin:0 0 1.2em;padding-left:1.35em;color:var(--text-soft)}
li{margin:.34em 0}
li::marker{color:var(--brand);font-weight:700}
blockquote{margin:0 0 1.1em;padding:18px 22px;background:var(--grad-soft);border-left:4px solid var(--brand);border-radius:0 var(--radius) var(--radius) 0;color:var(--text-soft);font-style:normal}
blockquote p{margin:0;color:var(--text-soft)}
blockquote p::before{content:"“";color:var(--brand);font-size:1.4em;font-weight:800;margin-right:2px}
blockquote p::after{content:"”";color:var(--brand);font-size:1.4em;font-weight:800;margin-left:2px}
header{position:sticky;top:0;z-index:100;background:var(--bg-glass-strong);-webkit-backdrop-filter:saturate(180%) blur(18px);backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid var(--border-soft);box-shadow:var(--shadow-sm)}
header::after{content:"";display:block;height:3px;background:var(--grad-line);opacity:.9}
header nav{max-width:var(--maxw);margin:0 auto;padding:14px 22px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
header nav>a[aria-label]{font-size:1.22rem;font-weight:900;letter-spacing:.5px;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;white-space:nowrap;position:relative;transition:transform .3s var(--ease)}
header nav>a[aria-label]:hover{text-decoration:none;transform:translateY(-1px) scale(1.03)}
header nav>a[aria-label]::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:3px;border-radius:3px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
header nav>a[aria-label]:hover::after{transform:scaleX(1)}
header ul{list-style:none;display:flex;flex-wrap:wrap;gap:4px;margin:0 0 0 auto;padding:0}
header ul li{margin:0}
header ul li a{display:inline-block;padding:8px 14px;border-radius:var(--radius-pill);font-size:.94rem;font-weight:600;color:var(--text-soft);transition:all .3s var(--ease)}
header ul li a:hover{color:#fff;background:var(--grad);text-decoration:none;transform:translateY(-2px);box-shadow:0 8px 20px rgba(232,70,124,.32)}
main{max-width:var(--maxw);margin:0 auto;padding:34px 22px 60px}
main>h1{position:relative;padding:48px 30px;margin:0 0 34px;border-radius:var(--radius-lg);background:var(--grad);color:#fff;text-align:center;box-shadow:var(--shadow-lg);overflow:hidden;isolation:isolate}
main>h1::before{content:"";position:absolute;inset:-40% -10% auto -10%;height:150%;background:radial-gradient(60% 70% at 20% 20%,rgba(255,255,255,.42),transparent 60%),radial-gradient(50% 60% at 85% 30%,rgba(255,255,255,.28),transparent 62%);z-index:-1;animation:aurora 14s ease-in-out infinite alternate}
main>h1::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.28) 1px,transparent 1px);background-size:22px 22px;opacity:.5;z-index:-1}
@keyframes aurora{0%{transform:translate3d(-4%,-2%,0) scale(1)}100%{transform:translate3d(4%,3%,0) scale(1.12)}}
section{position:relative;margin:0 0 30px;padding:30px 30px 24px;background:var(--bg-glass);-webkit-backdrop-filter:saturate(160%) blur(14px);backdrop-filter:saturate(160%) blur(14px);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .45s var(--ease)}
section::before{content:"";position:absolute;top:0;left:26px;right:26px;height:3px;border-radius:0 0 6px 6px;background:var(--grad-line);opacity:.55;transition:opacity .4s var(--ease)}
section:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:rgba(232,70,124,.3)}
section:hover::before{opacity:1}
section>h2:first-child,section>h2{margin-top:0}
section h3{margin-top:1.5em;padding-bottom:.35em;border-bottom:1px dashed var(--border)}
section h3:first-of-type{margin-top:.9em}
nav[aria-label="面包屑导航"]{margin:0 0 26px}
nav[aria-label="面包屑导航"] ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0;padding:10px 18px;background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-pill);font-size:.9rem;box-shadow:var(--shadow-sm)}
nav[aria-label="面包屑导航"] li{margin:0;color:var(--text-mute)}
nav[aria-label="面包屑导航"] li+li::before{content:"›";margin-right:8px;color:var(--brand);font-weight:700}
nav[aria-label="面包屑导航"] a{font-weight:600}
article{position:relative;margin:0 0 18px;padding:22px 24px;background:var(--bg-soft);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s var(--ease),background .4s var(--ease)}
article::after{content:"";position:absolute;left:0;top:22px;bottom:22px;width:3px;border-radius:0 4px 4px 0;background:var(--grad);opacity:0;transition:opacity .4s var(--ease)}
article:hover{transform:translateY(-6px) scale(1.008);box-shadow:var(--shadow);border-color:rgba(232,70,124,.28)}
article:hover::after{opacity:1}
article h3{margin-top:0;border-bottom:none;padding-bottom:0;transition:color .3s var(--ease)}
article:hover h3{color:var(--brand)}
article p{margin-bottom:.5em}
article p:last-child{margin-bottom:0}
article p:last-child a{display:inline-flex;align-items:center;gap:6px;font-weight:700;padding:7px 16px;border-radius:var(--radius-pill);background:var(--grad-soft);border:1px solid rgba(232,70,124,.28);transition:all .3s var(--ease)}
article p:last-child a::after{content:"→";transition:transform .3s var(--ease)}
article p:last-child a:hover{text-decoration:none;color:#fff;background:var(--grad);border-color:transparent;box-shadow:0 8px 20px rgba(232,70,124,.32)}
article p:last-child a:hover::after{transform:translateX(4px)}
#articles article,#news article{overflow:hidden}
#articles article::before{content:"";position:absolute;inset:0;background:var(--grad-soft);opacity:0;transition:opacity .4s var(--ease);pointer-events:none}
#articles article:hover::before{opacity:.5}
#articles article>*{position:relative;z-index:1}
#faq h3{background:var(--bg-soft);border:1px solid var(--border-soft);border-left:4px solid var(--brand);border-radius:var(--radius-sm);padding:12px 16px;margin:1.1em 0 .5em;font-size:1.05rem;box-shadow:var(--shadow-sm);transition:all .35s var(--ease);cursor:default}
#faq h3:hover{transform:translateX(5px);border-left-color:var(--brand-3);box-shadow:var(--shadow);color:var(--brand)}
#faq p{margin:0 0 .4em;padding-left:16px;border-left:2px dotted var(--border)}
#howto ol{counter-reset:step;list-style:none;padding-left:0}
#howto ol li{counter-increment:step;position:relative;padding:12px 16px 12px 58px;margin:.5em 0;background:var(--bg-soft);border:1px solid var(--border-soft);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);transition:all .35s var(--ease)}
#howto ol li::before{content:counter(step);position:absolute;left:14px;top:50%;transform:translateY(-50%);width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--grad);color:#fff;font-weight:800;font-size:.9rem;box-shadow:0 6px 16px rgba(232,70,124,.3)}
#howto ol li:hover{transform:translateX(6px);border-color:rgba(232,70,124,.3);box-shadow:var(--shadow)}
#howto ul li{padding-left:4px}
#contact ul{list-style:none;padding-left:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
#contact ul li{margin:0;padding:14px 18px;background:var(--bg-soft);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow-sm);font-size:.96rem;transition:all .35s var(--ease);word-break:break-word}
#contact ul li:hover{transform:translateY(-4px);border-color:rgba(232,70,124,.3);box-shadow:var(--shadow);background:var(--grad-soft)}
#sitemap ul{list-style:none;padding-left:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
#sitemap ul li{margin:0}
#sitemap ul li a{display:block;padding:11px 18px;background:var(--bg-soft);border:1px solid var(--border-soft);border-radius:var(--radius-pill);font-weight:600;font-size:.94rem;text-align:center;color:var(--text-soft);transition:all .32s var(--ease)}
#sitemap ul li a:hover{color:#fff;background:var(--grad);border-color:transparent;text-decoration:none;transform:translateY(-3px);box-shadow:0 10px 24px rgba(232,70,124,.3)}
#sitemap h3{margin-top:1.6em}
#sitemap h3+ul li a{background:var(--grad-soft);border-color:rgba(232,70,124,.22)}
#author-title+ul{list-style:none;padding-left:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
#author-title+ul li{margin:0;padding:14px 18px;background:var(--bg-soft);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow-sm);font-size:.95rem;transition:all .35s var(--ease)}
#author-title+ul li:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:rgba(139,92,246,.3)}
#legal-title~h3{color:var(--brand-3)}
footer{position:relative;margin-top:20px;padding:48px 22px 40px;text-align:center;background:var(--bg-glass-strong);-webkit-backdrop-filter:saturate(160%) blur(16px);backdrop-filter:saturate(160%) blur(16px);border-top:1px solid var(--border);box-shadow:0 -10px 40px rgba(28,26,43,.06)}
footer::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--grad-line)}
footer p{margin:0 0 .6em;color:var(--text-mute);font-size:.92rem}
footer p:nth-child(2){font-weight:700;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-size:1rem}
footer nav{margin-top:18px}
footer ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0}
footer ul li{margin:0}
footer ul li a{display:inline-block;padding:8px 16px;border-radius:var(--radius-pill);font-size:.9rem;font-weight:600;color:var(--text-soft);border:1px solid transparent;transition:all .32s var(--ease)}
footer ul li a:hover{color:#fff;background:var(--grad);text-decoration:none;transform:translateY(-2px);box-shadow:0 8px 20px rgba(232,70,124,.3)}
main>section,main>nav,main>h1,article,footer{animation:rise .7s var(--ease) both}
main>section:nth-of-type(1){animation-delay:.05s}
main>section:nth-of-type(2){animation-delay:.1s}
main>section:nth-of-type(3){animation-delay:.15s}
main>section:nth-of-type(4){animation-delay:.2s}
main>section:nth-of-type(5){animation-delay:.25s}
main>section:nth-of-type(6){animation-delay:.3s}
main>section:nth-of-type(7){animation-delay:.35s}
main>section:nth-of-type(8){animation-delay:.4s}
main>section:nth-of-type(9){animation-delay:.45s}
main>section:nth-of-type(10){animation-delay:.5s}
@keyframes rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}
@supports (animation-timeline:view()){
main>section,article{animation:reveal linear both;animation-timeline:view();animation-range:entry 0% cover 26%}
@keyframes reveal{from{opacity:0;transform:translateY(34px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
@media (max-width:900px){
header nav{padding:12px 16px;gap:10px}
header ul{width:100%;margin:0;justify-content:center;gap:2px}
header ul li a{padding:7px 11px;font-size:.88rem}
main{padding:24px 16px 48px}
main>h1{padding:36px 20px;border-radius:var(--radius)}
section{padding:24px 20px 18px;border-radius:var(--radius)}
section::before{left:16px;right:16px}
h2{padding-left:15px}
h2::before{width:5px}
}
@media (max-width:560px){
html{scroll-padding-top:120px}
body{font-size:15.5px;line-height:1.8}
header ul li a{padding:6px 9px;font-size:.82rem}
main>h1{padding:30px 16px;margin-bottom:24px}
section{padding:20px 16px 14px}
article{padding:18px 16px}
blockquote{padding:14px 16px}
#contact ul,#sitemap ul,#author-title+ul{grid-template-columns:1fr}
#howto ol li{padding:12px 14px 12px 52px}
#howto ol li::before{left:12px;width:26px;height:26px;font-size:.82rem}
footer{padding:36px 16px 30px}
footer ul li a{padding:7px 12px;font-size:.85rem}
}
@media (hover:none){
section:hover,article:hover{transform:none}
}