*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#F7EFF8;color:#4A2260;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;line-height:1.75;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{font:inherit}.wrap{width:min(1100px,calc(100% - 32px));margin:0 auto}.site-top{position:fixed;z-index:50;top:0;left:0;right:0}.circle-strip{height:22px;background:#24102E;color:#F3D8F0;font-size:12px}.strip-inner{height:22px;display:flex;align-items:center;justify-content:space-between}.strip-brand{letter-spacing:.08em}.text-control{border:0;background:transparent;color:#F3D8F0;min-height:22px;padding:0 4px;cursor:pointer}.brand-bar{height:72px;background:#F7EFF8;border-bottom:1px solid rgba(123,75,179,.12)}.brand-inner{height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.round-control{justify-self:start;width:48px;height:48px;border-radius:50%;border:1px solid rgba(123,75,179,.22);background:#fff;color:#3A1548;cursor:pointer}.brand-center{display:flex;align-items:center;justify-content:center;gap:10px;min-width:160px;color:#3A1548}.brand-orb{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#E07BB8,#C45BA8,#7B4BB3);color:#fff;font-weight:800}.brand-logo{max-height:36px;width:auto}.brand-center strong{font-size:24px;letter-spacing:.08em}.app-link{justify-self:end;display:inline-flex;min-height:44px;align-items:center;padding:0 14px;border-radius:999px;background:#fff;color:#3A1548;border:1px solid rgba(123,75,179,.18)}.mouth-bar{height:44px;background:#fff;border-bottom:1px solid rgba(123,75,179,.18)}.mouth-inner{height:44px;display:flex;align-items:center;justify-content:center;gap:30px}.mouth-link{position:relative;font-size:14px;color:#6E4A7A}.mouth-link.is-current{color:#3A1548;font-weight:700}.mouth-link.is-current:before{content:"";position:absolute;left:50%;top:-7px;transform:translateX(-50%);width:7px;height:7px;border-radius:50%;background:#C45BA8}.page-main{padding-top:158px}.section{padding:64px 0}.section-tight{padding:42px 0}.surface{background:#fff}.deep-surface{background:#EED8EE}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#7B4BB3;font-size:13px;font-weight:700;letter-spacing:.08em}.eyebrow:before{content:"";width:18px;height:2px;background:#C9A24A}.hero-copy{max-width:780px}.hero-copy h1,.page-hero h1{margin:10px 0 14px;color:#3A1548;font-size:clamp(28px,4vw,32px);line-height:1.25}.hero-copy p,.page-hero p{font-size:16px;color:#6E4A7A}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:999px;font-weight:700}.btn-primary{background:linear-gradient(135deg,#E07BB8 0%,#C45BA8 50%,#7B4BB3 100%);color:#fff}.btn-secondary{background:#fff;color:#3A1548;border:1px solid rgba(123,75,179,.22)}.circle-heart{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:36px}.circle-visual{width:min(320px,72vw);aspect-ratio:1;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 35% 30%,#fff 0,#EED8EE 46%,#E5CBE7 100%);border:8px solid rgba(255,255,255,.8);box-shadow:0 14px 34px rgba(58,21,72,.08)}.circle-visual img{width:100%;height:100%;object-fit:cover}.mini-stack{display:grid;gap:12px}.mini-card{background:#fff;border:1px solid rgba(123,75,179,.18);border-radius:18px;padding:16px}.mini-card h3{margin:0 0 4px;color:#3A1548;font-size:16px}.mini-card p{margin:0;color:#6E4A7A;font-size:14px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid rgba(123,75,179,.18);border-radius:20px;padding:22px;box-shadow:0 14px 34px rgba(58,21,72,.06)}.card h2,.card h3{margin:0 0 8px;color:#3A1548}.card p{margin:0;color:#6E4A7A}.card .dot{width:10px;height:10px;border-radius:50%;margin-bottom:14px;background:#C45BA8}.card:nth-child(3n+2) .dot{background:#7B4BB3}.card:nth-child(3n) .dot{background:#C9A24A}.media-card{overflow:hidden;padding:0}.media-slot{aspect-ratio:16/10;background:#EED8EE;overflow:hidden}.media-slot.round{aspect-ratio:1;border-radius:50%;max-width:280px;margin:auto}.media-slot img{width:100%;height:100%;object-fit:cover}.media-body{padding:22px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}.section-head h2{margin:4px 0 0;color:#3A1548;font-size:26px}.section-head p{max-width:650px;margin:0;color:#6E4A7A}.number-list{display:grid;gap:12px}.number-item{display:grid;grid-template-columns:54px 1fr;gap:14px;background:#fff;border-radius:18px;border:1px solid rgba(123,75,179,.16);padding:18px}.number-item b{font-size:24px;color:#C45BA8}.number-item h3{margin:0 0 4px;color:#3A1548}.number-item p{margin:0;color:#6E4A7A}.directory{display:grid;gap:12px}.directory a,.directory article{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:14px;background:#fff;border:1px solid rgba(123,75,179,.18);padding:16px 18px;border-radius:16px}.directory strong{color:#3A1548}.directory span{color:#6E4A7A;font-size:14px}.directory em{font-style:normal;color:#C45BA8}.six-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.six-grid a,.six-grid article{min-height:150px;background:#fff;border-radius:18px;border:1px solid rgba(123,75,179,.18);padding:20px}.six-grid h3{margin:0 0 8px;color:#3A1548}.six-grid p{margin:0;color:#6E4A7A}.big-pick{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.big-pick article{background:#fff;border-radius:18px;padding:18px;border:1px solid rgba(123,75,179,.18)}.big-pick b{display:block;font-size:36px;line-height:1;color:#C45BA8}.big-pick h3{margin:12px 0 6px;color:#3A1548;font-size:16px}.big-pick p{margin:0;color:#6E4A7A;font-size:14px}.timeline{position:relative;display:grid;gap:18px;padding-left:30px}.timeline:before{content:"";position:absolute;left:9px;top:8px;bottom:8px;width:2px;background:rgba(123,75,179,.18)}.timeline article{position:relative;background:#fff;border:1px solid rgba(123,75,179,.18);border-radius:18px;padding:18px}.timeline article:before{content:"";position:absolute;left:-27px;top:25px;width:14px;height:14px;border:3px solid #F7EFF8;border-radius:50%;background:#C45BA8}.status{display:inline-flex;padding:4px 10px;border-radius:999px;background:#EED8EE;color:#3A1548;font-size:13px;font-weight:700}.page-hero{padding:52px 0 28px}.page-hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:34px}.page-cover{aspect-ratio:4/3;background:#EED8EE;border-radius:22px;overflow:hidden}.page-cover.round{aspect-ratio:1;border-radius:50%}.page-cover img{width:100%;height:100%;object-fit:cover}.prose{max-width:820px}.prose h2{margin:34px 0 10px;color:#3A1548;font-size:23px}.prose h3{margin:24px 0 8px;color:#3A1548;font-size:18px}.prose p{margin:0 0 16px;color:#4A2260}.prose ul{padding-left:22px}.prose li{margin:8px 0}.note{border-left:4px solid #C9A24A;background:#fff;border-radius:0 18px 18px 0;padding:18px 20px;color:#6E4A7A}.index-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.index-list a,.index-list article{background:#fff;border:1px solid rgba(123,75,179,.18);border-radius:18px;padding:18px}.index-list h3{margin:0 0 6px;color:#3A1548}.index-list p{margin:0;color:#6E4A7A}.steps{counter-reset:step;display:grid;gap:14px}.steps article{counter-increment:step;display:grid;grid-template-columns:60px 1fr;gap:16px;background:#fff;border-radius:18px;padding:20px;border:1px solid rgba(123,75,179,.18)}.steps article:before{content:counter(step,decimal-leading-zero);font-size:28px;color:#C45BA8;font-weight:800}.terms article{background:#fff;border:1px solid rgba(123,75,179,.18);border-radius:18px;padding:22px;margin:0 0 14px}.terms h2{margin:0 0 8px;color:#3A1548}.faq-list{display:grid;gap:14px}.faq-list article{background:#fff;border:1px solid rgba(123,75,179,.18);border-radius:18px;padding:22px}.faq-list h2{font-size:18px;margin:0 0 8px;color:#3A1548}.faq-list p{margin:0;color:#4A2260}.app-showcase{display:grid;grid-template-columns:280px 1fr;gap:34px;align-items:center}.phone-shell{border:8px solid #24102E;border-radius:36px;padding:10px;background:#fff;box-shadow:0 14px 34px rgba(58,21,72,.08)}.phone-screen{aspect-ratio:9/18;background:#EED8EE;border-radius:24px;overflow:hidden}.phone-screen img{width:100%;height:100%;object-fit:cover}.app-mark{display:flex;align-items:center;gap:12px;margin-bottom:12px}.app-mark img{width:58px;height:58px;border-radius:16px}.site-footer{background:#24102E;color:#F3D8F0;padding:50px 0 calc(26px + env(safe-area-inset-bottom));margin-top:54px}.footer-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:26px}.footer-grid h2{font-size:15px;margin:0 0 10px;color:#fff}.footer-grid nav a{display:block;color:#F3D8F0;opacity:.9;margin:7px 0;font-size:14px}.footer-brand p{font-size:14px;max-width:340px;opacity:.88}.footer-logo-line{display:flex;align-items:center;gap:12px}.footer-logo-line img{max-height:34px;width:auto;filter:brightness(0) invert(1)}.footer-logo-line span{display:flex;flex-direction:column}.footer-logo-line small{font-size:11px;letter-spacing:.12em}.copyright{margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);font-size:13px;opacity:.8}.overlay{position:fixed;z-index:70;inset:0;background:rgba(36,16,46,.42);opacity:0;pointer-events:none;transition:.2s}.overlay.is-active{opacity:1;pointer-events:auto}.circle-panel,.search-layer{position:fixed;z-index:80;visibility:hidden;pointer-events:none;opacity:0;transition:.24s}.circle-panel{top:108px;left:50%;transform:translate(-50%,-24px);width:min(720px,94%);max-height:calc(100vh - 126px);overflow:auto;background:#F7EFF8;border:1px solid rgba(123,75,179,.18);border-radius:28px;padding:20px;box-shadow:0 22px 70px rgba(36,16,46,.2)}.circle-panel.is-open{visibility:visible;pointer-events:auto;opacity:1;transform:translate(-50%,0)}.panel-head,.search-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.panel-brand{display:flex;align-items:center;gap:10px}.panel-brand img{max-height:34px;width:auto}.panel-brand span{display:flex;flex-direction:column}.panel-brand small{font-size:10px;letter-spacing:.12em}.close-control{min-height:44px;padding:0 14px;border:1px solid rgba(123,75,179,.18);border-radius:999px;background:#fff;color:#3A1548;cursor:pointer}.panel-groups{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:16px}.panel-groups section{background:#fff;border-radius:20px;padding:16px}.panel-groups h2{font-size:14px;margin:0 0 8px;color:#7B4BB3}.panel-groups a{display:block;padding:10px 0;border-top:1px solid rgba(123,75,179,.10)}.panel-groups a:first-of-type{border-top:0}.panel-groups strong{display:block;color:#3A1548}.panel-groups span{display:block;color:#6E4A7A;font-size:12px}.search-layer{top:108px;left:50%;transform:translateX(-50%);width:min(720px,94%);background:#F7EFF8;border-radius:0 0 24px 24px;padding:22px;box-shadow:0 22px 70px rgba(36,16,46,.18)}.search-layer.is-open{visibility:visible;pointer-events:auto;opacity:1}.search-head span{display:block;color:#6E4A7A;font-size:13px}.search-visual{margin:18px 0;background:#fff;border:1px solid rgba(123,75,179,.18);border-radius:18px;padding:18px;display:flex;gap:12px;align-items:center}.search-visual>span{font-size:28px;color:#C45BA8}.search-visual p{margin:0;color:#6E4A7A}.search-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.search-presets a{display:flex;align-items:center;justify-content:center;min-height:44px;background:#fff;border:1px solid rgba(123,75,179,.18);border-radius:999px;color:#3A1548}.mobile-nav{display:none}.is-locked{overflow:hidden}.btn:hover,.app-link:hover,.mouth-link:hover,.card a:hover,.directory a:hover,.search-presets a:hover{filter:brightness(.98)}a:focus-visible,button:focus-visible{outline:3px solid rgba(196,91,168,.42);outline-offset:3px}.muted{color:#967A9E}.kicker{color:#C45BA8;font-weight:800}.quote{font-size:22px;line-height:1.55;color:#3A1548;padding:24px;background:#fff;border-radius:20px;border:1px solid rgba(123,75,179,.18)}
@media(max-width:820px){.mouth-bar{display:none}.page-main{padding-top:94px}.circle-heart{grid-template-columns:1fr}.mini-stack{grid-template-columns:repeat(3,1fr);order:2}.circle-visual{order:1;justify-self:center}.hero-copy{order:3}.page-hero .wrap{grid-template-columns:1fr}.page-cover{max-width:420px;width:100%}.card-grid,.six-grid{grid-template-columns:1fr 1fr}.big-pick{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.app-showcase{grid-template-columns:220px 1fr}.circle-panel,.search-layer{top:94px}.search-presets{grid-template-columns:1fr 1fr}}
@media(max-width:620px){body{padding-bottom:calc(50px + env(safe-area-inset-bottom))}.wrap{width:min(100% - 32px,1100px)}.brand-inner{grid-template-columns:68px minmax(0,1fr) 82px}.brand-center{min-width:0;gap:7px}.brand-center strong{font-size:21px}.brand-logo{max-width:132px}.round-control{width:48px;height:48px}.app-link{padding:0 10px;font-size:14px}.section{padding:48px 0}.circle-heart{gap:22px}.mini-stack{grid-template-columns:1fr}.card-grid,.six-grid,.index-list,.big-pick{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.directory a,.directory article{grid-template-columns:40px 1fr}.directory em{grid-column:2}.app-showcase{grid-template-columns:1fr}.phone-shell{max-width:250px;margin:auto}.footer-grid{grid-template-columns:1fr 1fr;gap:20px}.site-footer{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.mobile-nav{position:fixed;z-index:60;left:0;right:0;bottom:0;height:calc(50px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(5,1fr);background:rgba(255,255,255,.98);border-top:1px solid rgba(123,75,179,.18)}.mobile-nav a{display:flex;align-items:center;justify-content:center;min-height:50px;font-size:12px;color:#6E4A7A}.mobile-nav a.is-current{color:#C45BA8;font-weight:800}.circle-panel{top:94px;width:94%;max-height:calc(100vh - 110px);border-radius:24px}.panel-groups{grid-template-columns:1fr}.search-layer{inset:94px 0 0 0;transform:none;width:100%;border-radius:0;overflow:auto}.search-presets{grid-template-columns:1fr}.overlay{z-index:55}.circle-panel,.search-layer{z-index:80}.mobile-nav{z-index:50}}
/* 扩大导航与控制项的实际触控区域，同时保持既定视觉高度 */
.strip-brand,.text-control{display:flex;align-items:center;min-height:44px;margin-top:-11px;margin-bottom:-11px}
.text-control{padding-left:8px;padding-right:8px}
.mouth-link{display:flex;align-items:center;min-height:44px}
.site-footer nav a{display:flex;align-items:center;min-height:44px;margin:0}
.panel-groups a{min-height:44px}