: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}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input{font:inherit}.wrap{width:min(calc(100% - 40px),var(--wrap));margin:auto}.narrow{max-width:920px}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.top-note{height:30px;color:#fff;background:linear-gradient(90deg,#D94A7A,#B85D8A,#8C6AA8);font-size:13px;overflow:hidden}.marquee{white-space:nowrap;line-height:30px}.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)}.site-header.scrolled{background:rgba(255,255,255,.96);box-shadow:0 3px 16px rgba(177,54,103,.08)}.header-row{height:68px;display:flex;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:9px;font-weight:800;color:var(--rose-deep);white-space:nowrap}.brand img{width:36px;height:36px;object-fit:contain}.desktop-nav{display:flex;gap:18px;align-items:center}.desktop-nav a{color:var(--text-2);font-size:15px;position:relative}.desktop-nav a:hover,.desktop-nav a.is-active{color:var(--rose)}.desktop-nav a.is-active:after{content:"";position:absolute;left:25%;right:25%;bottom:-9px;height:2px;background:var(--primary)}.site-search{margin-left:auto;display:flex;background:#fff;border:1px solid var(--line-strong);border-radius:var(--radius-pill);overflow:hidden;min-width:310px}.site-search input{flex:1;border:0;padding:10px 14px;outline:0;background:transparent}.site-search button{border:0;background:var(--primary);color:#fff;padding:0 18px;cursor:pointer}.site-search button:hover{background:var(--rose)}.app-link{color:var(--rose-deep);font-weight:700}.menu-toggle{display:none;border:1px solid var(--line-strong);background:#fff;border-radius:10px;padding:8px 12px}.hero{background:linear-gradient(135deg,#FFF7FA 0%,#FCEEF3 50%,#F6EEF8 100%);padding:68px 0}.hero-grid{display:grid;grid-template-columns:3fr 2fr;gap:54px;align-items:center}.eyebrow{color:var(--primary);font-weight:800;letter-spacing:.05em;margin:0 0 10px}.hero h1,.page-hero h1{font-size:clamp(36px,5vw,64px);line-height:1.12;margin:0 0 20px;color:var(--rose-darker)}.hero h1 span{background:linear-gradient(90deg,#D94A7A,#B93667,#8C5D9E);-webkit-background-clip:text;color:transparent}.lead{font-size:18px;color:var(--text-2);max-width:780px}.hero-media{position:relative}.hero-media:before{content:"";position:absolute;inset:10% 5%;background:radial-gradient(circle,rgba(217,74,122,.18),transparent 68%);filter:blur(24px)}.hero-media img{position:relative;border-radius:28px;box-shadow:var(--shadow-hover)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.btn{padding:11px 18px;border-radius:var(--radius-pill);font-weight:800;display:inline-flex}.primary{background:var(--primary);color:#fff}.primary:hover{background:var(--rose)}.secondary{background:#fff;border:1px solid var(--line-strong);color:var(--rose-deep)}.ghost{color:var(--rose-deep)}.hero-points{display:flex;gap:14px;flex-wrap:wrap;color:var(--text-3);font-size:14px}.hero-points span{background:rgba(255,255,255,.7);padding:7px 10px;border-radius:10px}.section-pad{padding:72px 0}.alt{background:var(--bg-2)}h2{font-size:clamp(28px,3vw,40px);line-height:1.25;color:var(--rose-deep);margin:0 0 12px}.section-intro,.section-head p{color:var(--text-2)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.section-head>a,.text-link,.center-link a{color:var(--rose);font-weight:800}.channel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}.channel-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:var(--shadow);transition:.2s}.channel-card:hover{transform:translateY(-3px);background:var(--primary-soft);box-shadow:var(--shadow-hover)}.channel-card h3{margin:10px 0 8px}.channel-card p{margin:0;color:var(--text-2);font-size:14px}.channel-dot{width:14px;height:14px;border-radius:50%;display:block;background:var(--primary)}.channel-knowledge .channel-dot{background:#765883}.channel-art .channel-dot{background:#D98679}.channel-life .channel-dot{background:#D7A294}.channel-tech .channel-dot{background:#6D78A8}.channel-study .channel-dot{background:#9B7DA7}.channel-travel .channel-dot{background:#6E8194}.channel-sport .channel-dot{background:#7A9A80}.feature-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}.feature-card{background:#fff;border-radius:16px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}.feature-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.feature-card>div{padding:20px}.feature-main{grid-row:span 2}.feature-main img{aspect-ratio:16/10}.feature-card h3{font-size:22px;margin:10px 0}.feature-card p{color:var(--text-2)}.badge{display:inline-block;background:var(--primary-soft);color:var(--rose);padding:5px 9px;border-radius:var(--radius-pill);font-size:12px;font-weight:800}.two-col{display:grid;grid-template-columns:1.2fr .8fr;gap:28px}.rank-list{display:grid;gap:4px;margin-top:24px}.rank-list a{display:flex;gap:18px;padding:14px;border-radius:12px}.rank-list a:hover{background:var(--primary-soft)}.rank-list strong{color:var(--primary)}.rank-list a:nth-child(1) strong{color:#B93667}.rank-list a:nth-child(2) strong{color:#D94A7A}.rank-list a:nth-child(3) strong{color:#E76B98}.soft-panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px}.soft-panel p{color:var(--text-2)}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.tag-cloud a{padding:7px 10px;border-radius:999px;background:#F6EEF8;color:#765883}.creator-zone{background:#FFFDFE}.service-grid,.post-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-grid article,.post-grid article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:var(--shadow)}.post-grid{grid-template-columns:repeat(3,1fr)}.service-grid p,.post-grid p{color:var(--text-2)}.app-strip{background:linear-gradient(135deg,#FFF7FA,#FCEEF3)}.app-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.phone-stack{display:flex;align-items:end;justify-content:center;gap:18px}.phone-stack img{max-height:360px;width:auto;filter:drop-shadow(0 18px 28px rgba(177,54,103,.12))}.faq-list{display:grid;gap:12px}.faq-item{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden}.faq-question{width:100%;text-align:left;border:0;background:#fff;padding:18px 20px;display:flex;justify-content:space-between;cursor:pointer;color:var(--text);font-weight:800}.faq-answer{display:none;padding:0 20px 18px;color:var(--text-2)}.faq-item.open{background:var(--primary-soft)}.faq-item.open .faq-question{background:var(--primary-soft)}.faq-item.open .faq-answer{display:block}.center-link{text-align:center;margin-top:22px}.page-hero{background:linear-gradient(135deg,#FFF7FA,#FCEEF3)}.page-hero h1{font-size:48px}.breadcrumb{width:min(calc(100% - 40px),var(--wrap));margin:18px auto 0;display:flex;gap:8px;color:var(--text-3);font-size:14px}.breadcrumb a{color:var(--rose)}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:26px}.prose-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px}.page-image{width:100%;max-height:360px;object-fit:cover;border-radius:14px;margin-bottom:26px}.rich-text h2,.prose-card h2{font-size:26px;margin-top:30px}.rich-text p,.prose-card p{color:var(--text-2)}.side-links{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;height:max-content;position:sticky;top:100px}.side-links h2{font-size:20px}.side-links a{display:block;padding:9px 0;border-bottom:1px solid var(--line);color:var(--text-2)}.side-links a.current{color:var(--rose);font-weight:800}.topic-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.topic-list a{background:var(--primary-soft);color:var(--rose);padding:8px 12px;border-radius:999px}.site-footer{background:linear-gradient(135deg,#4A1830,#68213E,#50203A);color:#fff;padding:54px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:26px}.site-footer h2,.site-footer h3{color:#fff}.site-footer p,.site-footer a{display:block;color:rgba(255,255,255,.72);margin:7px 0}.site-footer a:hover{color:#F4B7CC}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:34px;padding-top:18px;color:rgba(255,255,255,.62);font-size:13px}.mobile-bottom{display:none}.back-top{position:fixed;right:20px;bottom:22px;width:42px;height:42px;border:0;border-radius:50%;background:var(--rose);color:#fff;display:none}.back-top.show{display:block}.mobile-drawer{position:fixed;z-index:80;right:0;top:0;height:100vh;width:min(86vw,340px);background:#fff;padding:20px;box-shadow:-16px 0 38px rgba(74,24,48,.14)}.mobile-drawer a{display:block;padding:12px 0;border-bottom:1px solid var(--line)}.drawer-head{display:flex;align-items:center;justify-content:space-between}.drawer-close{border:0;background:none;font-size:28px}.drawer-mask{position:fixed;z-index:70;inset:0;background:rgba(53,31,42,.25)}.reveal{opacity:0;transform:translateY(14px);transition:.45s}.reveal.visible{opacity:1;transform:none}:focus-visible{outline:3px solid rgba(217,74,122,.35);outline-offset:2px}
@media(max-width:1200px){.desktop-nav{gap:12px}.site-search{min-width:240px}.channel-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1100px){.desktop-nav,.site-search{display:none}.menu-toggle{display:block;margin-left:auto}.content-layout{grid-template-columns:1fr}.side-links{position:static;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.side-links h2{grid-column:1/-1}.side-links a{border:0;background:var(--primary-soft);padding:8px 10px;border-radius:10px}.footer-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.hero-grid,.app-grid,.two-col{grid-template-columns:1fr}.hero{padding:46px 0}.feature-grid{grid-template-columns:1fr}.feature-main{grid-row:auto}.service-grid{grid-template-columns:repeat(2,1fr)}.post-grid{grid-template-columns:1fr}.channel-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.wrap{width:min(calc(100% - 28px),var(--wrap))}.section-pad{padding:52px 0}.section-head{align-items:flex-start;flex-direction:column}.page-hero h1{font-size:38px}.footer-grid{grid-template-columns:1fr 1fr}.mobile-bottom{position:fixed;z-index:45;display:grid;grid-template-columns:repeat(4,1fr);left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line-strong);padding:8px 0}.mobile-bottom a{text-align:center;color:var(--text-2);font-size:13px}.site-footer{padding-bottom:76px}.back-top{bottom:70px}}
@media(max-width:600px){.top-note{font-size:12px}.header-row{height:62px}.hero h1{font-size:38px}.lead{font-size:16px}.channel-grid,.service-grid,.footer-grid{grid-template-columns:1fr}.side-links{grid-template-columns:1fr 1fr}.hero-actions .btn{width:100%;justify-content:center}.phone-stack img{max-height:250px}.prose-card{padding:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
