*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#FFFDFE;color:#51464C;font:16px/1.8 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto;display:block}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,253,254,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(60,40,50,.08)}.nav-wrap{max-width:1280px;height:74px;margin:auto;padding:0 24px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;min-width:245px}.brand img{width:126px;max-height:44px;object-fit:contain}.brand-text{font-weight:800;color:#D93668;font-size:21px}.brand small{font-size:11px;color:#A1959A;white-space:nowrap}.primary-nav{display:flex;justify-content:center;gap:5px;flex:1;white-space:nowrap}.primary-nav a{padding:9px 12px;border-radius:999px}.primary-nav a:hover,.primary-nav a.active{background:#FFF0F4;color:#F85B86}.nav-actions{display:flex;align-items:center;gap:5px}.icon-btn,.mini-link,.panel-head button{border:0;background:#FFF0F4;color:#D93668;border-radius:999px;min-height:44px;padding:0 14px}.mobile-nav{display:none}.wrap{max-width:1280px;margin:auto;padding:70px 24px}.hero-shell{max-width:1280px;margin:auto;padding:36px 24px 18px}.hero-banner{border-radius:30px;overflow:hidden;background:radial-gradient(circle at 20% 25%,#fff 0 8%,transparent 22%),linear-gradient(135deg,#FFE8F0,#FFF7FA 55%,#FFD7E3);min-height:420px;display:grid;place-items:center;position:relative}.hero-banner img{width:100%;height:auto}.hero-fallback{text-align:center;padding:72px 30px}.hero-fallback .eyebrow{color:#F85B86;font-weight:700;letter-spacing:.12em}.hero-fallback h1{font-size:clamp(38px,6vw,74px);line-height:1.1;color:#352A30;margin:.35em 0}.hero-fallback p{max-width:720px;margin:auto;color:#7C7076}.floating-intro{margin:-52px auto 0;position:relative;z-index:2;max-width:1120px;background:#fff;border:1px solid rgba(248,91,134,.14);box-shadow:0 16px 42px rgba(248,91,134,.15);border-radius:26px;padding:28px;display:grid;grid-template-columns:1.5fr 1fr auto;gap:24px;align-items:center}.floating-intro h2{margin:0;color:#352A30}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span,.pill{background:#FFF0F5;color:#D93668;padding:6px 11px;border-radius:999px;font-size:14px}.actions{display:flex;gap:10px;flex-wrap:wrap}.primary-btn,.secondary-btn{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:0 18px;border-radius:999px;white-space:nowrap}.primary-btn{color:#fff;background:linear-gradient(135deg,#FF82A4 0%,#F85B86 52%,#E83F72 100%);box-shadow:0 12px 30px rgba(248,91,134,.22)}.secondary-btn{background:#FFF0F4;color:#D93668}.channel-strip{max-width:1280px;margin:24px auto;padding:0 24px}.channel-strip .inner{background:#FFF0F5;border-radius:18px;padding:14px 18px;display:flex;justify-content:space-around;gap:18px;overflow-x:auto}.channel-strip a{white-space:nowrap;color:#7C7076}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:28px}.section-head h2,.page-hero h1{color:#352A30;margin:0;font-size:clamp(28px,4vw,48px);line-height:1.2}.section-head p{max-width:650px;margin:0;color:#7C7076}.soft{background:#FFF7FA}.pink{background:#FFF0F5}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:#fff;border:1px solid rgba(248,91,134,.14);border-radius:22px;padding:24px;box-shadow:0 14px 38px rgba(90,50,65,.06)}.card h3{margin-top:0;color:#352A30}.card p{margin-bottom:10px}.text-link{color:#D93668;font-weight:700}.feature-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:22px}.feature-card{min-height:330px;padding:34px;background:linear-gradient(145deg,#fff,#FFF0F5);border-radius:28px;border:1px solid rgba(248,91,134,.14)}.mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.mosaic{display:grid;grid-template-columns:1.4fr .8fr .8fr;grid-auto-rows:minmax(180px,auto);gap:18px}.mosaic .card:first-child{grid-row:span 2}.city-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.city-note{background:#fff;border:1px solid rgba(60,40,50,.08);border-radius:20px;padding:26px;transform:rotate(-.3deg)}.city-note:nth-child(even){transform:rotate(.45deg);background:#FFF7FA}.story-layout{display:grid;grid-template-columns:1.35fr .85fr;gap:26px}.story-main{background:#fff;border-radius:28px;padding:34px;border-left:5px solid #F85B86}.story-list{display:grid;gap:16px}.role-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.topic-list article{padding:28px 0;border-bottom:1px solid rgba(60,40,50,.08)}.topic-list h2{font-size:clamp(24px,3vw,38px);margin:0 0 8px;color:#352A30}.timeline{position:relative;display:grid;gap:18px}.timeline:before{content:"";position:absolute;left:20px;top:10px;bottom:10px;width:2px;background:#FFD7E3}.timeline article{margin-left:48px;background:#fff;border-radius:18px;padding:22px;position:relative}.timeline article:before{content:"";position:absolute;left:-38px;top:28px;width:14px;height:14px;border-radius:50%;background:#F85B86;box-shadow:0 0 0 7px #FFF0F5}.rank-list{counter-reset:item}.rank-item{counter-increment:item;display:grid;grid-template-columns:100px 1fr;gap:18px;padding:28px 0;border-bottom:1px solid rgba(60,40,50,.08)}.rank-item:before{content:"0" counter(item);font-size:54px;line-height:1;color:#F85B86;font-weight:800}.page-hero{max-width:1280px;margin:auto;padding:74px 24px 34px}.page-hero p{max-width:760px;color:#7C7076;font-size:18px}.content-prose{max-width:900px}.content-prose h2{color:#352A30;margin-top:2em}.content-prose p{margin:1em 0}.notice{padding:20px 22px;border-radius:18px;background:#FFF0F5;border:1px solid rgba(248,91,134,.14)}details{background:#fff;border:1px solid rgba(60,40,50,.08);border-radius:16px;padding:16px 18px;margin:12px 0}summary{font-weight:700;color:#352A30;cursor:pointer}.app-layout{display:grid;grid-template-columns:1fr .8fr;gap:32px;align-items:center}.app-visual{background:linear-gradient(160deg,#FFD7E3,#FFF7FA);border-radius:32px;min-height:480px;display:grid;place-items:center;padding:30px}.app-visual img{max-height:520px;object-fit:contain}.site-footer{background:#38262F;color:#FFF1F5;padding:64px 24px 110px}.footer-inner{max-width:1280px;margin:auto}.footer-brand{max-width:700px}.footer-brand img{width:140px;margin-bottom:18px}.footer-brand h2{font-size:30px;margin:0}.footer-brand small{font-size:12px;color:#FFD7E3}.tagline{color:#FFB5C9}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin:42px 0}.footer-grid h3{color:#fff}.footer-grid a{display:block;color:#EFDDE3;padding:4px 0}.footer-note{border-top:1px solid rgba(255,255,255,.12);padding-top:24px;color:#EFDDE3}.copyright{color:#CBB8C0}.overlay{position:fixed;inset:0;background:rgba(35,24,30,.42);z-index:200;opacity:0;visibility:hidden;pointer-events:none;transition:.25s}.overlay.open{opacity:1;visibility:visible;pointer-events:auto}.channel-panel{position:fixed;z-index:220;top:0;right:0;width:min(480px,94vw);height:100vh;background:#FFFDFE;box-shadow:-20px 0 50px rgba(40,20,30,.14);transform:translateX(105%);visibility:hidden;pointer-events:none;transition:.25s;overflow:auto;padding:24px}.channel-panel.open{transform:none;visibility:visible;pointer-events:auto}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.channel-groups section{margin-bottom:24px}.channel-groups h3{color:#D93668}.channel-groups a{display:block;padding:12px 0;border-bottom:1px solid rgba(60,40,50,.08)}.channel-groups a b,.channel-groups a span{display:block}.channel-groups a span{font-size:13px;color:#7C7076}.drag-handle{display:none}.search-panel{position:fixed;z-index:230;top:74px;left:0;right:0;background:#FFFDFE;box-shadow:0 18px 40px rgba(70,40,50,.12);transform:translateY(-120%);visibility:hidden;pointer-events:none;transition:.25s}.search-panel.open{transform:none;visibility:visible;pointer-events:auto}.search-inner{max-width:1000px;margin:auto;padding:28px 24px 34px}.search-label{display:grid;gap:8px;color:#7C7076}.search-label input{border:1px solid rgba(248,91,134,.25);border-radius:16px;padding:14px 16px;outline:none}.search-label input:focus{border-color:#F85B86}.search-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.search-chips a{background:#FFF0F5;border-radius:999px;padding:8px 13px;color:#D93668}.locked{overflow:hidden}.mobile-bottom{display:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid rgba(248,91,134,.35);outline-offset:3px}
@media(max-width:900px){.desktop-nav{display:none}.mobile-nav{height:64px;padding:0 15px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.mobile-nav>:last-child{justify-self:end}.mobile-brand{justify-self:center}.mobile-brand img{max-width:128px;max-height:42px}.wrap{padding:54px 15px}.hero-shell{padding:20px 15px}.hero-banner{min-height:300px;border-radius:24px}.floating-intro{margin:-24px 15px 0;grid-template-columns:1fr;padding:22px}.channel-strip{padding:0 15px}.channel-strip .inner{justify-content:flex-start}.grid-3,.grid-4,.role-list,.city-notes{grid-template-columns:1fr 1fr}.feature-grid,.story-layout,.app-layout{grid-template-columns:1fr}.mosaic{grid-template-columns:1fr 1fr}.mosaic .card:first-child{grid-row:auto;grid-column:span 2}.footer-grid{grid-template-columns:1fr 1fr}.site-footer{padding:54px 15px 110px}.mobile-bottom{position:fixed;left:0;right:0;bottom:0;z-index:150;display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:env(safe-area-inset-bottom);background:rgba(255,253,254,.97);border-top:1px solid rgba(60,40,50,.08)}.mobile-bottom a{min-height:58px;display:grid;place-items:center;font-size:13px;color:#7C7076}.mobile-bottom a.active{color:#F85B86;font-weight:700}.channel-panel{top:auto;bottom:0;width:100%;height:auto;max-height:85vh;border-radius:28px 28px 0 0;transform:translateY(105%)}.drag-handle{display:block;width:46px;height:5px;border-radius:8px;background:#D8C8CE;margin:0 auto 18px}.search-panel{top:0;bottom:0;overflow:auto;transform:translateY(-105%)}.page-hero{padding:54px 15px 30px}}
@media(max-width:620px){.grid-2,.grid-3,.grid-4,.role-list,.city-notes,.mini-grid{grid-template-columns:1fr}.mosaic{grid-template-columns:1fr}.mosaic .card:first-child{grid-column:auto}.rank-item{grid-template-columns:64px 1fr}.rank-item:before{font-size:38px}.footer-grid{grid-template-columns:1fr 1fr}.hero-fallback{padding:54px 18px}.actions{flex-direction:column;align-items:stretch}.primary-btn,.secondary-btn{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}