:root{--pk:#ff6b9d;--pk-d:#e84a7f;--pk-l:#ffa8c5;--pk-x:#fff0f5;--pu:#9d6bff;--or:#ff9a6b;--bg:#fff8fb;--bg2:#ffffff;--bg3:#fff0f6;--tx:#3d2b35;--tx2:#7a5c6a;--tx3:#a98d9a;--bd:#ffe0ec;--card:#ffffff;--glass:rgba(255,255,255,.72);--glass2:rgba(255,255,255,.55);--sh:0 8px 30px rgba(255,107,157,.12);--sh2:0 16px 44px rgba(255,107,157,.2);--r:20px;--r2:14px;--r3:28px;--grad:linear-gradient(135deg,#ff6b9d 0%,#ff9a6b 50%,#9d6bff 100%);--grad2:linear-gradient(135deg,#ffa8c5 0%,#ff6b9d 100%);--grad3:linear-gradient(160deg,#fff0f6 0%,#ffe4f0 40%,#f3e8ff 100%);--max:1180px;--tr:.35s cubic-bezier(.4,0,.2,1)}
@media(prefers-color-scheme:dark){:root{--pk:#ff7fae;--pk-d:#ff6b9d;--pk-l:#ffb3cd;--pk-x:#2a1a24;--pu:#b28dff;--or:#ffab7f;--bg:#171018;--bg2:#211722;--bg3:#2a1c28;--tx:#f5e8f0;--tx2:#c9aec0;--tx3:#9a7d90;--bd:#3d2a36;--card:#211722;--glass:rgba(42,28,40,.72);--glass2:rgba(42,28,40,.55);--sh:0 8px 30px rgba(0,0,0,.4);--sh2:0 16px 44px rgba(0,0,0,.55);--grad3:linear-gradient(160deg,#2a1c28 0%,#241522 40%,#1f1420 100%)}}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:88px}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--tx);line-height:1.85;font-size:16px;overflow-x:hidden;transition:background .4s,color .4s;position:relative}
body::before{content:"";position:fixed;inset:0;z-index:-2;background:var(--grad3);pointer-events:none}
body::after{content:"";position:fixed;top:-20%;left:-10%;width:60vw;height:60vw;max-width:700px;max-height:700px;border-radius:50%;background:radial-gradient(circle,rgba(255,107,157,.18),transparent 70%);z-index:-1;pointer-events:none;animation:float1 18s ease-in-out infinite}
@keyframes float1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(6%,8%) scale(1.12)}}
a{color:var(--pk-d);text-decoration:none;transition:color var(--tr),opacity var(--tr)}
a:hover{color:var(--pu)}
img{max-width:100%;height:auto;display:block}
ul,ol{list-style:none}
::selection{background:var(--pk);color:#fff}
header{position:sticky;top:0;z-index:1000;background:var(--glass);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--bd);transition:background .4s,border-color .4s,box-shadow .4s}
header:hover{box-shadow:var(--sh)}
header nav{max-width:var(--max);margin:0 auto;padding:0 24px}
header nav ul{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:66px}
header nav ul li a{display:inline-block;padding:9px 16px;border-radius:999px;font-size:14.5px;font-weight:600;color:var(--tx2);white-space:nowrap;position:relative;transition:all var(--tr)}
header nav ul li a::after{content:"";position:absolute;left:50%;bottom:4px;width:0;height:2px;background:var(--grad2);border-radius:2px;transform:translateX(-50%);transition:width var(--tr)}
header nav ul li a:hover{color:var(--pk-d);background:var(--pk-x);transform:translateY(-2px)}
header nav ul li a:hover::after{width:60%}
main{max-width:var(--max);margin:0 auto;padding:0 24px 60px}
article>h1{font-size:clamp(1.7rem,4.2vw,2.9rem);line-height:1.3;font-weight:800;letter-spacing:-.5px;margin:44px 0 30px;padding:40px 36px;border-radius:var(--r3);background:var(--grad);color:#fff;text-align:center;position:relative;overflow:hidden;box-shadow:var(--sh2);animation:fadeUp .8s ease both}
article>h1::before{content:"";position:absolute;top:-60%;left:-20%;width:70%;height:220%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:rotate(18deg);animation:shine 5s ease-in-out infinite}
@keyframes shine{0%{left:-30%}50%,100%{left:130%}}
article>h1::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.25),transparent 55%);pointer-events:none}
section{margin-bottom:56px;animation:fadeUp .7s ease both}
@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
section>h2{font-size:clamp(1.35rem,2.8vw,1.85rem);font-weight:800;color:var(--tx);margin-bottom:24px;padding-left:18px;position:relative;line-height:1.4}
section>h2::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:1.1em;border-radius:6px;background:var(--grad2);box-shadow:0 0 14px rgba(255,107,157,.5)}
section>h2::after{content:"";display:block;width:64px;height:3px;margin-top:10px;border-radius:3px;background:var(--grad2);opacity:.35}
h3{font-size:clamp(1.05rem,2.2vw,1.28rem);font-weight:700;color:var(--pk-d);margin:26px 0 12px;line-height:1.5;position:relative;padding-left:14px;transition:color var(--tr),transform var(--tr)}
h3::before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:50%;background:var(--grad2);box-shadow:0 0 10px rgba(255,107,157,.6)}
h3:hover{color:var(--pu);transform:translateX(4px)}
p{color:var(--tx2);margin-bottom:14px;font-size:15.5px;line-height:1.9;transition:color .4s}
section>p{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--bd);border-radius:var(--r);padding:20px 24px;box-shadow:var(--sh);transition:background .4s,border-color .4s,box-shadow var(--tr),transform var(--tr)}
section>p:hover{transform:translateY(-3px);box-shadow:var(--sh2)}
section ul:not(nav ul):not(footer ul){display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin:18px 0}
section ul:not(nav ul):not(footer ul) li{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--bd);border-radius:var(--r2);padding:16px 18px 16px 44px;font-size:14.5px;color:var(--tx2);line-height:1.7;position:relative;box-shadow:var(--sh);transition:transform var(--tr),box-shadow var(--tr),border-color var(--tr),background var(--tr)}
section ul:not(nav ul):not(footer ul) li::before{content:"";position:absolute;left:18px;top:22px;width:9px;height:9px;border-radius:50%;background:var(--grad2);box-shadow:0 0 10px rgba(255,107,157,.55);transition:transform var(--tr)}
section ul:not(nav ul):not(footer ul) li:hover{transform:translateY(-5px) scale(1.015);box-shadow:var(--sh2);border-color:var(--pk-l);background:var(--bg2)}
section ul:not(nav ul):not(footer ul) li:hover::before{transform:scale(1.4)}
section ol{counter-reset:step;display:grid;gap:14px;margin:18px 0}
section ol li{counter-increment:step;background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--bd);border-radius:var(--r2);padding:18px 20px 18px 62px;font-size:15px;color:var(--tx2);line-height:1.75;position:relative;box-shadow:var(--sh);transition:transform var(--tr),box-shadow var(--tr),border-color var(--tr)}
section ol li::before{content:counter(step);position:absolute;left:18px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;background:var(--grad2);color:#fff;font-size:13.5px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(255,107,157,.4);transition:transform var(--tr)}
section ol li:hover{transform:translateY(-4px);box-shadow:var(--sh2);border-color:var(--pk-l)}
section ol li:hover::before{transform:translateY(-50%) scale(1.12) rotate(-8deg)}
#cases blockquote{background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--bd);border-left:5px solid var(--pk);border-radius:var(--r);padding:20px 24px;margin:16px 0;box-shadow:var(--sh);position:relative;transition:transform var(--tr),box-shadow var(--tr),border-color var(--tr)}
#cases blockquote::before{content:"\201C";position:absolute;top:2px;right:20px;font-size:64px;line-height:1;color:var(--pk-l);opacity:.4;font-family:Georgia,serif}
#cases blockquote p{color:var(--tx2);font-style:italic;margin:0;font-size:15px}
#cases blockquote:hover{transform:translateY(-4px);box-shadow:var(--sh2);border-left-color:var(--pu)}
#news h3+p,#articles h3+p{display:inline-block;font-size:12.5px;color:var(--pk-d);background:var(--pk-x);padding:3px 12px;border-radius:999px;margin-bottom:10px;font-weight:600;letter-spacing:.3px}
#articles article{background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--bd);border-radius:var(--r);padding:24px 26px;margin-bottom:18px;box-shadow:var(--sh);position:relative;overflow:hidden;transition:transform var(--tr),box-shadow var(--tr),border-color var(--tr)}
#articles article::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--grad2);transform:scaleX(0);transform-origin:left;transition:transform var(--tr)}
#articles article:hover{transform:translateY(-6px);box-shadow:var(--sh2);border-color:var(--pk-l)}
#articles article:hover::before{transform:scaleX(1)}
#articles article h3{margin-top:0}
#articles article a{display:inline-block;font-weight:700;font-size:14px;padding:8px 20px;border-radius:999px;background:var(--grad2);color:#fff;margin-top:6px;box-shadow:0 6px 18px rgba(255,107,157,.35);transition:transform var(--tr),box-shadow var(--tr),filter var(--tr)}
#articles article a:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 10px 26px rgba(255,107,157,.5);filter:brightness(1.08);color:#fff}
#faq h3{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--bd);border-radius:var(--r2) var(--r2) 0 0;padding:16px 20px 16px 42px;margin-bottom:0;cursor:pointer;transition:background var(--tr),color var(--tr),border-color var(--tr)}
#faq h3::before{top:50%;transform:translateY(-50%);left:20px}
#faq h3:hover{background:var(--pk-x);color:var(--pk-d);transform:none}
#faq h3+p{background:var(--bg2);border:1px solid var(--bd);border-top:none;border-radius:0 0 var(--r2) var(--r2);padding:16px 20px;margin-bottom:14px;box-shadow:var(--sh);transition:background var(--tr),border-color var(--tr),box-shadow var(--tr)}
#faq h3+p:hover{box-shadow:var(--sh2)}
#contact p,#meta-info p{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--bd);border-radius:var(--r2);padding:12px 18px;margin-bottom:10px;font-size:15px;box-shadow:var(--sh);transition:transform var(--tr),box-shadow var(--tr),border-color var(--tr)}
#contact p:hover,#meta-info p:hover{transform:translateX(6px);border-color:var(--pk-l);box-shadow:var(--sh2)}
#sitemap ul,#links ul{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important;gap:12px!important}
#sitemap ul li,#links ul li{padding:14px 18px!important;text-align:center;font-weight:600}
#sitemap ul li::before,#links ul li::before{display:none!important}
#sitemap ul li a,#links ul li a{color:var(--pk-d);font-size:14.5px;display:block;transition:color var(--tr),transform var(--tr)}
#sitemap ul li:hover a,#links ul li:hover a{color:var(--pu)}
#legal h2{margin-top:34px}
#legal p{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--bd);border-radius:var(--r);padding:18px 22px;box-shadow:var(--sh);font-size:14.5px;transition:transform var(--tr),box-shadow var(--tr)}
#legal p:hover{transform:translateY(-3px);box-shadow:var(--sh2)}
footer{background:var(--glass);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top:1px solid var(--bd);padding:44px 24px 36px;text-align:center;margin-top:20px;position:relative;transition:background .4s,border-color .4s}
footer::before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--grad)}
footer p{color:var(--tx3);font-size:14px;margin-bottom:8px}
footer p:first-child{color:var(--tx2);font-weight:600;font-size:15px}
footer a{color:var(--pk-d);font-weight:600;position:relative;transition:color var(--tr)}
footer a::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--grad2);border-radius:2px;transition:width var(--tr)}
footer a:hover{color:var(--pu)}
footer a:hover::after{width:100%}
section:nth-of-type(1){animation-delay:.05s}
section:nth-of-type(2){animation-delay:.1s}
section:nth-of-type(3){animation-delay:.15s}
section:nth-of-type(4){animation-delay:.2s}
section:nth-of-type(5){animation-delay:.25s}
section:nth-of-type(6){animation-delay:.3s}
section:nth-of-type(7){animation-delay:.35s}
section:nth-of-type(8){animation-delay:.4s}
section:nth-of-type(9){animation-delay:.45s}
section:nth-of-type(10){animation-delay:.5s}
section:nth-of-type(11){animation-delay:.55s}
section:nth-of-type(12){animation-delay:.6s}
section:nth-of-type(13){animation-delay:.65s}
section:nth-of-type(14){animation-delay:.7s}
section:nth-of-type(15){animation-delay:.75s}
section:nth-of-type(16){animation-delay:.8s}
section:nth-of-type(17){animation-delay:.85s}
section:nth-of-type(18){animation-delay:.9s}
section:nth-of-type(19){animation-delay:.95s}
@media(max-width:900px){
:root{--max:100%}
header nav{padding:0 16px}
header nav ul{min-height:auto;padding:10px 0;gap:4px;justify-content:center}
header nav ul li a{padding:7px 12px;font-size:13.5px}
main{padding:0 16px 48px}
article>h1{padding:30px 22px;margin:28px 0 24px;border-radius:var(--r)}
section{margin-bottom:44px}
section>p{padding:16px 18px}
section ul:not(nav ul):not(footer ul){grid-template-columns:1fr;gap:12px}
section ul:not(nav ul):not(footer ul) li{padding:14px 16px 14px 40px}
section ol li{padding:16px 18px 16px 56px}
#articles article{padding:20px 20px}
#sitemap ul,#links ul{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important}
}
@media(max-width:560px){
html{scroll-padding-top:120px}
header nav ul li a{padding:6px 10px;font-size:12.5px}
article>h1{font-size:1.5rem;padding:26px 18px;line-height:1.4}
section>h2{font-size:1.25rem;padding-left:14px}
h3{font-size:1.05rem}
p{font-size:14.5px}
section ul:not(nav ul):not(footer ul) li{font-size:13.5px}
section ol li{font-size:14px}
#cases blockquote{padding:16px 18px}
#cases blockquote::before{font-size:48px;right:12px}
#sitemap ul,#links ul{grid-template-columns:1fr 1fr!important}
footer{padding:34px 16px 28px}
}
@media(hover:none){
section>p:hover,section ul:not(nav ul):not(footer ul) li:hover,section ol li:hover,#articles article:hover,#cases blockquote:hover,#contact p:hover{transform:none}
}
@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 print{
header,footer{display:none}
body{background:#fff;color:#000}
body::before,body::after{display:none}
section>p,section ul:not(nav ul):not(footer ul) li,#articles article,#cases blockquote{box-shadow:none;border:1px solid #ccc;background:#fff}
}