:root{--bg:#FFF7FB;--white:#FFFFFF;--soft-pink:#FFF0F6;--soft-purple:#F6F1FF;--title:#332631;--text:#514451;--muted:#807080;--pink:#FF629F;--deep-pink:#E94D8E;--peach:#FF9BBC;--purple:#936BFF;--border:rgba(255,98,159,.16);--footer:#30232D;--footer-text:#FFEAF3;--shadow:0 16px 40px rgba(92,53,77,.08);--radius:24px;--max:1220px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;line-height:1.75}body.drawer-open{overflow:hidden}a{color:inherit;text-decoration:none;pointer-events:auto}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%;height:auto;display:block}.skip-link{position:fixed;left:16px;top:-100px;z-index:1200;background:var(--title);color:white;padding:10px 14px;border-radius:12px}.skip-link:focus{top:12px}.site-header{position:fixed;top:0;left:0;right:0;z-index:700;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);box-shadow:0 8px 28px rgba(73,45,62,.06)}.header-inner{width:min(calc(100% - 40px),1260px);height:76px;margin:0 auto;display:flex;align-items:center;gap:24px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;min-height:44px;flex:0 0 auto}.brand-mark img{max-height:44px;width:auto;object-fit:contain}.brand-text{font-weight:900;font-size:24px;letter-spacing:-.5px;color:var(--title)}.main-nav{display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;min-width:0;flex:1}.main-nav a{min-height:44px;display:flex;align-items:center;padding:0 14px;border-radius:14px;font-size:15px;font-weight:650;color:#655566}.main-nav a:hover,.main-nav a:focus-visible{background:var(--soft-pink);color:var(--deep-pink)}.main-nav a.is-active{background:var(--soft-purple);color:var(--purple);box-shadow:inset 0 0 0 1px rgba(147,107,255,.14)}.header-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;background:linear-gradient(135deg,#FF9BBC 0%,#FF629F 50%,#936BFF 100%);color:#fff;font-weight:800;box-shadow:0 10px 24px rgba(233,77,142,.18);white-space:nowrap;border:0}.btn:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(233,77,142,.22)}.btn:focus-visible,.text-link:focus-visible,.menu-button:focus-visible,.drawer-close:focus-visible,.main-nav a:focus-visible,.mobile-bottom-nav a:focus-visible{outline:3px solid rgba(147,107,255,.32);outline-offset:3px}.btn-small{min-height:44px;padding:0 18px;font-size:14px}.btn-secondary{background:#fff;color:var(--deep-pink);border:1px solid var(--border);box-shadow:none}.menu-button{min-height:44px;min-width:64px;padding:0 12px;border-radius:14px;border:1px solid var(--border);background:#fff;color:var(--title);font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.menu-button i,.menu-button i::before,.menu-button i::after{display:block;width:16px;height:2px;background:currentColor;border-radius:2px;content:"";position:relative}.menu-button i::before{position:absolute;top:-5px;left:0}.menu-button i::after{position:absolute;top:5px;left:0}.mobile-header{display:none}.drawer-overlay{position:fixed;inset:0;z-index:800;background:rgba(48,35,45,.38);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}.drawer-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.site-drawer{position:fixed;top:0;right:0;bottom:0;z-index:900;width:min(400px,88vw);background:#fff;box-shadow:-24px 0 64px rgba(48,35,45,.2);transform:translateX(104%);opacity:0;visibility:hidden;pointer-events:none;transition:transform .24s ease,opacity .24s ease,visibility .24s ease;overflow-y:auto;padding:20px}.site-drawer.is-open{transform:translateX(0);opacity:1;visibility:visible;pointer-events:auto}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:14px;border-bottom:1px solid var(--border)}.drawer-close{width:44px;height:44px;border-radius:50%;border:1px solid var(--border);background:var(--soft-pink);font-size:28px;color:var(--title);cursor:pointer}.drawer-nav{display:grid;gap:4px;padding:12px 0}.drawer-nav a{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 14px;border-radius:14px;font-weight:650}.drawer-nav a:hover{background:var(--soft-pink);color:var(--deep-pink)}.drawer-note{margin-top:14px;padding:16px;border-radius:18px;background:var(--soft-purple);color:#685d70;font-size:14px}.page-shell{padding-top:76px}.container{width:min(calc(100% - 40px),var(--max));margin:0 auto}.section{padding:72px 0}.section-tight{padding:48px 0}.section-soft{background:linear-gradient(180deg,rgba(255,240,246,.78),rgba(246,241,255,.52))}.section-white{background:#fff}.eyebrow{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;background:var(--soft-pink);color:var(--deep-pink);font-size:13px;font-weight:800;letter-spacing:.03em}.hero{position:relative;overflow:hidden;padding:82px 0 64px}.hero::before,.hero::after{content:"";position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.hero::before{width:340px;height:340px;right:-100px;top:40px;background:radial-gradient(circle,rgba(255,155,188,.28),rgba(255,155,188,0) 68%)}.hero::after{width:280px;height:280px;left:-110px;bottom:-70px;background:radial-gradient(circle,rgba(147,107,255,.16),rgba(147,107,255,0) 70%)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:52px;align-items:center}.hero h1,.inner-hero h1{margin:14px 0 16px;color:var(--title);line-height:1.08;letter-spacing:-1.5px;font-size:clamp(44px,6vw,76px)}.hero .lead{font-size:clamp(20px,2.5vw,30px);color:#514451;font-weight:800;line-height:1.4;margin:0 0 16px}.hero p,.inner-hero p{font-size:17px;color:#6d5e6b;max-width:760px}.hero-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:28px}.text-link{display:inline-flex;align-items:center;min-height:44px;color:var(--deep-pink);font-weight:800}.text-link:hover{color:var(--purple)}.hero-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.hero-points span{display:inline-flex;align-items:center;min-height:38px;padding:0 13px;border-radius:999px;background:#fff;border:1px solid var(--border);font-size:14px;font-weight:700}.visual-card{position:relative;min-height:360px;border-radius:36px;background:linear-gradient(155deg,#fff 0%,#FFF0F6 46%,#F6F1FF 100%);border:1px solid var(--border);box-shadow:var(--shadow);padding:26px;display:flex;align-items:center;justify-content:center;overflow:hidden}.visual-orbit{width:230px;height:230px;border-radius:50%;background:linear-gradient(135deg,rgba(255,155,188,.38),rgba(147,107,255,.22));display:grid;place-items:center;position:relative}.visual-orbit::before{content:"";width:130px;height:200px;border-radius:28px;background:#fff;box-shadow:0 18px 42px rgba(82,49,70,.12);border:6px solid rgba(51,38,49,.08)}.visual-orbit::after{content:"生活 · 兴趣 · 交流";position:absolute;bottom:26px;background:#fff;padding:8px 12px;border-radius:999px;color:var(--deep-pink);font-size:12px;font-weight:850;box-shadow:0 8px 20px rgba(82,49,70,.08)}.section-heading{max-width:820px;margin-bottom:30px}.section-heading h2{font-size:clamp(30px,4vw,48px);line-height:1.2;color:var(--title);margin:10px 0 12px;letter-spacing:-.8px}.section-heading p{margin:0;color:var(--muted);font-size:16px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:0 12px 30px rgba(82,49,70,.055)}.card h3{margin:0 0 10px;color:var(--title);font-size:21px;line-height:1.35}.card p{margin:0;color:#6e5f6c}.card .text-link{margin-top:10px}.icon-dot{width:42px;height:42px;border-radius:15px;background:linear-gradient(135deg,var(--soft-pink),var(--soft-purple));display:grid;place-items:center;color:var(--pink);font-weight:900;margin-bottom:14px;border:1px solid var(--border)}.channel-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.channel-card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:18px;min-height:176px;display:flex;flex-direction:column}.channel-card h3{font-size:18px;margin:0 0 8px;color:var(--title)}.channel-card p{font-size:14px;color:#746473;margin:0 0 10px}.channel-card .text-link{margin-top:auto;font-size:14px}.masonry-like{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.masonry-like .life-card{grid-column:span 3}.masonry-like .life-card:nth-child(3n+1){grid-column:span 4}.masonry-like .life-card:nth-child(4n+2){grid-column:span 5}.life-card{min-height:180px;background:#fff;border:1px solid var(--border);border-radius:24px;padding:22px;box-shadow:0 10px 24px rgba(82,49,70,.045)}.life-card h3{margin:0 0 8px;color:var(--title);font-size:20px}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.tag{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;background:var(--soft-purple);border-radius:999px;color:#7058ad;font-size:12px;font-weight:750}.split{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start}.split-panel{background:#fff;border:1px solid var(--border);border-radius:30px;padding:30px}.split-panel h2,.split-panel h3{color:var(--title);margin-top:0}.feature-list{display:grid;gap:14px}.feature-list article{padding:16px 18px;border-radius:18px;background:var(--soft-pink)}.feature-list article:nth-child(even){background:var(--soft-purple)}.feature-list h3{margin:0 0 6px;font-size:18px}.notice{padding:24px 26px;border-radius:24px;background:linear-gradient(135deg,#FFF0F6,#F6F1FF);border:1px solid var(--border)}.notice h2,.notice h3{margin-top:0;color:var(--title)}.notice p:last-child{margin-bottom:0}.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.quote-card{background:#fff;border:1px solid var(--border);border-radius:22px;padding:22px}.quote-card strong{display:block;color:var(--deep-pink);margin-bottom:8px}.faq-list{display:grid;gap:12px}.faq-list details{background:#fff;border:1px solid var(--border);border-radius:18px;padding:0 18px}.faq-list summary{cursor:pointer;min-height:58px;display:flex;align-items:center;color:var(--title);font-weight:800;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"＋";margin-left:auto;color:var(--pink);font-size:20px}.faq-list details[open] summary::after{content:"－"}.faq-list details p{margin:0;padding:0 0 18px;color:#6c5e6a}.inner-hero{padding:70px 0 44px;background:linear-gradient(180deg,rgba(255,240,246,.72),rgba(255,247,251,.2));position:relative;overflow:hidden}.inner-hero::after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-110px;top:-90px;background:radial-gradient(circle,rgba(147,107,255,.16),rgba(147,107,255,0) 70%);pointer-events:none}.inner-hero h1{font-size:clamp(38px,5vw,62px);max-width:880px}.inner-hero .lead{font-size:18px;max-width:820px}.content-band{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:start}.content-band .prose{font-size:16px}.prose h2{color:var(--title);font-size:30px;line-height:1.25;margin:0 0 14px}.prose h3{color:var(--title);font-size:21px;margin:26px 0 8px}.prose p{margin:0 0 16px}.side-index{position:sticky;top:102px;background:#fff;border:1px solid var(--border);border-radius:24px;padding:22px}.side-index h2{font-size:18px;margin:0 0 10px;color:var(--title)}.side-index a,.side-index .quick-item{display:flex;align-items:center;min-height:42px;border-bottom:1px solid rgba(255,98,159,.09);font-size:14px;color:#6d5f6c}.side-index a:last-child,.side-index .quick-item:last-child{border-bottom:0}.timeline{display:grid;gap:16px}.timeline article{position:relative;padding:22px 22px 22px 68px;background:#fff;border:1px solid var(--border);border-radius:22px}.timeline article::before{content:attr(data-step);position:absolute;left:20px;top:20px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--soft-purple);color:var(--purple);font-weight:900}.timeline h3{margin:0 0 6px;color:var(--title)}.link-cloud{display:flex;flex-wrap:wrap;gap:10px}.link-cloud a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:14px;background:#fff;border:1px solid var(--border);font-weight:700}.cta{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,#FFF0F6,#F6F1FF);border:1px solid var(--border);border-radius:30px;padding:30px}.cta h2{margin:0 0 8px;color:var(--title);font-size:28px}.cta p{margin:0;color:#6e5f6c}.site-footer{background:var(--footer);color:var(--footer-text);padding:60px 0 28px}.footer-inner{width:min(calc(100% - 40px),var(--max));margin:0 auto}.brand-mark-footer .brand-text{color:#fff}.footer-brand{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:start;padding-bottom:28px;border-bottom:1px solid rgba(255,234,243,.12)}.footer-brand p{margin:6px 0 0;color:rgba(255,234,243,.76);max-width:720px}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:34px 0}.footer-links h2{font-size:15px;color:#fff;margin:0 0 12px}.footer-links a{display:block;min-height:36px;color:rgba(255,234,243,.76);font-size:14px}.footer-links a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:30px;padding-top:20px;border-top:1px solid rgba(255,234,243,.12);font-size:13px;color:rgba(255,234,243,.65)}.footer-bottom p:first-child{max-width:760px}.mobile-bottom-nav{display:none}@media (max-width:1080px){.header-inner{width:min(calc(100% - 28px),1260px);gap:14px}.main-nav a{padding:0 9px;font-size:14px}.channel-grid{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(2,1fr)}.quote-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:820px){.desktop-header{display:none}.mobile-header{display:flex;height:68px;justify-content:space-between;width:calc(100% - 24px)}.mobile-header .menu-button{min-width:56px}.mobile-brand{position:absolute;left:50%;transform:translateX(-50%);max-width:42%}.mobile-brand .brand-text{font-size:21px}.mobile-try{min-width:62px;padding:0 14px;margin-left:auto}.page-shell{padding-top:68px}.container{width:calc(100% - 28px)}.section{padding:56px 0}.hero{padding:56px 0 46px}.hero-grid{grid-template-columns:1fr;gap:30px}.hero h1{font-size:52px}.visual-card{min-height:280px}.grid-3,.grid-2,.split,.content-band{grid-template-columns:1fr}.channel-grid{grid-template-columns:repeat(2,1fr)}.masonry-like{grid-template-columns:1fr}.masonry-like .life-card,.masonry-like .life-card:nth-child(3n+1),.masonry-like .life-card:nth-child(4n+2){grid-column:auto}.side-index{position:static}.quote-grid{grid-template-columns:1fr}.footer-brand{grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(2,1fr)}.footer-bottom{flex-direction:column;gap:8px}.mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:650;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-top:1px solid var(--border);padding:6px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));box-shadow:0 -8px 28px rgba(73,45,62,.07)}.mobile-bottom-nav a{min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:14px;font-size:12px;font-weight:750;color:#756675}.mobile-bottom-nav a span{font-size:17px;line-height:1}.mobile-bottom-nav a.is-active{background:var(--soft-pink);color:var(--deep-pink)}.site-footer{padding-bottom:105px}.cta{align-items:flex-start;flex-direction:column}}@media (max-width:520px){.container{width:calc(100% - 24px)}.hero h1,.inner-hero h1{font-size:42px;letter-spacing:-1px}.hero .lead{font-size:21px}.hero p,.inner-hero p{font-size:15px}.hero-actions{align-items:stretch}.hero-actions .btn{width:100%}.grid-4,.channel-grid,.footer-links{grid-template-columns:1fr}.card,.split-panel{padding:20px}.section-heading h2{font-size:31px}.visual-card{min-height:240px}.visual-orbit{width:190px;height:190px}.visual-orbit::before{width:110px;height:168px}.cta{padding:24px}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.btn:hover{transform:none}}