:root{--primary:#9B4F9F;--primary-2:#B866AE;--primary-light:#D99ACD;--primary-soft:#F2E3F0;--rose-purple:#C26A9E;--rose-soft:#F7E9F1;--plum:#65306D;--plum-2:#4A2253;--plum-deep:#32163B;--lavender:#8B68A8;--lavender-soft:#EEE7F4;--gold:#B99A59;--gold-soft:#F4ECD9;--cream:#FBF7FB;--cream-2:#F5EEF6;--cream-3:#FFFDFE;--surface:#fff;--text:#33283A;--text-2:#67566D;--text-3:#9A899F;--line:rgba(155,79,159,.10);--line-strong:rgba(155,79,159,.22);--shadow:0 6px 24px rgba(74,34,83,.08);--shadow-hover:0 16px 38px rgba(74,34,83,.14);--radius:10px;--radius-card:15px;--radius-large:22px;--radius-pill:999px;--wrap:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream-3);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.72;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%}.wrap{width:min(calc(100% - 40px),var(--wrap));margin:auto}.narrow{max-width:900px}.page-space{padding:80px 0}.editor-bar{height:30px;background:var(--plum);color:#fff;font-size:12px}.editor-bar .wrap{height:100%;display:flex;align-items:center;gap:20px}.editor-bar span{color:var(--primary-light);font-weight:700}.site-header{position:sticky;top:0;z-index:50;background:rgba(251,247,251,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);transition:.25s}.site-header.scrolled{background:rgba(255,255,255,.97);box-shadow:var(--shadow)}.header-inner{height:66px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:9px;color:var(--plum);font-size:20px;white-space:nowrap}.brand-mark{width:31px;height:31px;border-radius:9px;background:linear-gradient(135deg,var(--primary),var(--rose-purple));color:white;display:grid;place-items:center;font-size:15px}.main-nav{display:flex;gap:20px;align-items:center;flex:1}.main-nav a{position:relative;color:var(--text-2);font-size:14px;padding:22px 0}.main-nav a:hover,.main-nav a.active{color:var(--primary)}.main-nav a.active:after{content:"";position:absolute;left:20%;right:20%;bottom:10px;height:2px;background:var(--primary-light)}.header-actions{display:flex;align-items:center;gap:12px}.icon-btn{border:0;background:transparent;font-size:20px;color:var(--text);cursor:pointer}.text-link{font-size:13px;color:var(--text-2)}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line-strong);border-radius:var(--radius-pill);padding:11px 18px;font-weight:700;color:var(--plum);background:white;transition:.2s}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.btn.primary{background:var(--plum);border-color:var(--plum);color:#fff}.btn.small{padding:8px 14px;font-size:13px}.mega{display:none;border-top:1px solid var(--line);background:white}.mega.open{display:block}.mega-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:18px 0}.mega-grid a{padding:12px;border-radius:10px;background:var(--cream);font-size:13px}.search-layer{position:fixed;inset:0;background:rgba(50,22,59,.86);z-index:90;display:none;place-items:center;padding:20px}.search-layer.open{display:grid}.search-layer form{width:min(720px,100%);background:#fff;border-radius:24px;padding:36px;position:relative}.search-layer label{font-size:28px;font-weight:800;display:block;margin-bottom:18px}.search-row{display:flex;gap:12px}.search-row input{flex:1;padding:14px;border:1px solid var(--line-strong);border-radius:12px;font-size:16px}.close{position:absolute;right:18px;top:14px;border:0;background:transparent;font-size:28px}.hero{background:linear-gradient(135deg,#FBF7FB 0%,#F2E3F0 58%,#EEDBEC 100%);padding:58px 0}.hero-grid{display:grid;grid-template-columns:5fr 4fr 3fr;gap:32px;align-items:center;min-height:520px}.eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--primary);font-weight:800;margin:0 0 10px}.hero h1,.page-hero h1{font-size:clamp(42px,5vw,72px);line-height:1.08;margin:0 0 24px;letter-spacing:-.04em}.lead{font-size:18px;color:var(--text-2)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.75);border:1px solid var(--line);font-size:12px}.photo{position:relative;min-height:220px;border-radius:18px;overflow:hidden;display:flex;align-items:flex-end;padding:18px;color:white;font-weight:800;letter-spacing:.08em;box-shadow:var(--shadow)}.photo:before,.photo:after{content:"";position:absolute;border-radius:50%;filter:blur(2px);opacity:.48}.photo:before{width:52%;aspect-ratio:1;right:-10%;top:-12%;background:rgba(255,255,255,.55)}.photo:after{width:38%;aspect-ratio:1;left:8%;bottom:-8%;background:rgba(255,211,234,.36)}.photo span{position:relative;z-index:2}.photo-1{background:linear-gradient(155deg,#876a7b,#d4a0b7 58%,#6e5365)}.photo-2{background:linear-gradient(155deg,#3f4753,#92777f 55%,#d3b5b8)}.photo-3{background:linear-gradient(155deg,#c9b0a8,#836b78 50%,#4d3c4f)}.photo-4{background:linear-gradient(155deg,#5d6574,#8b768f 52%,#cfb7c3)}.photo-5{background:linear-gradient(155deg,#a88f7c,#d8c3b5 52%,#68565e)}.photo-6{background:linear-gradient(155deg,#4d3a4c,#94758b 50%,#cfa8b4)}.hero-main .photo{min-height:500px;border-radius:6px 30px 6px 30px}.hero-side{display:grid;gap:16px}.hero-side .photo{min-height:180px}.status-card{background:rgba(255,255,255,.8);padding:18px;border-radius:14px;border:1px solid var(--line)}.status-card strong{display:block;font-size:26px;color:var(--plum)}.section{padding:82px 0}.section.soft{background:var(--cream-2)}.section.dark{background:linear-gradient(135deg,var(--plum-2),var(--plum-deep));color:#fff}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.section-head h2{font-size:38px;margin:0;line-height:1.1}.section-head p{max-width:620px;color:var(--text-2);margin:0}.dark .section-head p{color:rgba(255,255,255,.68)}.entry-track{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.entry{padding:20px;min-height:150px;border:1px solid var(--line);background:white;border-radius:14px;display:flex;flex-direction:column;justify-content:space-between}.entry b{color:var(--plum);font-size:18px}.feature-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:18px}.feature-grid .work-card:first-child{grid-row:span 2}.work-card{background:white;border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow);transition:.2s}.work-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.work-card .cover{display:block}.work-card .photo{border-radius:0;min-height:230px}.work-card.vertical .photo{min-height:360px}.work-body{padding:20px}.work-body h3{margin:2px 0 8px;font-size:22px}.work-body p{color:var(--text-2);margin:0 0 12px}.meta{display:flex;gap:14px;justify-content:space-between;color:var(--text-3);font-size:12px}.portrait-layout{display:grid;grid-template-columns:1.3fr .8fr .8fr 1fr;gap:16px;align-items:stretch}.portrait-note{padding:28px;background:var(--rose-soft);border-radius:18px}.bento{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:190px;gap:14px}.bento>*{border-radius:16px}.bento .big{grid-row:span 2}.number-list{display:grid;gap:1px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.14)}.number-row{display:grid;grid-template-columns:80px 1.2fr 1fr auto;gap:18px;padding:22px;background:rgba(50,22,59,.72);align-items:center}.number-row strong{font-size:22px;color:var(--primary-light)}.timeline{display:grid;grid-template-columns:120px 1fr;gap:0}.timeline .time{padding:22px 0;color:var(--primary);font-weight:800}.timeline .event{padding:22px;border-left:1px solid var(--line-strong);border-bottom:1px solid var(--line)}.creator-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.creator-card{padding:22px;border:1px solid var(--line);background:white;border-radius:16px}.avatar{width:62px;aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,var(--primary-light),var(--lavender));display:grid;place-items:center;color:white;font-weight:800;margin-bottom:20px}.discussion-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.post{padding:22px;border-radius:16px;background:white;border:1px solid var(--line)}.post .post-top{display:flex;justify-content:space-between;color:var(--text-3);font-size:12px}.longread{max-width:840px;font-size:18px}.longread p:first-of-type:first-letter{float:left;font-size:62px;line-height:.8;color:var(--primary);padding-right:10px}.app-stage{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center}.phones{display:grid;grid-template-columns:1fr 1fr;gap:18px;transform:rotate(-2deg)}.phone{border:10px solid var(--plum-deep);border-radius:34px;background:white;padding:14px;min-height:420px;box-shadow:var(--shadow-hover)}.phone:nth-child(2){transform:translateY(40px)}.checklist{display:grid;grid-template-columns:1.2fr 1fr;gap:28px}.checks{display:grid;gap:12px}.check{padding:16px 0;border-bottom:1px solid var(--line)}.faq{display:grid;gap:10px}.faq details{background:white;border:1px solid var(--line);border-radius:12px;padding:15px 18px}.faq summary{font-weight:800;cursor:pointer}.page-hero{padding:74px 0 48px;background:linear-gradient(135deg,var(--cream),var(--primary-soft))}.page-hero.dark{background:linear-gradient(135deg,var(--plum-deep),var(--plum-2));color:#fff}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.split{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.panel{padding:28px;border:1px solid var(--line);border-radius:18px;background:white}.notice{padding:16px 18px;border-left:3px solid var(--gold);background:var(--gold-soft)}.footer{background:linear-gradient(135deg,#4A2253,#32163B);color:rgba(255,255,255,.70);padding:64px 0 28px;border-top:1px solid rgba(217,154,205,.25)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}.footer h4{color:white;margin-top:0}.footer a{display:block;margin:8px 0}.footer a:hover{color:var(--primary-light)}.brand.inverse{color:white}.footer-bottom{display:flex;gap:18px;border-top:1px solid rgba(255,255,255,.1);padding-top:18px;margin-top:34px;font-size:12px}.mobile-bottom{display:none}.back-top{position:fixed;right:20px;bottom:20px;width:42px;height:42px;border-radius:50%;border:0;background:var(--plum);color:white;display:none;z-index:40}.back-top.show{display:block}
@media(max-width:1200px){.main-nav{gap:13px}.entry-track{grid-template-columns:repeat(3,1fr)}.creator-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1024px){.main-nav{display:none}.hero-grid{grid-template-columns:1fr 1fr}.hero-copy{grid-column:1/-1}.hero-side{grid-template-columns:1fr 1fr}.feature-grid,.portrait-layout{grid-template-columns:1fr 1fr}.creator-grid,.grid-4{grid-template-columns:repeat(2,1fr)}.bento{grid-template-columns:1fr 1fr}.bento .big{grid-row:span 1}.mega-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){.wrap{width:min(calc(100% - 28px),var(--wrap))}.editor-bar{display:none}.header-actions .text-link,.header-actions .small{display:none}.hero{padding:38px 0}.hero-grid{display:block}.hero-main{margin-top:28px}.hero-side{margin-top:16px}.section{padding:58px 0}.section-head{display:block}.section-head h2{font-size:31px;margin-bottom:12px}.entry-track,.grid-3{grid-template-columns:1fr 1fr}.feature-grid,.portrait-layout,.split,.app-stage,.checklist{grid-template-columns:1fr}.creator-grid,.discussion-grid{grid-template-columns:1fr}.number-row{grid-template-columns:56px 1fr}.number-row span:last-child{grid-column:2}.footer-grid{grid-template-columns:1fr 1fr}.mobile-bottom{position:fixed;display:flex;left:0;right:0;bottom:0;height:58px;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);z-index:60;border-top:1px solid var(--line);justify-content:space-around;align-items:center;font-size:12px}.back-top{bottom:72px}.phones{max-width:520px;margin:auto}.page-space{padding:54px 0}}
@media(max-width:600px){.hero h1,.page-hero h1{font-size:40px}.entry-track,.grid-3,.grid-4,.feature-grid,.portrait-layout,.hero-side{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-wrap:wrap}.bento{grid-template-columns:1fr;grid-auto-rows:170px}.timeline{grid-template-columns:70px 1fr}.phones{gap:8px}.phone{min-height:330px;border-width:7px}.search-layer form{padding:28px 20px}.search-row{display:block}.search-row .btn{margin-top:10px;width:100%}}