:root{
--c1:#7B1FA2;--c1-l:#9C27B0;--c1-p:#F3E5F5;--c2:#C62828;--c2-l:#D32F2F;--c2-p:#FFEBEE;
--c3:#F57F17;--c3-l:#FF8F00;--c3-p:#FFF8E1;--c4:#1565C0;--c4-l:#1976D2;--c4-p:#E3F2FD;
--c5:#2E7D32;--c5-l:#388E3C;--c5-p:#E8F5E9;--c6:#00838F;--c6-l:#0097A7;--c6-p:#E0F7FA;
--c7:#AD1457;--bg:#FBFAF6;--bg-soft:#F4F1EB;--paper:#FFF;--line:#E8E4DD;--line-soft:#F0EDE8;
--txt:#1A1A2E;--txt-2:#3D3D5A;--txt-3:#8A8AA0;--shadow:0 2px 12px rgba(123,31,162,.06);--shadow-l:0 14px 44px rgba(123,31,162,.14);--r:14px;--r-l:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:var(--bg);color:var(--txt);font:15px/1.85 'PingFang SC','Microsoft YaHei','Segoe UI',sans-serif;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input{font:inherit}.wrap{width:min(1280px,calc(100% - 40px));margin:auto}
.announcement{height:34px;overflow:hidden;color:#fff;background:linear-gradient(90deg,var(--c1),var(--c2),var(--c3),var(--c4),var(--c5),var(--c6));background-size:500% 100%;animation:spectrum 18s linear infinite}.announcement-track{height:100%;display:flex;align-items:center;gap:80px;white-space:nowrap;width:max-content;padding-left:100%;font-size:12px;animation:ticker 32s linear infinite}@keyframes ticker{to{transform:translateX(-100%)}}@keyframes spectrum{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}
.site-header{height:70px;position:sticky;top:0;z-index:60;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid rgba(232,228,221,.8)}.nav{height:68px;display:flex;align-items:center;gap:16px}.nav-spectrum{height:2px;background:linear-gradient(90deg,var(--c1),var(--c2),var(--c3),var(--c4),var(--c5),var(--c6))}
.brand{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.brand img{width:38px;height:38px;object-fit:contain;border-radius:10px}.brand strong{font-size:22px}.brand small{font-size:12px;color:var(--txt-3);font-weight:700}.top-nav{display:flex;gap:4px}.top-nav a{padding:8px 10px;border-radius:9px;font-weight:700;font-size:14px}.top-nav a:hover,.top-nav a.is-active{color:var(--c1);background:var(--c1-p)}.nav-search{margin-left:auto;width:min(360px,27vw);height:42px;border:1px solid var(--line);border-radius:22px;background:var(--bg-soft);display:flex;align-items:center;gap:8px;padding:0 14px}.nav-search input{width:100%;border:0;outline:0;background:transparent}.nav-actions{display:flex;align-items:center;gap:10px}.service-link{font-size:13px;font-weight:700}.mobile-experience{display:none}
.menu-btn{width:42px;height:42px;border:1px solid var(--line);border-radius:10px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer}.menu-btn span{width:18px;height:2px;background:var(--txt)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 17px;border-radius:10px;border:1px solid transparent;font-weight:800;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:linear-gradient(120deg,var(--c1),var(--c2),var(--c3));box-shadow:0 8px 20px rgba(123,31,162,.14)}.btn-outline{background:#fff;border-color:var(--line);color:var(--c1)}.btn-white{background:#fff;color:var(--c1)}.btn-ghost{color:#fff;border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.08)}
.drawer-overlay{position:fixed;inset:0;background:rgba(20,15,34,.32);z-index:90;opacity:0;visibility:hidden;transition:.25s}.drawer{position:fixed;top:0;left:0;width:min(390px,90vw);height:100dvh;background:#fff;z-index:95;transform:translateX(-105%);transition:.28s;padding:22px;overflow:auto;box-shadow:30px 0 70px rgba(25,20,40,.15)}body.drawer-open{overflow:hidden}body.drawer-open .drawer{transform:none}body.drawer-open .drawer-overlay{opacity:1;visibility:visible}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line)}.drawer-close{width:40px;height:40px;border:1px solid var(--line);background:#fff;border-radius:10px;font-size:24px}.drawer-intro{color:var(--txt-2)}.drawer-nav{display:grid;grid-template-columns:1fr 1fr;gap:8px}.drawer-nav a{display:flex;justify-content:space-between;padding:11px 12px;background:var(--bg);border:1px solid var(--line-soft);border-radius:10px;font-weight:700}.drawer-nav a:hover{color:var(--c1);background:var(--c1-p)}.drawer-safe{margin-top:18px;padding:14px;border-left:4px solid var(--c5);background:var(--c5-p);border-radius:10px;color:var(--txt-2);font-size:13px}
.layout{display:grid;grid-template-columns:228px minmax(0,1fr);gap:34px;align-items:start}.sidebar{position:sticky;top:92px;max-height:calc(100vh - 110px);overflow:auto;padding:28px 18px 28px 0;border-right:1px solid var(--line)}.side-group{margin-bottom:25px}.side-group h2{font-size:12px;color:var(--txt-3);letter-spacing:.1em;padding-left:12px}.side-group nav{display:grid;gap:4px}.side-group a{position:relative;display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;color:var(--txt-2);font-weight:650}.side-group a:hover,.side-group a.is-active{color:var(--c1);background:var(--c1-p)}.side-group a.is-active:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;background:var(--c1)}.side-dot{width:7px;height:7px;border-radius:50%;background:var(--line)}.side-group a.is-active .side-dot{background:var(--c1)}.side-note{padding:16px;border-radius:14px;background:linear-gradient(145deg,var(--c1-p),var(--c3-p),var(--c4-p));border:1px solid var(--line)}.side-note strong{color:var(--c1)}.side-note p{margin:6px 0;color:var(--txt-2);font-size:13px}.side-note small{color:var(--txt-3)}
.main{min-width:0;padding:34px 0 72px}.eyebrow{display:inline-flex;color:var(--c1);font-size:12px;font-weight:900;letter-spacing:.08em}.section{padding:58px 0 0}.section-head{max-width:800px;margin-bottom:24px}.section-title{font-size:clamp(1.75rem,3vw,2.15rem);line-height:1.25;margin:8px 0}.section-desc{margin:0;color:var(--txt-2)}
.hero{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(310px,.9fr);gap:34px;align-items:center;padding:56px;border-radius:var(--r-l);border:1px solid var(--line);background:linear-gradient(135deg,var(--c1-p),#fff 42%,var(--c3-p) 72%,var(--c4-p));overflow:hidden}.hero h1{font-size:clamp(2.35rem,4.8vw,3.6rem);line-height:1.12;letter-spacing:-.05em;margin:16px 0 22px}.hero h1 span{background:linear-gradient(90deg,var(--c1),var(--c2),var(--c3),var(--c4));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy p{color:var(--txt-2);font-size:16px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.hero-visual{position:relative;min-height:420px;display:flex;align-items:center;justify-content:center}.hero-visual>img{width:100%;height:330px;object-fit:contain}.hero-cap{position:absolute;background:#fff;padding:10px 12px;border-radius:11px;box-shadow:var(--shadow);border-left:5px solid var(--c1);min-width:150px}.hero-cap b,.hero-cap span{display:block}.hero-cap b{font-size:12px}.hero-cap span{font-size:10px;color:var(--txt-3)}.cap1{left:0;top:15px}.cap2{right:0;top:100px;border-color:var(--c3)}.cap3{left:5px;bottom:75px;border-color:var(--c4)}.cap4{right:4px;bottom:8px;border-color:var(--c5)}
.grid{display:grid;gap:16px}.grid-6{grid-template-columns:repeat(6,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.card{background:#fff;border:1px solid var(--line-soft);border-top:5px solid var(--accent,var(--c1));border-radius:18px;box-shadow:var(--shadow);padding:22px;transition:.25s}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-l)}.c1{--accent:var(--c1);--pale:var(--c1-p)}.c2{--accent:var(--c2);--pale:var(--c2-p)}.c3{--accent:var(--c3);--pale:var(--c3-p)}.c4{--accent:var(--c4);--pale:var(--c4-p)}.c5{--accent:var(--c5);--pale:var(--c5-p)}.c6{--accent:var(--c6);--pale:var(--c6-p)}.badge{display:inline-flex;padding:4px 8px;border-radius:999px;background:var(--pale,var(--c1-p));color:var(--accent,var(--c1));font-size:11px;font-weight:850}.card h3{margin:10px 0 7px;font-size:19px}.card p{margin:0;color:var(--txt-2)}.counter{display:block;font-size:31px;line-height:1;color:var(--accent);margin-bottom:10px}.text-link{color:var(--c1);font-weight:850}
.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{padding:9px 15px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:750}.chip:hover,.chip.is-active{background:linear-gradient(110deg,var(--c1),var(--c2));border-color:transparent;color:#fff}
.media-card{overflow:hidden;padding:0}.media-card img{width:100%;height:190px;object-fit:cover}.media-card .body{padding:20px}.hot-list{display:grid;gap:10px}.hot-row{display:grid;grid-template-columns:60px 1fr auto;gap:16px;align-items:center;background:#fff;border:1px solid var(--line-soft);border-left:5px solid var(--accent);border-radius:14px;padding:16px 18px;transition:.2s}.hot-row:hover{transform:translateX(6px);box-shadow:var(--shadow-l)}.hot-row strong{font-size:26px;color:var(--accent)}.hot-row h3{margin:2px 0}.hot-row p{margin:0;color:var(--txt-2);font-size:13px}
.feature-card{display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px}.feature-card img{width:180px;height:135px;object-fit:cover;border-radius:13px}.creator-zone,.about-card,.security-split{display:grid;gap:28px;align-items:center}.creator-zone{grid-template-columns:.95fr 1.05fr}.creator-zone img{width:100%;height:360px;object-fit:cover;border-radius:20px}.about-card{grid-template-columns:1.2fr .8fr;background:#fff;border:1px solid var(--line);border-left:6px solid var(--c1);border-radius:var(--r-l);padding:32px}.about-card img{width:100%;height:320px;object-fit:cover;border-radius:18px}.security-split{grid-template-columns:1fr 1fr}.security-split article{display:grid;grid-template-columns:150px 1fr;gap:16px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px}.security-split img{width:150px;height:180px;object-fit:cover;border-radius:13px}
.faq-list{display:grid;gap:10px}.faq-item{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.faq-item button{width:100%;display:grid;grid-template-columns:44px 1fr 28px;align-items:center;gap:10px;text-align:left;border:0;background:#fff;padding:16px;cursor:pointer}.faq-num{width:34px;height:28px;border-radius:8px;background:var(--c1-p);color:var(--c1);display:grid;place-items:center;font-size:11px;font-weight:900}.faq-answer{height:0;overflow:hidden;transition:height .32s ease}.faq-answer>div{padding:0 20px 18px 70px}.faq-answer p{margin:0;color:var(--txt-2)}.faq-toggle{font-size:22px;color:var(--c1)}
.inner-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:30px;align-items:center;background:linear-gradient(135deg,var(--c1-p),#fff 46%,var(--c3-p),var(--c4-p));border:1px solid var(--line);border-radius:var(--r-l);padding:44px}.inner-hero h1{font-size:clamp(2.2rem,4vw,3.3rem);line-height:1.15;margin:10px 0 16px}.inner-hero p{color:var(--txt-2);font-size:16px}.inner-hero img{width:100%;height:280px;object-fit:contain;border-radius:18px}.breadcrumb{display:flex;gap:8px;color:var(--txt-3);font-size:12px;margin-bottom:16px}.breadcrumb a{color:var(--c1)}.prose-card{background:#fff;border:1px solid var(--line);border-left:6px solid var(--accent,var(--c1));border-radius:16px;padding:24px}.prose-card h2{font-size:21px;margin:0 0 10px}.prose-card p{margin:0;color:var(--txt-2)}.related-links{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.related-links a{display:flex;justify-content:space-between;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;font-weight:800}.safety-panel,.health-note{background:linear-gradient(135deg,var(--c5-p),#fff,var(--c4-p));border:1px solid var(--line);border-radius:var(--r-l);padding:28px!important}.safety-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.safety-links a{padding:8px 11px;background:#fff;border:1px solid var(--line);border-radius:9px;color:var(--c1);font-weight:800}
.brand-cta{background:linear-gradient(100deg,var(--c1),var(--c2),var(--c3),var(--c4),var(--c5),var(--c6));background-size:500% 100%;animation:spectrum 18s linear infinite;color:#fff}.brand-cta-inner{min-height:270px;padding:52px 0;display:flex;align-items:center;justify-content:space-between;gap:48px}.brand-cta h2{font-size:38px;margin:8px 0}.brand-cta p{max-width:760px;color:rgba(255,255,255,.88)}.eyebrow.light{color:#fff}.cta-actions{display:flex;gap:10px;flex-wrap:wrap}
.site-footer{background:linear-gradient(135deg,#1A0A2E,#0F1A3E,#0A1230);color:#fff;padding:54px 0 110px}.footer-grid{display:grid;grid-template-columns:1.7fr repeat(4,1fr);gap:34px}.site-footer h2{font-size:14px}.site-footer section>a:not(.brand){display:block;color:rgba(255,255,255,.66);font-size:13px;padding:3px 0}.footer-brand p{color:rgba(255,255,255,.65);font-size:13px}.footer-tags{display:flex;gap:8px;flex-wrap:wrap}.footer-tags span{padding:5px 8px;border:1px solid rgba(255,255,255,.18);border-radius:999px;font-size:11px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.12);margin-top:36px;padding-top:18px;color:rgba(255,255,255,.5);font-size:12px}
.mobile-bottom-nav{display:none}.back-top{position:fixed;right:22px;bottom:22px;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--c1);box-shadow:var(--shadow-l);z-index:50;opacity:0;pointer-events:none;transition:.2s}.back-top.is-visible{opacity:1;pointer-events:auto}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:1100px){.layout{grid-template-columns:1fr}.sidebar{display:none}.grid-6{grid-template-columns:repeat(3,1fr)}.top-nav a:nth-child(3),.top-nav a:nth-child(4),.top-nav a:nth-child(5){display:none}}
@media(max-width:900px){.wrap{width:min(100% - 28px,1280px)}.top-nav,.nav-search{display:none}.service-link{display:none}.hero,.inner-hero{grid-template-columns:1fr;padding:32px}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.creator-zone,.about-card,.security-split{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:1/-1}.brand-cta-inner{display:block}.related-links{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){body{font-size:14px;padding-bottom:64px}.announcement{height:30px}.site-header{height:62px}.nav{height:60px;gap:8px}.brand small{display:none}.brand img{width:34px;height:34px}.nav-create{display:none}.mobile-experience{display:inline-flex;min-height:38px;padding:8px 12px}.main{padding-top:22px}.hero{padding:24px 20px}.hero-copy p,.inner-hero p{font-size:14px}.hero-visual{min-height:auto;display:block}.hero-visual>img{height:230px}.hero-cap{position:relative;inset:auto!important;margin:6px 0}.grid-6{grid-template-columns:repeat(2,1fr)}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.hot-row{grid-template-columns:48px 1fr}.hot-row>a{grid-column:2}.feature-card{grid-template-columns:110px 1fr}.feature-card img{width:110px;height:110px}.security-split article{grid-template-columns:1fr}.security-split img{width:100%;height:190px}.inner-hero{padding:24px 20px}.inner-hero img{height:220px}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{display:block}.mobile-bottom-nav{position:fixed;left:10px;right:10px;bottom:8px;height:56px;display:grid;grid-template-columns:repeat(4,1fr);z-index:60;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-l);padding:5px}.mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px}.mobile-bottom-nav span{font-size:18px;color:var(--c1)}.back-top{bottom:74px}.related-links{grid-template-columns:1fr}.drawer-nav{grid-template-columns:1fr}.brand-cta h2{font-size:30px}.faq-answer>div{padding:0 14px 16px}}