:root{--bg:#FFF8FB;--white:#fff;--soft:#FFF0F6;--lav:#F7F3FF;--mist:#F8F4F6;--title:#32262D;--text:#51444C;--muted:#7C6D76;--pink:#FF5D9E;--berry:#D94C83;--coral:#FF8EAC;--purple:#8C76E8;--deep:#6753B5;--border:rgba(255,93,158,.15);--shadow:0 14px 36px rgba(76,48,66,.08);--strong:0 18px 46px rgba(217,76,131,.15);--max:1200px}*{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",Arial,sans-serif;line-height:1.75;overflow-x:hidden}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}.shell{width:min(calc(100% - 40px),var(--max));margin:auto}.skip{position:fixed;left:16px;top:12px;z-index:9999;transform:translateY(-180%);background:#fff;padding:8px 12px;border-radius:10px}.skip:focus{transform:none}.topbar{background:#fff;border-bottom:1px solid var(--border);font-size:13px;color:var(--muted)}.topinner{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:15px}.toplinks{display:flex;gap:18px}.sitehead{position:sticky;top:0;z-index:100;background:rgba(255,248,251,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.mainnav{height:72px;display:grid;grid-template-columns:220px 1fr 300px;align-items:center;gap:14px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--title);font-weight:800;font-size:20px;white-space:nowrap}.mark{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--coral),var(--pink) 52%,var(--purple));color:#fff;box-shadow:0 10px 24px rgba(255,93,158,.22)}.navlinks{display:flex;justify-content:center;gap:26px}.navlinks a{position:relative;padding:10px 2px;color:var(--muted);font-weight:650;white-space:nowrap}.navlinks a.on,.navlinks a:hover{color:var(--title)}.navlinks a.on:after{content:"";position:absolute;left:50%;bottom:3px;width:18px;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--pink),var(--purple));transform:translateX(-50%)}.actions{display:flex;justify-content:flex-end;gap:10px}.btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:11px 20px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--coral),var(--pink) 52%,var(--purple));color:#fff;font-weight:750;white-space:nowrap;box-shadow:0 12px 24px rgba(217,76,131,.18)}.btn:hover{transform:translateY(-1px);box-shadow:var(--strong)}.btn.small{min-height:42px;padding:9px 16px}.btn.ghost{background:#fff;color:var(--title);border:1px solid var(--border);box-shadow:none}.textlink{color:var(--berry);font-weight:720}.textlink:after{content:" →"}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid rgba(140,118,232,.4);outline-offset:3px;border-radius:10px}.section{padding:76px 0}.tight{padding:50px 0}.soft{background:var(--soft)}.lav{background:var(--lav)}.mist{background:var(--mist)}.eyebrow{margin:0 0 8px;color:var(--berry);font-size:14px;font-weight:800;letter-spacing:.08em}.heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.heading>div{max-width:760px}.heading h2,.section h2,.hero h1,.pagehero h1{margin:0;color:var(--title);line-height:1.18}.heading h2,.section h2{font-size:clamp(27px,3vw,40px)}.lead{font-size:18px;color:var(--muted);margin:12px 0 0}.hero{padding:66px 0 48px}.herogrid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.7fr) minmax(240px,.62fr);gap:32px;align-items:center}.hero h1{font-size:clamp(42px,5vw,72px);margin:7px 0 14px}.herocopy{font-size:17px;color:var(--muted)}.heroactions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:24px}.phone{aspect-ratio:9/18.5;max-width:305px;margin:auto;padding:14px;border-radius:42px;background:#31262d;box-shadow:0 28px 65px rgba(82,46,66,.18);position:relative}.screen{height:100%;padding:38px 16px 18px;border-radius:32px;background:linear-gradient(180deg,#fff,#fff0f6 40%,#f7f3ff);overflow:hidden}.screen:before{content:"";display:block;width:38%;height:18px;background:#31262d;border-radius:0 0 14px 14px;margin:-38px auto 16px}.screen .media{height:150px;border-radius:18px;background:linear-gradient(135deg,#ffd2e2,#fff 46%,#ddd3ff);margin:15px 0}.screen article{padding:15px;background:#fff;border-radius:18px;box-shadow:var(--shadow);margin-top:12px}.screen article b{display:block;color:var(--title)}.screen article p{margin:5px 0 0;font-size:13px;color:var(--muted)}.sidecards{display:grid;gap:15px}.card,.minicard{background:#fff;border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow)}.minicard,.card{padding:23px}.minicard h2,.card h3{margin:0 0 9px;color:var(--title)}.minicard h2{font-size:20px}.minicard p,.card p{margin:0;color:var(--muted)}.strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(190px,1fr);overflow-x:auto;gap:14px;padding:5px 2px 12px}.topic{padding:20px;min-height:160px;border:1px solid var(--border);border-radius:20px;background:#fff}.topic:nth-child(3n+2){background:var(--lav)}.topic:nth-child(3n){background:var(--soft)}.topic h3{margin:0 0 8px;color:var(--title)}.topic p{font-size:14px;color:var(--muted)}.magazine{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-areas:"main a b" "main c d";gap:18px}.story{min-height:260px;padding:24px;border-radius:24px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.story:before{content:"";position:absolute;inset:0 0 auto 0;height:42%;background:linear-gradient(135deg,#ffd2e2,#fff 55%,#ddd3ff)}.story>*{position:relative}.story.main{grid-area:main;min-height:540px}.story.a{grid-area:a}.story.b{grid-area:b}.story.c{grid-area:c}.story.d{grid-area:d}.story h3{margin:0 0 8px;color:var(--title);font-size:22px}.story.main h3{font-size:32px}.story p{margin:0 0 12px;color:var(--muted)}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}.tag{padding:4px 9px;border-radius:999px;background:var(--soft);color:var(--berry);font-size:12px;font-weight:700}.g2,.g3,.g4,.g6{display:grid;gap:18px}.g2{grid-template-columns:repeat(2,1fr)}.g3,.g6{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.timeline{border-left:2px solid rgba(255,93,158,.18);margin-left:10px}.timeline article{position:relative;padding:0 0 27px 34px}.timeline article:before{content:"";position:absolute;left:-8px;top:6px;width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--purple));box-shadow:0 0 0 6px var(--bg)}.timeline h3{margin:0;color:var(--title)}.timeline p{margin:6px 0;color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.split article{padding:30px;border-radius:28px;background:#fff;border:1px solid var(--border)}.split article:nth-child(2){background:var(--lav)}.split h3{margin:0 0 12px;color:var(--title);font-size:25px}.quote{padding:23px;border-radius:22px;background:#fff;border:1px solid var(--border)}.quote p{margin:0}.faq{display:grid;gap:12px}.faq details{background:#fff;border:1px solid var(--border);border-radius:18px;padding:0 20px}.faq summary{position:relative;list-style:none;cursor:pointer;padding:17px 34px 17px 0;color:var(--title);font-weight:760}.faq summary:after{content:"＋";position:absolute;right:0;color:var(--pink);font-size:21px}.faq details[open] summary:after{content:"－"}.faq p{margin:0;padding:0 0 18px;color:var(--muted)}.brandnote{padding:34px;border-radius:30px;background:linear-gradient(135deg,#fff,#fff0f6 52%,#f3efff);border:1px solid var(--border)}.pagehero{padding:60px 0 34px}.pagebox{padding:46px;border-radius:32px;background:linear-gradient(135deg,#fff,#fff0f6 50%,#f3efff);border:1px solid var(--border);overflow:hidden;position:relative}.pagehero h1{font-size:clamp(36px,4.5vw,58px);margin-bottom:15px}.pagehero p{max-width:850px;margin:0;color:var(--muted);font-size:17px}.indexlinks,.related{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.indexlinks a,.related a{padding:8px 13px;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--muted)}.stack{display:grid;gap:18px}.stack article{padding:28px;border-radius:24px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow)}.stack h2{font-size:26px}.stack p{margin:11px 0 0;color:var(--muted)}.notice{padding:25px;border-radius:24px;background:var(--soft);border:1px solid var(--border)}.notice h2{font-size:25px}.steps{counter-reset:s;display:grid;gap:16px}.steps article{counter-increment:s;padding:24px;display:grid;grid-template-columns:52px 1fr;gap:17px;background:#fff;border:1px solid var(--border);border-radius:22px}.steps article:before{content:counter(s);width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,var(--coral),var(--purple));color:#fff;font-weight:800}.steps h3{margin:0 0 6px;color:var(--title)}.steps p{margin:0;color:var(--muted)}.servicetip{padding:24px;border-radius:22px;background:#30242B;color:#FFEAF2}.servicetip h2{font-size:23px;color:#fff}.footer{background:#30242B;color:#FFEAF2;padding:52px 0 30px}.footgrid{display:grid;grid-template-columns:1.45fr repeat(4,1fr);gap:28px}.footgrid section{display:flex;flex-direction:column;gap:8px}.footgrid section:first-child{display:block}.footgrid h2{font-size:15px;margin:0 0 10px;color:#fff}.footgrid a{font-size:14px;color:#f1dce5}.footbrand{font-size:20px;color:#fff}.footgrid p{font-size:14px;color:#dcc7d0}.footbottom{display:flex;justify-content:space-between;gap:25px;margin-top:32px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);font-size:13px;color:#d8c1cb}.footbottom p{margin:0}.overlay{position:fixed;inset:0;z-index:90;background:rgba(50,38,45,.24);opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.overlay.open{opacity:1;visibility:visible;pointer-events:auto}.deskpanel{position:absolute;top:106px;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--border);box-shadow:0 24px 50px rgba(50,38,45,.14);transform:translateY(-12px);opacity:0;pointer-events:none;transition:.2s}.deskpanel.open{transform:none;opacity:1;pointer-events:auto}.panelhead{display:flex;justify-content:space-between;align-items:center;padding:18px 0}.close{width:42px;height:42px;border-radius:14px;border:1px solid var(--border);background:#fff;font-size:23px}.groups{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-bottom:28px}.groups>div{padding:17px;background:#fff;border:1px solid var(--border);border-radius:20px}.groups h2{font-size:16px;margin:0 0 8px}.groups a{display:block;padding:9px;border-radius:12px}.groups a:hover{background:var(--soft)}.groups b,.groups span{display:block}.groups span{font-size:12px;color:var(--muted)}.mobilesheet{display:none}.mobile.only{display:none}.menuopen{overflow:hidden}.plain{border:0;background:transparent;min-height:44px;padding:0;font-weight:750}.try{justify-self:end;min-height:44px;align-items:center;padding:0 13px;border-radius:99px;background:linear-gradient(135deg,var(--coral),var(--pink),var(--purple));color:#fff;font-weight:750}.bottomnav{display:none}
.page-moments .groups a[href="moments.php"],.page-moments .sheetlinks a[href="moments.php"]{background:var(--soft);color:var(--berry);font-weight:800}.page-circles .groups a[href="circles.php"],.page-circles .sheetlinks a[href="circles.php"]{background:var(--soft);color:var(--berry);font-weight:800}.page-city .groups a[href="city.php"],.page-city .sheetlinks a[href="city.php"]{background:var(--soft);color:var(--berry);font-weight:800}.page-topics .groups a[href="topics.php"],.page-topics .sheetlinks a[href="topics.php"]{background:var(--soft);color:var(--berry);font-weight:800}.page-diary .groups a[href="diary.php"],.page-diary .sheetlinks a[href="diary.php"]{background:var(--soft);color:var(--berry);font-weight:800}.page-community-rules .groups a[href="community-rules.php"],.page-community-rules .sheetlinks a[href="community-rules.php"]{background:var(--soft);color:var(--berry);font-weight:800}.page-app .groups a[href="app.php"],.page-app .sheetlinks a[href="app.php"]{background:var(--soft);color:var(--berry);font-weight:800}.page-download .groups a[href="download.php"],.page-download .sheetlinks a[href="download.php"]{background:var(--soft);color:var(--berry);font-weight:800}.page-guide .groups a[href="guide.php"],.page-guide .sheetlinks a[href="guide.php"]{background:var(--soft);color:var(--berry);font-weight:800}.page-notice .groups a[href="notice.php"],.page-notice .sheetlinks a[href="notice.php"]{background:var(--soft);color:var(--berry);font-weight:800}.page-safety .groups a[href="safety.php"],.page-safety .sheetlinks a[href="safety.php"]{background:var(--soft);color:var(--berry);font-weight:800}.page-privacy .groups a[href="privacy.php"],.page-privacy .sheetlinks a[href="privacy.php"]{background:var(--soft);color:var(--berry);font-weight:800}.page-help .groups a[href="help.php"],.page-help .sheetlinks a[href="help.php"]{background:var(--soft);color:var(--berry);font-weight:800}.page-faq .groups a[href="faq.php"],.page-faq .sheetlinks a[href="faq.php"]{background:var(--soft);color:var(--berry);font-weight:800}.page-service .groups a[href="service.php"],.page-service .sheetlinks a[href="service.php"]{background:var(--soft);color:var(--berry);font-weight:800}.page-contact .groups a[href="contact.php"],.page-contact .sheetlinks a[href="contact.php"]{background:var(--soft);color:var(--berry);font-weight:800}.page-about .groups a[href="about.php"],.page-about .sheetlinks a[href="about.php"]{background:var(--soft);color:var(--berry);font-weight:800}.page-terms .groups a[href="terms.php"],.page-terms .sheetlinks a[href="terms.php"]{background:var(--soft);color:var(--berry);font-weight:800}.page-index .groups a[href="index.php"],.page-index .sheetlinks a[href="index.php"]{background:var(--soft);color:var(--berry);font-weight:800}@media(max-width:1080px){.mainnav{grid-template-columns:170px 1fr 250px}.navlinks{gap:15px}.herogrid{grid-template-columns:1.12fr .72fr}.sidecards{grid-column:1/-1;grid-template-columns:1fr 1fr}.magazine{grid-template-columns:1.2fr 1fr;grid-template-areas:"main a" "main b" "c d"}.g4{grid-template-columns:repeat(2,1fr)}.footgrid{grid-template-columns:1.2fr repeat(2,1fr)}}
@media(max-width:760px){body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.shell{width:min(calc(100% - 32px),var(--max))}.desk{display:none!important}.mobile.only{display:flex}.toplinks a:first-child{display:none}.mainnav{height:64px;grid-template-columns:1fr auto 1fr}.brand{justify-self:center;font-size:17px}.mark{width:30px;height:30px;border-radius:10px}.hero{padding:42px 0 34px}.herogrid{grid-template-columns:1fr}.hero h1{font-size:44px}.phone{max-width:275px}.sidecards{grid-column:auto;display:flex;overflow-x:auto}.minicard{min-width:80vw}.section{padding:56px 0}.tight{padding:40px 0}.heading{align-items:flex-start;flex-direction:column}.strip{grid-auto-columns:76vw}.magazine{grid-template-columns:1fr;grid-template-areas:"main" "a" "b" "c" "d"}.story.main{min-height:390px}.g2,.g3,.g4,.g6,.split,.footgrid{grid-template-columns:1fr}.pagehero{padding:40px 0 24px}.pagebox{padding:28px 23px}.pagehero h1{font-size:38px}.stack article{padding:22px}.steps article{grid-template-columns:48px 1fr;padding:20px}.footbottom{flex-direction:column;gap:8px}.deskpanel{display:none!important}.mobilesheet{display:block;position:absolute;left:0;right:0;bottom:0;max-height:85vh;overflow:auto;padding:10px 16px calc(18px + env(safe-area-inset-bottom));background:var(--bg);border-radius:28px 28px 0 0;transform:translateY(105%);pointer-events:none;transition:.25s}.mobilesheet.open{transform:none;pointer-events:auto}.handle{width:44px;height:5px;border-radius:99px;background:#d9c9d1;margin:3px auto}.sheetlinks{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sheetlinks a{min-height:48px;display:flex;align-items:center;padding:10px 14px;background:#fff;border:1px solid var(--border);border-radius:15px}.bottomnav{position:fixed;left:0;right:0;bottom:0;z-index:180;height:calc(66px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:rgba(255,255,255,.97);border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(5,1fr)}.bottomnav a{min-height:66px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);font-size:18px;line-height:1}.bottomnav a span{font-size:12px;margin-top:4px}.bottomnav a.on{color:var(--pink);font-weight:800}.overlay{z-index:400}.footer{padding-bottom:28px}}
@media(max-width:420px){.sheetlinks{grid-template-columns:1fr}.hero h1{font-size:40px}.heroactions .btn{width:100%}.strip{grid-auto-columns:84vw}.plain,.try{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.btn:hover{transform:none}}