: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:#FFFFFF;
  --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;--nav-h:70px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:108px}
body{margin:0;background:var(--bg);color:var(--txt);font-family:'PingFang SC','Microsoft YaHei','Segoe UI',sans-serif;font-size:15px;line-height:1.82;overflow-x:hidden}
body.drawer-open{overflow:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{color:inherit}
.wrap{width:min(1280px,calc(100% - 40px));margin-inline:auto}
.announcement{height:32px;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:rainbowMove 18s ease infinite}
.announcement-track{display:inline-flex;align-items:center;gap:58px;white-space:nowrap;min-width:max-content;height:32px;padding-left:100%;font-size:12px;letter-spacing:.04em;animation:ticker 34s linear infinite}
@keyframes rainbowMove{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@keyframes ticker{to{transform:translateX(-100%)}}
.topbar{position:sticky;top:0;z-index:50;height:var(--nav-h);background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.topbar:after{content:"";position:absolute;inset:auto 0 -2px;height:2px;background:linear-gradient(90deg,var(--c1),var(--c2),var(--c3),var(--c4),var(--c5),var(--c6))}
.nav{height:100%;display:flex;align-items:center;gap:18px;min-width:0}
.menu-btn{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);background:#fff;border-radius:11px;cursor:pointer;flex:0 0 auto}
.menu-btn:hover{background:var(--c1-p);border-color:#dbc5e5}
.menu-btn{align-content:center;gap:4px}.menu-btn span{display:block;width:17px;height:2px;border-radius:2px;background:var(--txt);margin:auto}
.mobile-experience{display:none}
.brand{display:flex;align-items:center;gap:10px;min-width:max-content;font-weight:800;letter-spacing:.02em}
.brand img{width:38px;height:38px;object-fit:contain;border-radius:10px}
.brand small{font-weight:600;color:var(--txt-3);font-size:11px}
.desktop-nav{display:flex;align-items:center;gap:4px;white-space:nowrap}
.desktop-nav a{position:relative;padding:8px 10px;border-radius:9px;font-size:14px;color:var(--txt-2)}
.desktop-nav a:hover,.desktop-nav a.active{color:var(--c1);background:var(--c1-p);font-weight:700}
.desktop-nav a.active:after{content:"";position:absolute;left:24%;right:24%;bottom:-8px;height:2px;border-radius:3px;background:linear-gradient(90deg,var(--c1),var(--c2),var(--c3))}
.nav-search{margin-left:auto;min-width:180px;max-width:390px;flex:1;display:flex;align-items:center;gap:8px;padding:0 14px;height:40px;border-radius:20px;background:#f3f1ed;border:1px solid transparent}
.nav-search:focus-within{border-color:#d8c4e2;background:#fff}
.nav-search input{border:0;outline:0;background:transparent;width:100%;min-width:0;color:var(--txt)}
.nav-search svg{width:17px;flex:0 0 17px;color:var(--txt-3)}
.nav-actions{display:flex;align-items:center;gap:10px;white-space:nowrap}
.service-link{font-size:13px;color:var(--txt-2)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:9px 17px;border-radius:10px;border:1px solid transparent;font-weight:700;line-height:1.2;transition:.22s ease;cursor:pointer}
.btn:hover{transform:translateY(-2px)}
.btn-primary{color:#fff;background:linear-gradient(115deg,var(--c1),#9c248f,var(--c2),var(--c3));box-shadow:0 8px 22px rgba(123,31,162,.18)}
.btn-outline{background:#fff;border-color:#d9d3ca;color:var(--txt)}
.btn-soft{background:var(--c1-p);color:var(--c1);border-color:#e6d4ed}
.btn-light{background:#fff;color:var(--c1)}
.btn-ghost-light{border-color:rgba(255,255,255,.55);color:#fff;background:rgba(255,255,255,.08)}
.nav-create{min-height:38px;padding-inline:14px}
.drawer-overlay{position:fixed;inset:0;background:rgba(18,14,27,.34);z-index:90;opacity:0;pointer-events:none;transition:.25s}
.drawer{position:fixed;z-index:100;left:0;top:0;bottom:0;width:min(390px,88vw);background:#fff;transform:translateX(-103%);transition:.3s ease;box-shadow:20px 0 50px rgba(17,11,28,.16);display:flex;flex-direction:column}
.drawer.open{transform:none}.drawer-overlay.open{opacity:1;pointer-events:auto}
.drawer-head{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.drawer-head button{border:0;background:var(--bg-soft);border-radius:9px;width:36px;height:36px;cursor:pointer}
.drawer-nav{padding:14px 16px;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:5px}
.drawer-nav a{padding:10px 12px;border-radius:9px;color:var(--txt-2)}
.drawer-nav a:hover{background:var(--c1-p);color:var(--c1)}
.drawer-note{margin:auto 18px 18px;padding:15px;border-radius:var(--r);background:linear-gradient(135deg,var(--c1-p),var(--c3-p),var(--c4-p));font-size:13px;color:var(--txt-2)}
.site-shell{display:grid;grid-template-columns:232px minmax(0,1fr);gap:28px;align-items:start}
.sidebar{position:sticky;top:calc(var(--nav-h) + 20px);height:calc(100vh - var(--nav-h) - 36px);padding:24px 20px 24px 0;border-right:1px solid var(--line);overflow:auto}
.sidebar-inner{min-width:0}
.sidebar-group{margin-bottom:24px}
.sidebar-group h3{margin:0 0 8px;font-size:12px;color:var(--txt-3);letter-spacing:.12em;font-weight:700}
.sidebar-group a{display:flex;align-items:center;gap:9px;padding:8px 10px;margin:2px 0;border-radius:9px;color:var(--txt-2);font-size:14px;position:relative}
.sidebar-group a:hover,.sidebar-group a.active{color:var(--c1);background:var(--c1-p)}
.sidebar-group a.active{font-weight:800}
.sidebar-group a.active:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:3px;background:var(--c1)}
.side-dot{width:7px;height:7px;border-radius:50%;background:var(--line);flex:0 0 7px}
.sidebar-group a:nth-of-type(6n+1) .side-dot{background:var(--c1)}
.sidebar-group a:nth-of-type(6n+2) .side-dot{background:var(--c2)}
.sidebar-group a:nth-of-type(6n+3) .side-dot{background:var(--c3)}
.sidebar-group a:nth-of-type(6n+4) .side-dot{background:var(--c4)}
.sidebar-group a:nth-of-type(6n+5) .side-dot{background:var(--c5)}
.sidebar-group a:nth-of-type(6n) .side-dot{background:var(--c6)}
.sidebar-brand{padding:15px;border-radius:14px;background:var(--bg-soft);font-size:12px;color:var(--txt-3);line-height:1.7}
.sidebar-brand strong{display:block;color:var(--c1);font-size:14px}
.main-content{min-width:0;padding:30px 0 72px}.main-content-wide{width:100%}
.hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,.85fr);gap:34px;padding:56px;border:1px solid #e4ded5;border-radius:var(--r-l);background:linear-gradient(125deg,#F3E5F5 0%,#FFF8E1 48%,#E3F2FD 100%)}
.hero:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:20%;top:-160px;background:rgba(173,20,87,.06)}
.hero-copy,.hero-visual{position:relative;z-index:1}
.hero-tag{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.86);border:1px solid rgba(123,31,162,.12);font-size:12px;font-weight:800;color:var(--c1)}
.hero h1,.inner-hero h1{margin:18px 0 18px;font-size:clamp(2.15rem,4.4vw,3.5rem);line-height:1.12;letter-spacing:-.04em}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--c1),var(--c2),var(--c3),var(--c4));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy>p{max-width:760px;margin:0 0 12px;color:var(--txt-2);font-size:16px}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}
.hero-visual{display:flex;flex-direction:column;gap:13px;align-self:stretch}
.hero-visual>img{width:100%;height:250px;object-fit:contain}
.hero-capabilities{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.hero-capabilities div{padding:11px 12px;background:rgba(255,255,255,.92);border-radius:11px;border-left:5px solid var(--c1);box-shadow:var(--shadow);font-size:12px;color:var(--txt-2)}
.hero-capabilities div:nth-child(2){border-color:var(--c3)}.hero-capabilities div:nth-child(3){border-color:var(--c4)}.hero-capabilities div:nth-child(4){border-color:var(--c5)}
.content-section{padding:62px 0 0}
.section-head{max-width:820px;margin-bottom:24px}
.inline-head{max-width:none;display:flex;align-items:end;justify-content:space-between;gap:20px}
.eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.09em;color:var(--c1);text-transform:none}
.section-title{margin:7px 0 8px;font-size:clamp(1.65rem,3vw,2.05rem);line-height:1.28;letter-spacing:-.02em}
.section-desc{margin:0;color:var(--txt-3);max-width:760px}
.live-note{display:inline-flex;align-items:center;gap:7px;color:var(--c2);font-size:12px;font-weight:800}
.live-note:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c2);box-shadow:0 0 0 5px rgba(198,40,40,.1)}
.stats-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.stat-card,.card,.ability-card,.experience-card,.trend-card,.opinion-card,.history-card,.deep-card,.security-card,.review-card,.info-card{background:#fff;border:1px solid var(--line-soft);box-shadow:var(--shadow);border-radius:18px;transition:.25s ease}
.stat-card:hover,.card:hover,.ability-card:hover,.experience-card:hover,.trend-card:hover,.opinion-card:hover,.history-card:hover,.deep-card:hover,.security-card:hover,.review-card:hover,.info-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-l)}
.stat-card{padding:18px 14px;border-top:5px solid var(--c1)}
.stat-number{font-size:26px;font-weight:900;line-height:1.1;color:var(--c1);letter-spacing:-.03em}
.stat-card strong{display:block;margin-top:8px;font-size:13px}.stat-card small{color:var(--txt-3)}
.chips{display:flex;flex-wrap:wrap;gap:9px}
.chip{padding:7px 13px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--txt-2);font-size:13px;transition:.2s}
.chip:hover,.chip.active{color:#fff;border-color:transparent;background:linear-gradient(110deg,var(--c1),var(--c2));box-shadow:0 6px 18px rgba(123,31,162,.16)}
.ability-grid,.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.ability-card,.info-card{padding:22px;border-top:5px solid var(--c1)}
.ability-card h3,.info-card h3,.experience-card h3,.deep-card h3,.security-card h3{margin:12px 0 7px;line-height:1.35}
.ability-card p,.info-card p,.experience-card p,.deep-card p,.security-card p{margin:0;color:var(--txt-2)}
.mini-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-weight:900;background:var(--c1-p);color:var(--c1)}
.badge,.tag{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800;background:var(--bg-soft);color:var(--txt-2)}
.ability-card .badge{margin-top:14px}
.matrix-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.matrix-card{overflow:hidden;background:#fff;border:1px solid var(--line-soft);border-radius:20px;box-shadow:var(--shadow);transition:.25s}
.matrix-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-l)}
.matrix-card>img{width:100%;height:195px;object-fit:cover;background:var(--bg-soft)}
.matrix-body{padding:18px}.matrix-body h3{margin:0 0 7px}.matrix-body p{margin:0 0 13px;color:var(--txt-2)}
.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.text-link{font-weight:800;color:var(--c1);font-size:13px}
.experience-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.experience-card{padding:20px;border-top:5px solid var(--c1)}
.hot-list{display:grid;gap:10px}
.hot-item{display:grid;grid-template-columns:66px minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 18px;background:#fff;border:1px solid var(--line-soft);border-left:4px solid var(--c2);border-radius:14px;box-shadow:var(--shadow);transition:.22s}
.hot-item:hover{transform:translateX(6px);box-shadow:var(--shadow-l)}
.hot-rank{font-size:25px;font-weight:900;color:var(--c2);letter-spacing:-.05em}
.hot-item h3{margin:0 0 3px;font-size:16px}.hot-item p{margin:0;color:var(--txt-3);font-size:13px}.hot-item .tag{justify-self:start}
.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.feature-card{display:grid;grid-template-columns:180px minmax(0,1fr);overflow:hidden;background:#fff;border-radius:18px;border:1px solid var(--line-soft);box-shadow:var(--shadow)}
.feature-card img{width:100%;height:100%;min-height:170px;object-fit:cover}.feature-card>div{padding:20px}.feature-card h3{margin:6px 0}.feature-card p{margin:0 0 10px;color:var(--txt-2)}
.creator-showcase{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:26px;padding:34px;border-radius:22px;background:linear-gradient(125deg,#fff,#f8f2fb 44%,#fff8e8);border:1px solid var(--line)}
.creator-copy h2{font-size:clamp(1.7rem,3vw,2.2rem);line-height:1.25;margin:7px 0 12px}.creator-copy p{color:var(--txt-2)}
.creator-points{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:18px 0}
.creator-points span{padding:9px 11px;border-radius:9px;background:#fff;border:1px solid var(--line);font-size:13px}
.creator-image{border-radius:17px;overflow:hidden;align-self:stretch}.creator-image img{width:100%;height:100%;min-height:300px;object-fit:cover}
.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.review-card{padding:20px}.review-stars{color:var(--c3);letter-spacing:.12em}.review-card>p{color:var(--txt-2);min-height:95px}
.review-user{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line-soft);padding-top:13px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--c1-p);color:var(--c1);font-weight:900}.review-user small{color:var(--txt-3)}
.about-panel{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:28px;padding:32px;background:#fff;border:1px solid var(--line);border-left:6px solid var(--c1);border-radius:19px;box-shadow:var(--shadow)}
.about-copy h2{margin:6px 0 12px}.about-copy p{color:var(--txt-2)}.about-panel img{height:100%;min-height:260px;object-fit:cover;border-radius:15px}
.trend-grid,.opinion-grid,.history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.trend-card,.opinion-card,.history-card{padding:22px}.trend-card h3,.opinion-card h3,.history-card h3{margin:9px 0 7px}.trend-card p,.opinion-card p,.history-card p{margin:0;color:var(--txt-2)}
.quote{font-size:44px;line-height:.8;color:#e1cce9;font-family:Georgia,serif}
.stage{font-weight:900;color:var(--c1);font-size:13px}.history-card{border-top:4px solid var(--c1)}
.deep-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.deep-card{padding:22px}.deep-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.deep-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--txt-3);margin:13px 0}.progress{height:6px;border-radius:999px;background:var(--bg-soft);overflow:hidden}.progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--c1),var(--c3),var(--c4))}
.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.security-card{overflow:hidden}.security-card img{width:100%;height:210px;object-fit:cover}.security-card>div{padding:21px}
.faq-list{display:grid;gap:9px}.faq-item{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.faq-q{width:100%;border:0;background:#fff;text-align:left;display:grid;grid-template-columns:42px minmax(0,1fr) 24px;align-items:center;gap:10px;padding:16px 18px;cursor:pointer}.faq-item.open .faq-q{color:var(--c1)}
.faq-no{width:34px;height:27px;display:grid;place-items:center;border-radius:8px;background:var(--c1-p);color:var(--c1);font-size:11px;font-weight:900}.faq-sign{font-size:21px;text-align:center}
.faq-a{max-height:0;overflow:hidden;transition:max-height .34s ease}.faq-a p{padding:0 18px 17px 70px;margin:0;color:var(--txt-2)}
.health-panel{margin-top:62px;padding:28px 30px;border-radius:19px;background:linear-gradient(115deg,var(--c5-p),#fff,var(--c4-p));border:1px solid #dce8dc}.health-panel h2{margin:7px 0}.health-panel p{color:var(--txt-2);max-width:900px}.health-links{display:flex;flex-wrap:wrap;gap:8px}.health-links a{padding:7px 10px;border-radius:8px;background:#fff;border:1px solid var(--line);font-size:12px;font-weight:700}
.breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px;color:var(--txt-3);font-size:12px}.breadcrumb a:hover{color:var(--c1)}
.inner-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(230px,.6fr);gap:26px;align-items:center;padding:36px 40px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(120deg,var(--c1-p),#fff 47%,var(--c3-p))}
.inner-hero h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:14px}.inner-hero p{color:var(--txt-2);max-width:780px}.inner-hero img{width:100%;max-height:300px;object-fit:contain;border-radius:16px}
.article-panel{padding:24px 26px;background:#fff;border:1px solid var(--line);border-left:6px solid var(--c1);border-radius:16px;box-shadow:var(--shadow)}.article-panel p{margin:0 0 14px;color:var(--txt-2)}.article-panel p:last-child{margin-bottom:0}
.info-grid .info-card{min-height:180px}.info-card .text-link{display:inline-block;margin-top:14px}
.brand-cta{position:relative;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:rainbowMove 18s ease infinite}
.cta-inner{padding:58px 0;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-inner h2{font-size:clamp(1.8rem,4vw,2.7rem);margin:5px 0 8px;line-height:1.2}.cta-inner p{margin:0;opacity:.9;max-width:740px}.cta-kicker{font-size:12px;font-weight:900;letter-spacing:.12em}.cta-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end;min-width:300px}
.site-footer{background:linear-gradient(120deg,#1A0A2E,#0F1A3E,#0A1230);color:#e8e5f0}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:30px;padding:52px 0 36px}.footer-grid h3{font-size:13px;margin:0 0 13px;color:#fff}.footer-grid a{display:block;font-size:12px;color:#beb9cb;margin:7px 0}.footer-grid a:hover{color:#fff}.footer-brand p{font-size:12px;color:#aaa5b7}.footer-logo{display:flex;align-items:center;gap:10px;color:#fff;font-weight:900}.footer-logo img{width:42px;height:42px;object-fit:contain;border-radius:10px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:18px 0 28px;border-top:1px solid rgba(255,255,255,.1);font-size:11px;color:#918aa0}
.mobile-bottom{display:none}.back-top{position:fixed;z-index:40;right:20px;bottom:22px;width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s;cursor:pointer}.back-top.show{opacity:1;pointer-events:auto;transform:none}
.reveal{opacity:1;transform:none}.reveal.reveal-pending{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}.reveal.reveal-in{opacity:1;transform:none}
.tone-1{color:var(--c1)}.tone-2{color:var(--c2)}.tone-3{color:var(--c3)}.tone-4{color:var(--c4)}.tone-5{color:var(--c5)}.tone-6{color:var(--c6)}
.tone-top-1{border-top-color:var(--c1)}.tone-top-2{border-top-color:var(--c2)}.tone-top-3{border-top-color:var(--c3)}.tone-top-4{border-top-color:var(--c4)}.tone-top-5{border-top-color:var(--c5)}.tone-top-6{border-top-color:var(--c6)}
.tone-left-1{border-left-color:var(--c1)}.tone-left-2{border-left-color:var(--c2)}.tone-left-3{border-left-color:var(--c3)}.tone-left-4{border-left-color:var(--c4)}.tone-left-5{border-left-color:var(--c5)}.tone-left-6{border-left-color:var(--c6)}
.tone-border-1{border-left-color:var(--c1)}.tone-border-2{border-left-color:var(--c2)}.tone-border-3{border-left-color:var(--c3)}.tone-border-4{border-left-color:var(--c4)}.tone-border-5{border-left-color:var(--c5)}.tone-border-6{border-left-color:var(--c6)}
.tone-bg-1{background:var(--c1-p);color:var(--c1)}.tone-bg-2{background:var(--c2-p);color:var(--c2)}.tone-bg-3{background:var(--c3-p);color:#aa5b00}.tone-bg-4{background:var(--c4-p);color:var(--c4)}.tone-bg-5{background:var(--c5-p);color:var(--c5)}.tone-bg-6{background:var(--c6-p);color:var(--c6)}
.stat-card:nth-child(6n+1),.ability-card:nth-child(6n+1),.experience-card:nth-child(6n+1),.history-card:nth-child(6n+1){border-top-color:var(--c1)}.stat-card:nth-child(6n+1) .stat-number{color:var(--c1)}
.stat-card:nth-child(6n+2),.ability-card:nth-child(6n+2),.experience-card:nth-child(6n+2),.history-card:nth-child(6n+2){border-top-color:var(--c2)}.stat-card:nth-child(6n+2) .stat-number{color:var(--c2)}
.stat-card:nth-child(6n+3),.ability-card:nth-child(6n+3),.experience-card:nth-child(6n+3),.history-card:nth-child(6n+3){border-top-color:var(--c3)}.stat-card:nth-child(6n+3) .stat-number{color:var(--c3)}
.stat-card:nth-child(6n+4),.ability-card:nth-child(6n+4),.experience-card:nth-child(6n+4),.history-card:nth-child(6n+4){border-top-color:var(--c4)}.stat-card:nth-child(6n+4) .stat-number{color:var(--c4)}
.stat-card:nth-child(6n+5),.ability-card:nth-child(6n+5),.experience-card:nth-child(6n+5),.history-card:nth-child(6n+5){border-top-color:var(--c5)}.stat-card:nth-child(6n+5) .stat-number{color:var(--c5)}
.stat-card:nth-child(6n),.ability-card:nth-child(6n),.experience-card:nth-child(6n),.history-card:nth-child(6n){border-top-color:var(--c6)}.stat-card:nth-child(6n) .stat-number{color:var(--c6)}
@media(max-width:1100px){
 .site-shell{display:block}.sidebar{display:none}.main-content{padding-top:26px}
 .stats-grid{grid-template-columns:repeat(3,1fr)}
 .desktop-nav a:nth-child(n+5){display:none}
}
@media(max-width:900px){
 .wrap{width:min(100% - 28px,1280px)}.nav-search{display:none}.service-link{display:none}
 .hero{grid-template-columns:1fr;padding:38px}.hero-visual{display:grid;grid-template-columns:260px 1fr;align-items:center}.hero-visual>img{height:210px}
 .ability-grid,.matrix-grid,.review-grid,.trend-grid,.opinion-grid,.history-grid,.info-grid{grid-template-columns:repeat(2,1fr)}
 .experience-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:1fr}
 .creator-showcase,.about-panel,.inner-hero{grid-template-columns:1fr}.creator-image img{max-height:350px}.inner-hero img{max-height:240px}
 .footer-grid{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:1/-1}.cta-inner{align-items:flex-start;flex-direction:column}.cta-actions{justify-content:flex-start;min-width:0}
}
@media(max-width:700px){
 body{font-size:14px;padding-bottom:66px}.wrap{width:min(100% - 22px,1280px)}
 .announcement{height:29px}.announcement-track{height:29px}.topbar{height:62px;--nav-h:62px}.nav{gap:8px}.brand small,.desktop-nav,.nav-actions .service-link,.nav-create{display:none}.brand{margin-right:auto}.brand img{width:34px;height:34px}.menu-btn{width:38px;height:38px}
 .mobile-experience{display:inline-flex;min-height:36px;padding:8px 12px;font-size:12px}
 .hero{padding:28px 22px;border-radius:18px}.hero h1{font-size:2.25rem}.hero-visual{display:block}.hero-visual>img{height:190px;margin-top:10px}.hero-capabilities{grid-template-columns:1fr 1fr}
 .content-section{padding-top:48px}.stats-grid{grid-template-columns:repeat(2,1fr)}
 .ability-grid,.matrix-grid,.experience-grid,.review-grid,.trend-grid,.opinion-grid,.history-grid,.deep-grid,.security-grid,.info-grid{grid-template-columns:1fr}
 .feature-card{grid-template-columns:120px minmax(0,1fr)}.feature-card img{min-height:150px}
 .creator-points{grid-template-columns:1fr}.creator-showcase,.about-panel{padding:24px}
 .hot-item{grid-template-columns:50px minmax(0,1fr)}.hot-item>.text-link{grid-column:2}.hot-rank{font-size:20px}
 .inner-hero{padding:27px 22px}.article-panel{padding:20px}.faq-a p{padding-left:18px}.faq-q{grid-template-columns:36px minmax(0,1fr) 20px;padding:14px}
 .health-panel{padding:23px 20px}.footer-grid{grid-template-columns:1fr 1fr;gap:22px}.footer-bottom{flex-direction:column}
 .mobile-bottom{position:fixed;z-index:45;left:10px;right:10px;bottom:9px;height:54px;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,255,255,.97);border:1px solid var(--line);border-radius:15px;box-shadow:0 8px 28px rgba(17,11,28,.13);overflow:hidden}.mobile-bottom a{display:grid;place-items:center;font-size:12px;font-weight:800;color:var(--txt-2)}.mobile-bottom a:hover{background:var(--c1-p);color:var(--c1)}
 .back-top{bottom:76px}
}
@media(max-width:420px){
 .wrap{width:min(100% - 16px,1280px)}.brand span{font-size:14px}.hero{padding:24px 18px}.hero h1{font-size:2rem}.hero-capabilities{grid-template-columns:1fr}
 .stats-grid{gap:8px}.stat-card{padding:15px 11px}.stat-number{font-size:22px}.feature-card{grid-template-columns:1fr}.feature-card img{height:180px}
 .footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.drawer-nav{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}