:root{--bg:#fff9fc;--paper:#fff;--pink-soft:#fff1f6;--purple-soft:#f6f3ff;--gray-soft:#f8f6f7;--ink:#31262c;--text:#51454c;--muted:#7c6e75;--light:#a2949b;--pink:#ff5c98;--berry:#d9467b;--peach:#ff96ad;--purple:#8b74e8;--purple-deep:#6250b0;--line:rgba(255,92,152,.15);--shadow:0 14px 38px rgba(70,44,58,.08);--shadow-strong:0 20px 48px rgba(217,70,123,.14);--radius:24px;--header-h:82px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;line-height:1.75;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.shell{width:min(1220px,calc(100% - 40px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:16px;top:-70px;z-index:1000;background:var(--ink);color:#fff;padding:10px 16px;border-radius:10px}.skip-link:focus{top:10px}.site-header{position:fixed;inset:0 0 auto;z-index:90;height:var(--header-h);background:rgba(255,249,252,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.desktop-nav{height:100%;display:grid;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:22px}.nav-wing{display:flex;align-items:center;gap:8px}.nav-right{justify-content:flex-end}.nav-wing a{min-height:44px;display:flex;align-items:center;padding:0 14px;border-radius:999px;color:var(--muted);font-size:15px;font-weight:650;white-space:nowrap}.nav-wing a:hover,.nav-wing a:focus-visible,.nav-wing a.is-active{background:var(--pink-soft);color:var(--berry)}.brand-logo{display:inline-flex;align-items:center;justify-content:center;min-height:48px;position:relative;z-index:2}.brand-logo img,.footer-logo img{display:block;max-width:154px;height:auto}.word-logo{font-size:23px;font-weight:900;letter-spacing:-1px;color:var(--ink);white-space:nowrap}.word-logo span{color:var(--pink)}.round-menu{width:46px;height:46px;padding:0;border:1px solid var(--line);background:#fff;border-radius:50%;display:grid;place-content:center;gap:4px;cursor:pointer;box-shadow:0 7px 22px rgba(70,44,58,.06);position:relative;z-index:5}.round-menu span{display:block;width:18px;height:2px;background:var(--ink);border-radius:10px}.round-menu:hover,.round-menu:focus-visible{border-color:var(--pink);outline:none;box-shadow:0 0 0 4px rgba(255,92,152,.12)}.mobile-head{display:none;height:100%;align-items:center;justify-content:space-between}.mobile-actions{display:flex;align-items:center;gap:9px}.mini-experience{min-height:44px;display:flex;align-items:center;padding:0 18px;border-radius:999px;background:linear-gradient(135deg,var(--peach),var(--pink),var(--purple));color:#fff;font-weight:800;box-shadow:0 8px 22px rgba(217,70,123,.2)}main{padding-top:var(--header-h)}.section{padding:78px 0}.section-sm{padding:54px 0}.section-soft{background:var(--pink-soft)}.section-purple{background:var(--purple-soft)}.section-paper{background:var(--paper)}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--berry);font-weight:850;letter-spacing:.08em;font-size:13px;text-transform:uppercase}.eyebrow:before{content:"";width:24px;height:2px;background:linear-gradient(90deg,var(--pink),var(--purple));border-radius:4px}h1,h2,h3{color:var(--ink);line-height:1.28;margin-top:0}h1{font-size:clamp(38px,5.4vw,72px);letter-spacing:-.055em;margin-bottom:22px}h2{font-size:clamp(28px,3.5vw,46px);letter-spacing:-.035em;margin-bottom:18px}h3{font-size:20px;margin-bottom:10px}.lead{font-size:18px;color:var(--muted);max-width:790px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.section-head p{max-width:650px;margin:0;color:var(--muted)}.btn-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{min-height:50px;padding:0 24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:850;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--peach) 0%,var(--pink) 50%,var(--purple) 100%);color:#fff;box-shadow:0 14px 30px rgba(217,70,123,.22)}.btn-secondary{background:#fff;border:1px solid var(--line);color:var(--berry)}.btn:hover{transform:translateY(-2px)}.text-link{display:inline-flex;align-items:center;gap:7px;color:var(--berry);font-weight:800}.text-link:after{content:"→"}.text-link:hover,.text-link:focus-visible{color:var(--purple-deep)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid rgba(139,116,232,.35);outline-offset:3px}
.hero{padding:58px 0 72px;min-height:720px;display:flex;align-items:center;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}.hero:before{width:460px;height:460px;background:radial-gradient(circle,rgba(255,150,173,.28),rgba(255,241,246,0) 68%);left:-120px;top:10px}.hero:after{width:520px;height:520px;background:radial-gradient(circle,rgba(139,116,232,.2),rgba(246,243,255,0) 70%);right:-170px;bottom:-150px}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:.82fr 1.7fr .82fr;gap:30px;align-items:center}.hero-center{text-align:center}.hero-center .lead{margin-inline:auto}.hero-note{background:rgba(255,255,255,.78);border:1px solid var(--line);padding:28px;border-radius:var(--radius);box-shadow:var(--shadow)}.hero-note p{margin:0;color:var(--muted)}.hero-visual{grid-column:1/-1;margin-top:26px;min-height:270px;border-radius:32px;overflow:hidden;position:relative;background:linear-gradient(125deg,#fff 0%,#fff1f6 38%,#f6f3ff 100%);border:1px solid var(--line);box-shadow:var(--shadow-strong);display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center;padding:34px}.visual-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow);position:relative}.visual-card:nth-child(1){transform:rotate(-4deg)}.visual-card:nth-child(3){transform:rotate(4deg)}.visual-phone{width:190px;height:230px;margin:auto;border:9px solid var(--ink);border-radius:32px;background:linear-gradient(180deg,#fff,#fff1f6);padding:18px;box-shadow:0 24px 45px rgba(49,38,44,.17)}.visual-phone:before{content:"";display:block;width:64px;height:7px;border-radius:99px;background:var(--ink);margin:0 auto 22px}.visual-lines span{display:block;height:10px;background:var(--pink-soft);border-radius:20px;margin:11px 0}.visual-lines span:nth-child(2){width:70%;background:var(--purple-soft)}.visual-lines span:nth-child(3){width:88%}.content-index{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.index-item{background:#fff;padding:24px 20px;border-radius:20px;border:1px solid var(--line);min-height:190px;display:flex;flex-direction:column;box-shadow:0 10px 28px rgba(70,44,58,.05)}.index-item b{font-size:18px;color:var(--ink)}.index-item p{font-size:14px;color:var(--muted);flex:1}.index-item:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.story-feature{display:grid;grid-template-columns:1.3fr .7fr;gap:24px}.featured-story{border-radius:30px;padding:38px;background:linear-gradient(145deg,#fff,#fff1f6);border:1px solid var(--line);box-shadow:var(--shadow)}.story-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}.small-story{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px}.tag{display:inline-flex;padding:5px 10px;border-radius:999px;background:var(--purple-soft);color:var(--purple-deep);font-size:12px;font-weight:800;margin-bottom:12px}.grid-2,.grid-3,.grid-4{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 var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 12px 34px rgba(70,44,58,.055)}.card p:last-child{margin-bottom:0}.media-card{padding:0;overflow:hidden}.media-art{height:180px;position:relative;background:linear-gradient(145deg,var(--pink-soft),var(--purple-soft));overflow:hidden}.media-art:before,.media-art:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.7)}.media-art:before{width:130px;height:130px;left:20px;top:28px}.media-art:after{width:190px;height:190px;right:-20px;bottom:-90px}.media-art i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-style:normal;font-size:54px;z-index:2}.media-body{padding:24px}.interest-cloud{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}.interest-pill{border:1px solid var(--line);border-radius:18px;padding:20px;background:#fff}.interest-pill strong{display:block;color:var(--ink);font-size:18px}.topic-stack{display:grid;gap:15px}.topic-row{display:grid;grid-template-columns:78px 1fr auto;gap:18px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px}.topic-number{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,var(--pink-soft),var(--purple-soft));color:var(--berry);font-size:22px;font-weight:900}.journal-board{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:stretch}.journal-paper{background:#fff;border:1px solid var(--line);border-radius:28px;padding:40px;box-shadow:var(--shadow);background-image:linear-gradient(rgba(255,92,152,.06) 1px,transparent 1px);background-size:100% 34px}.journal-list{display:grid;gap:16px}.journal-item{background:var(--purple-soft);border-radius:22px;padding:25px}.app-showcase{display:grid;grid-template-columns:1.15fr .85fr;gap:46px;align-items:center}.phone-mock{max-width:390px;margin:auto;padding:18px;border-radius:44px;background:var(--ink);box-shadow:0 30px 55px rgba(49,38,44,.24)}.phone-screen{min-height:540px;border-radius:30px;background:linear-gradient(180deg,#fff,#fff1f6);padding:28px 20px}.phone-screen .mini-card{background:#fff;border:1px solid var(--line);padding:18px;border-radius:18px;margin:14px 0}.principle-list{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.principle{background:#fff;border-top:4px solid var(--pink);border-radius:18px;padding:23px;border-left:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.split-feature{display:grid;grid-template-columns:1fr 1fr;gap:24px}.feature-pane{border-radius:28px;padding:36px;background:#fff;border:1px solid var(--line)}.feature-pane.purple{background:var(--purple-soft)}.feedback-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.quote-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;position:relative}.quote-card:before{content:"“";position:absolute;right:20px;top:2px;font-size:66px;color:rgba(255,92,152,.14);font-family:Georgia,serif}.faq-list{display:grid;gap:12px}.faq-list details{background:#fff;border:1px solid var(--line);border-radius:17px;padding:0 20px}.faq-list summary{list-style:none;cursor:pointer;min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--ink);font-weight:800}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"＋";font-size:22px;color:var(--pink)}.faq-list details[open] summary:after{content:"－"}.faq-list details p{margin:0 0 20px;color:var(--muted)}
.page-hero{padding:72px 0 56px;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;width:430px;height:430px;border-radius:50%;right:-140px;top:-170px;background:radial-gradient(circle,rgba(255,150,173,.26),rgba(255,249,252,0));pointer-events:none}.page-hero .shell{position:relative;z-index:1}.page-hero h1{max-width:900px}.page-hero .lead{max-width:850px}.bread{display:flex;gap:8px;align-items:center;color:var(--light);font-size:14px;margin-bottom:20px}.bread a{color:var(--berry)}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:34px;align-items:start}.article-main{display:grid;gap:20px}.article-block{background:#fff;border:1px solid var(--line);border-radius:26px;padding:34px;box-shadow:0 12px 34px rgba(70,44,58,.05)}.article-block.alt{background:var(--pink-soft)}.article-block.purple{background:var(--purple-soft)}.article-block ul,.check-list{padding-left:20px}.article-block li{margin:8px 0}.side-nav{position:sticky;top:105px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow)}.side-nav h2{font-size:18px}.side-nav a{display:flex;min-height:44px;align-items:center;border-bottom:1px solid rgba(255,92,152,.08);color:var(--muted)}.side-nav a:hover{color:var(--berry)}.step-list{counter-reset:steps;display:grid;gap:16px}.step{counter-increment:steps;display:grid;grid-template-columns:54px 1fr;gap:18px}.step:before{content:counter(steps);width:54px;height:54px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,var(--pink),var(--purple));color:#fff;font-weight:900}.timeline{display:grid;gap:0}.timeline-item{position:relative;padding:0 0 28px 36px;border-left:2px solid rgba(255,92,152,.2)}.timeline-item:before{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:var(--pink);left:-8px;top:6px;box-shadow:0 0 0 6px var(--pink-soft)}.timeline-item:last-child{padding-bottom:0}.notice-strip{padding:22px 26px;border-radius:18px;background:linear-gradient(100deg,var(--pink-soft),var(--purple-soft));border:1px solid var(--line)}.related-links{display:flex;flex-wrap:wrap;gap:10px}.related-links a{min-height:44px;display:flex;align-items:center;padding:0 16px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--berry);font-weight:750}.service-ending{text-align:center;padding:48px 24px;border-radius:30px;background:linear-gradient(135deg,#fff1f6,#f6f3ff);border:1px solid var(--line)}.service-ending p{max-width:760px;margin-inline:auto}.site-footer{background:#30252b;color:#ffeaf2;padding:64px 0 110px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:34px}.footer-brand p{color:rgba(255,234,242,.72);max-width:270px}.footer-logo .word-logo{color:#fff}.footer-grid nav h2{font-size:16px;color:#fff;margin-bottom:14px}.footer-grid nav a{display:block;color:rgba(255,234,242,.72);padding:5px 0}.footer-grid nav a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:38px;padding-top:24px;display:flex;justify-content:space-between;gap:30px;color:rgba(255,234,242,.68);font-size:13px}.footer-bottom p{margin:0}.menu-mask{position:fixed;inset:0;background:rgba(49,38,44,.36);z-index:95;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease}.menu-mask.is-open{opacity:1;visibility:visible;pointer-events:auto}.channel-panel{position:fixed;z-index:100;left:0;right:0;top:var(--header-h);max-height:calc(100vh - var(--header-h) - 18px);overflow:auto;background:rgba(255,255,255,.98);border-bottom:1px solid var(--line);box-shadow:var(--shadow-strong);transform:translateY(-18px);opacity:0;visibility:hidden;pointer-events:none;transition:.25s ease}.channel-panel.is-open{transform:none;opacity:1;visibility:visible;pointer-events:auto}.channel-head{display:flex;align-items:center;justify-content:space-between;padding-top:20px}.channel-head strong{font-size:20px;color:var(--ink)}.channel-head button,.mobile-menu-head button{border:0;background:var(--pink-soft);color:var(--berry);width:44px;height:44px;border-radius:50%;font-size:27px;cursor:pointer}.channel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-block:18px 30px}.channel-grid>div{padding-right:10px}.channel-grid h2{font-size:15px;color:var(--berry);margin:0 0 8px}.channel-grid a{display:block;padding:10px;border-radius:14px}.channel-grid a:hover{background:var(--pink-soft)}.channel-grid b{display:block;color:var(--ink)}.channel-grid span{display:block;color:var(--muted);font-size:13px;line-height:1.5}.mobile-menu{position:fixed;z-index:105;top:0;right:0;bottom:0;width:min(88vw,390px);background:#fff;transform:translateX(105%);visibility:hidden;pointer-events:none;transition:transform .28s ease,visibility .28s ease;box-shadow:-20px 0 48px rgba(49,38,44,.15);overflow-y:auto;overscroll-behavior:contain}.mobile-menu.is-open{transform:none;visibility:visible;pointer-events:auto}.mobile-menu-head{position:sticky;top:0;background:rgba(255,255,255,.96);z-index:2;display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--line)}.mobile-menu nav{padding:10px 16px 30px}.mobile-menu nav a{min-height:50px;display:flex;align-items:center;padding:0 14px;border-bottom:1px solid rgba(255,92,152,.09);color:var(--ink);font-weight:700}.mobile-bottom{display:none}
@media(max-width:1050px){.nav-wing a{padding-inline:9px;font-size:14px}.content-index{grid-template-columns:repeat(3,1fr)}.principle-list{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1.5fr repeat(2,1fr)}.footer-brand{grid-row:span 2}.grid-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){:root{--header-h:72px}.shell{width:min(100% - 32px,1220px)}.desktop-nav{display:none}.mobile-head{display:flex}.section{padding:58px 0}.section-sm{padding:42px 0}.hero{padding:42px 0 56px;min-height:auto}.hero-grid{grid-template-columns:1fr}.hero-center{grid-row:1}.hero-note{padding:23px}.hero-visual{grid-column:auto;grid-template-columns:1fr;gap:14px;padding:22px}.visual-card:nth-child(1),.visual-card:nth-child(3){transform:none}.visual-phone{order:-1}.section-head{display:block}.story-feature,.journal-board,.app-showcase,.split-feature,.article-layout{grid-template-columns:1fr}.story-list,.grid-3{grid-template-columns:1fr 1fr}.interest-cloud{grid-template-columns:repeat(2,1fr)}.topic-row{grid-template-columns:58px 1fr}.topic-row .text-link{grid-column:2}.side-nav{position:static}.principle-list{grid-template-columns:1fr 1fr}.feedback-grid{grid-template-columns:1fr 1fr}.channel-panel{display:none}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1;grid-row:auto}.footer-bottom{display:block}.footer-bottom p+p{margin-top:12px}.site-footer{padding-bottom:120px}.mobile-bottom{position:fixed;z-index:80;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));height:66px;padding:6px;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,255,255,.95);border:1px solid var(--line);border-radius:22px;box-shadow:0 12px 38px rgba(49,38,44,.16);backdrop-filter:blur(16px)}.mobile-bottom a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border-radius:16px;font-size:12px;color:var(--muted);min-width:0}.mobile-bottom a span{font-size:19px;line-height:1}.mobile-bottom a.is-active{background:linear-gradient(135deg,var(--pink-soft),var(--purple-soft));color:var(--berry);font-weight:850}}
@media(max-width:560px){h1{font-size:42px}.lead{font-size:16px}.content-index,.story-list,.grid-2,.grid-3,.grid-4,.principle-list,.feedback-grid,.footer-grid{grid-template-columns:1fr}.hero-visual{min-height:auto}.visual-card:nth-child(3){display:none}.content-index{gap:10px}.index-item{min-height:auto}.interest-cloud{grid-template-columns:1fr}.topic-row{grid-template-columns:48px 1fr;padding:20px}.topic-number{width:46px;height:46px;border-radius:14px}.article-block{padding:26px 22px}.page-hero{padding:52px 0 38px}.phone-screen{min-height:470px}.footer-grid nav{border-top:1px solid rgba(255,255,255,.08);padding-top:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.btn:hover,.index-item:hover{transform:none}}