:root{--primary:#D94A7A;--primary-2:#E76B98;--primary-light:#F4B7CC;--primary-soft:#FBE7EF;--rose:#B93667;--rose-deep:#7A2345;--rose-darker:#4A1830;--bg:#FFF7FA;--bg-2:#FCEEF3;--bg-3:#FFFDFE;--surface:#fff;--surface-soft:rgba(255,255,255,.82);--surface-strong:rgba(255,255,255,.96);--text:#351F2A;--text-2:#684A58;--text-3:#9A7A89;--line:rgba(217,74,122,.10);--line-strong:rgba(217,74,122,.22);--shadow:0 5px 22px rgba(177,54,103,.08);--shadow-hover:0 14px 38px rgba(177,54,103,.14);--radius:12px;--radius-card:16px;--radius-large:22px;--radius-pill:999px;--wrap:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(var(--wrap),calc(100% - 40px));margin:auto}.announcement{height:30px;background:linear-gradient(90deg,#D94A7A,#B85D8A,#8C6AA8);color:#fff;font-size:13px;overflow:hidden}.announcement-inner{display:flex;align-items:center;height:100%;justify-content:center}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,247,250,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-row{height:68px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:10px;color:var(--rose-deep);white-space:nowrap}.brand img{width:36px;height:36px;object-fit:contain}.desktop-nav{display:flex;gap:18px;margin-right:auto}.desktop-nav a{color:var(--text-2);padding:21px 0 18px;position:relative}.desktop-nav a:hover,.desktop-nav a.active{color:var(--rose)}.desktop-nav a.active:after{content:"";position:absolute;left:20%;right:20%;bottom:11px;height:2px;background:var(--primary);border-radius:2px}.top-search{display:flex;width:330px;background:#fff;border:1px solid rgba(217,74,122,.12);border-radius:999px;overflow:hidden}.top-search input{border:0;outline:0;padding:10px 16px;width:100%;background:transparent}.top-search button{border:0;background:var(--primary);color:#fff;padding:0 18px}.app-link{color:var(--rose-deep);font-weight:700}.menu-btn{display:none}.hero{background:linear-gradient(135deg,#FFF7FA 0%,#FCEEF3 50%,#F6EEF8 100%);padding:72px 0}.hero-grid,.page-hero-grid{display:grid;grid-template-columns:3fr 2fr;align-items:center;gap:56px}.hero h1{font-size:clamp(38px,5vw,66px);line-height:1.1;margin:12px 0 24px;color:var(--rose-darker);letter-spacing:-1.5px}.hero h1 span{display:block;background:linear-gradient(90deg,#D94A7A,#B93667,#8C5D9E);-webkit-background-clip:text;color:transparent}.hero p,.page-hero p{font-size:18px;color:var(--text-2)}.eyebrow{color:var(--primary);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero-media img,.page-hero img{border-radius:28px;box-shadow:0 25px 60px rgba(177,54,103,.16)}.hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 20px;border-radius:999px;font-weight:700}.btn.primary{background:var(--primary);color:#fff}.btn.primary:hover{background:var(--rose)}.btn.secondary{background:#fff;border:1px solid var(--line-strong);color:var(--rose-deep)}.text-link{color:var(--rose);font-weight:700}.hero-notes{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px;color:var(--text-3);font-size:14px}.section{padding:78px 0;background:var(--bg)}.section.alt{background:var(--bg-2)}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:30px}.section-head h2,.interest-panel h2,.creator-zone h2,.app-card h2{margin:5px 0 8px;font-size:32px;color:var(--rose-deep)}.section-head p{margin:0;color:var(--text-2);max-width:760px}.section-head>a{color:var(--primary);font-weight:700}.channel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.channel-card{display:flex;gap:14px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.channel-card:hover{background:var(--primary-soft);transform:translateY(-2px)}.channel-card h3{margin:0 0 6px}.channel-card p{margin:0;color:var(--text-2);font-size:14px}.channel-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#F6EEF8;color:#765883;font-weight:800}.accent-green .channel-icon{background:#edf5ef;color:#53745d}.accent-slate .channel-icon{background:#edf1f5;color:#5e6e7c}.accent-coral .channel-icon{background:#fff0ec;color:#a76558}.feature-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px}.feature-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}.feature-card.large{grid-row:span 2}.feature-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.feature-card>div{padding:20px}.feature-card h3,.feature-card h2{margin:8px 0}.feature-card p{color:var(--text-2);margin:0 0 10px}.feature-card a{color:var(--rose);font-weight:700}.badge{display:inline-block;background:var(--primary-soft);color:var(--rose);border-radius:999px;padding:3px 9px;font-size:12px}.two-col{display:grid;grid-template-columns:1.4fr .8fr;gap:36px}.rank-list{display:grid;gap:10px}.rank-item{display:flex;gap:16px;padding:16px;border-radius:14px}.rank-item:hover{background:var(--primary-soft)}.rank-item>b{font-size:28px;color:#B89AA7;width:34px}.rank-item:nth-child(1)>b{color:#B93667}.rank-item:nth-child(2)>b{color:#D94A7A}.rank-item:nth-child(3)>b{color:#E76B98}.rank-item h3{margin:2px 0 4px}.rank-item p,.rank-item span{margin:0;color:var(--text-2);font-size:14px}.interest-panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px}.topic-cloud{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.topic-cloud a{padding:8px 12px;border-radius:999px;background:var(--primary-soft);color:var(--rose-deep)}.interest-panel img{border-radius:16px;margin-top:20px}.creator-zone{background:#FFFDFE}.service-grid,.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-grid article,.step-grid article{background:#fff;border:1px solid var(--line-strong);border-radius:16px;padding:22px}.service-grid p,.step-grid p{color:var(--text-2)}.discussion-list{display:grid;gap:14px}.discussion-list article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.discussion-list h3{margin:0 0 6px}.discussion-list p{margin:0;color:var(--text-2)}.app-card{display:grid;grid-template-columns:180px 1fr;align-items:center;gap:26px;background:#fff;border-radius:22px;padding:28px}.app-card img{max-height:360px;object-fit:contain;margin:auto}.faq-list{display:grid;gap:12px}.faq-item{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.faq-q{width:100%;border:0;background:#fff;padding:18px 20px;display:flex;justify-content:space-between;font:inherit;font-weight:700;color:var(--text);text-align:left}.faq-a{display:none;padding:0 20px 18px;background:var(--primary-soft)}.faq-item.open .faq-a{display:block}.page-hero{padding:58px 0;background:linear-gradient(135deg,#FFF7FA,#FCEEF3,#F6EEF8)}.page-hero.slim{padding:42px 0}.page-hero h1{font-size:48px;line-height:1.15;margin:8px 0;color:var(--rose-darker)}.page-hero h2{font-size:24px;margin:0;color:var(--rose-deep)}.breadcrumb{display:flex;gap:8px;color:var(--text-3);font-size:13px;margin-bottom:18px}.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:30px}.topic-grid a{padding:20px;border-radius:16px;background:#fff;border:1px solid var(--line)}.topic-grid p{color:var(--text-2);margin-bottom:0}.layout-with-side{display:grid;grid-template-columns:220px 1fr;gap:28px}.channel-side{position:sticky;top:110px;align-self:start;background:#fff;border-radius:16px;padding:16px}.channel-side h2{font-size:16px}.channel-side a{display:block;padding:9px 10px;border-radius:10px;color:var(--text-2)}.channel-side a.active,.channel-side a:hover{background:var(--primary-soft);color:var(--rose)}.prose{max-width:900px}.prose h2{color:var(--rose-deep)}.notice{background:var(--primary-soft);border-left:4px solid var(--primary);padding:18px 20px;border-radius:10px}.content-columns{display:grid;grid-template-columns:1.4fr .7fr;gap:28px}.support-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}.app-showcase{display:grid;grid-template-columns:320px 1fr;gap:46px;align-items:center}.app-showcase img{max-height:520px;object-fit:contain;margin:auto}.site-footer{background:linear-gradient(135deg,#4A1830,#68213E,#50203A);color:rgba(255,255,255,.72);padding:56px 0 22px}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:30px}.footer-grid section{display:flex;flex-direction:column;gap:8px}.footer-grid h2{font-size:15px;color:#fff}.footer-brand{font-size:24px;font-weight:800;color:#fff}.footer-grid a:hover{color:var(--primary-light)}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:34px;padding-top:20px;font-size:13px}.mobile-bottom{display:none}.back-top{position:fixed;right:24px;bottom:24px;width:42px;height:42px;border:0;border-radius:50%;background:var(--rose-deep);color:#fff;display:none}.mobile-drawer,.drawer-overlay{display:none}
@media(max-width:1100px){.top-search{display:none}.channel-grid,.service-grid,.step-grid,.topic-grid{grid-template-columns:repeat(2,1fr)}.channel-side{display:none}.layout-with-side{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr 1fr}.feature-card.large{grid-column:span 2;grid-row:auto}}
@media(max-width:900px){.desktop-nav,.app-link{display:none}.menu-btn{display:inline-flex;margin-left:auto;border:1px solid var(--line-strong);background:#fff;border-radius:999px;padding:8px 14px}.hero-grid,.page-hero-grid,.two-col,.content-columns,.app-showcase{grid-template-columns:1fr}.hero{padding:46px 0}.hero-media{order:-1}.hero-media img{max-height:340px;width:100%;object-fit:cover}.page-hero img{max-height:340px;width:100%;object-fit:cover}.footer-grid{grid-template-columns:repeat(2,1fr)}.mobile-drawer{display:flex;position:fixed;right:-320px;top:0;bottom:0;width:300px;background:#fff;z-index:100;flex-direction:column;padding:24px;gap:8px;transition:.25s}.mobile-drawer.open{right:0}.mobile-drawer a{padding:12px;border-bottom:1px solid var(--line)}.drawer-close{align-self:flex-end;border:0;background:none;font-size:28px}.drawer-overlay.open{display:block;position:fixed;inset:0;background:rgba(53,31,42,.28);z-index:90}}
@media(max-width:768px){.wrap{width:min(100% - 24px,var(--wrap))}.section{padding:54px 0}.section-head{align-items:start;flex-direction:column}.feature-grid{grid-template-columns:1fr}.feature-card.large{grid-column:auto}.app-card{grid-template-columns:1fr}.app-card img{max-height:260px}.mobile-bottom{display:grid;position:fixed;z-index:45;left:0;right:0;bottom:0;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid var(--line);padding:8px 0}.mobile-bottom a{text-align:center;font-size:13px;color:var(--text-2)}body{padding-bottom:56px}.back-top{bottom:74px}.page-hero h1{font-size:38px}}
@media(max-width:600px){.channel-grid,.service-grid,.step-grid,.topic-grid,.footer-grid{grid-template-columns:1fr}.hero h1{font-size:40px}.hero-notes{gap:10px}.header-row{height:62px}.brand img{width:32px;height:32px}.section-head h2,.interest-panel h2,.creator-zone h2,.app-card h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}