*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#F4F6FF;color:#2E2A3A;font:15px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input{font:inherit}.rain-edge{position:fixed;z-index:120;left:0;top:0;width:6px;height:100vh;background:linear-gradient(#E07070 0 20%,#E0B050 20% 40%,#70C090 40% 60%,#70A8D8 60% 80%,#A080D0 80%);pointer-events:none}.site-fixed-header{position:fixed;z-index:100;top:0;left:0;right:0;background:#FBFBFF;box-shadow:0 1px 0 rgba(30,26,42,.08)}.top-strip{height:20px;border-bottom:1px solid rgba(30,26,42,.06)}.top-inner,.brand-inner,.primary-ring,.site-main,.footer-inner{max-width:980px;margin:0 auto}.top-inner{height:20px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:12px;color:#5A5668}.text-button,.menu-button,.close-button{border:0;background:transparent;color:#2E2A3A;cursor:pointer;min-height:44px}.text-button{min-height:20px;padding:0 3px;font-size:12px}.brand-bar{height:54px;border-bottom:1px solid rgba(160,128,208,.35)}.brand-inner{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.brand-link{display:flex;align-items:center;min-height:44px}.brand-logo,.footer-logo,.menu-brand img{height:24px;width:auto;object-fit:contain;object-position:center}.brand-fallback{font-size:16px;font-weight:800;color:#1E1A2A}.brand-actions{display:flex;align-items:center;gap:6px}.header-app-link,.menu-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 13px;border-radius:9px;font-size:14px}.header-app-link{background:linear-gradient(90deg,#70A8D8 0%,#A080D0 100%);color:#FBFBFF}.menu-button{border:1px solid rgba(160,128,208,.48);background:#FBFBFF}.primary-ring{height:52px;display:flex;align-items:center;justify-content:center;gap:28px;padding:0 16px}.ring-link{display:flex;align-items:center;gap:7px;min-height:44px;font-size:13px}.ring-num{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#1E1A2A;border:2px solid transparent;font-size:12px;font-weight:800}.ring-link.is-current .ring-num{border-color:#1E1A2A}.coral{background:#E07070}.gold{background:#E0B050}.mint{background:#70C090}.sky{background:#70A8D8}.violet{background:#A080D0}.site-main{padding:156px 16px 56px;min-height:70vh}.page-wrap{display:grid;gap:28px}.hero-simple{padding:24px 0 6px}.eyebrow{font-size:12px;color:#7A7688;margin:0 0 8px}.hero-simple h1,.intro-index h1{font-size:24px;line-height:1.3;color:#1E1A2A;margin:0 0 12px}.hero-simple p,.intro-index p{max-width:760px;margin:0;color:#5A5668}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.btn-primary,.btn-secondary{height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;border-radius:9px;font-size:14px;font-weight:700;white-space:nowrap}.btn-primary{background:linear-gradient(90deg,#70A8D8 0%,#A080D0 100%);color:#FBFBFF}.btn-secondary{background:#FBFBFF;border:1px solid #A080D0;color:#2E2A3A}.btn-primary:hover,.header-app-link:hover{filter:brightness(.97)}.btn-secondary:hover,.menu-button:hover{background:#EEF0FA}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid rgba(112,168,216,.55);outline-offset:2px}.panel{background:#FBFBFF;border:1px solid rgba(30,26,42,.12);border-radius:11px;box-shadow:0 12px 28px rgba(30,26,42,.08);padding:22px}.panel h2,.section-head h2{font-size:20px;line-height:1.4;margin:0 0 10px;color:#1E1A2A}.panel h3{font-size:16px;margin:20px 0 8px;color:#1E1A2A}.panel p{margin:0 0 12px}.media-slot{min-height:130px;background:#FBFBFF;border:1px solid rgba(30,26,42,.12);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}.media-slot img{width:100%;height:100%;object-fit:contain;object-position:center}.media-wide{height:176px}.media-app{height:300px;max-width:520px;margin:0 auto}.media-banner{height:200px}.media-square{height:220px}.media-short{height:160px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:14px}.section-head p{margin:0;color:#7A7688;font-size:13px}.index-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.index-nav a{display:inline-flex;align-items:center;min-height:40px;padding:0 12px;border-radius:999px;background:#EEF0FA;border:1px solid rgba(30,26,42,.12);font-size:13px}.intro-index{padding:10px 0 8px}.intro-index .lead{font-size:18px;color:#1E1A2A;font-weight:700;margin-bottom:8px}.slash-block{position:relative;overflow:hidden;border-radius:11px;background:#FBFBFF;border:1px solid rgba(30,26,42,.12);min-height:250px;padding:24px 42% 24px 24px}.slash-media{position:absolute;right:-4%;top:14px;width:44%;transform:skewX(-7deg);overflow:hidden}.slash-media .media-slot{transform:skewX(7deg)}.timeline{position:relative;padding-left:28px}.timeline:before{content:"";position:absolute;left:8px;top:7px;bottom:7px;width:2px;background:#E4E8F6}.timeline-item{position:relative;padding:0 0 24px}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";position:absolute;left:-25px;top:7px;width:10px;height:10px;border-radius:50%;background:#A080D0;box-shadow:0 0 0 4px #EEF0FA}.timeline-item h3{margin:0 0 6px}.timeline-item p{margin:0}.timeline-media{margin:10px 0 12px;max-width:520px}.ring-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ring-card{position:relative;background:#FBFBFF;border:1px solid rgba(30,26,42,.12);border-radius:50% 12px 12px 12px;padding:24px;min-height:220px}.ring-card h3{margin:0 0 8px}.two-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.status-list{display:grid;gap:10px}.status-row{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center;background:#FBFBFF;border:1px solid rgba(30,26,42,.12);border-radius:10px;padding:14px}.status-pill{display:inline-flex;justify-content:center;align-items:center;min-height:34px;border-radius:999px;background:#EEF0FA;font-size:13px;font-weight:700}.period-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.period-box{background:#FBFBFF;border:1px solid rgba(30,26,42,.12);border-top:5px solid #70A8D8;border-radius:10px;padding:18px}.period-box:nth-child(2){border-top-color:#70C090}.period-box:nth-child(3){border-top-color:#A080D0}.read-list{display:grid;gap:12px}.read-row{display:grid;grid-template-columns:120px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid rgba(30,26,42,.12)}.read-row:last-child{border-bottom:0}.read-row h3{margin:0}.read-row p{margin:0}.method-steps{counter-reset:method;display:grid;gap:14px}.method-step{counter-increment:method;background:#FBFBFF;border:1px solid rgba(30,26,42,.12);border-radius:10px;padding:18px 18px 18px 58px;position:relative}.method-step:before{content:counter(method);position:absolute;left:16px;top:17px;width:28px;height:28px;border-radius:50%;background:#E4E8F6;display:flex;align-items:center;justify-content:center;font-weight:800}.topic-list{display:grid;gap:14px}.topic-item{background:#FBFBFF;border:1px solid rgba(30,26,42,.12);border-radius:10px;padding:20px}.topic-item h2{font-size:20px;margin:0 0 8px}.center-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:780px;margin:0 auto}.center-card{text-align:center;background:#FBFBFF;border:1px solid rgba(30,26,42,.12);border-radius:12px;padding:24px}.center-card h2{font-size:20px;margin:0 0 8px}.single-flow{display:grid;gap:18px}.single-flow article{padding:0 0 18px;border-bottom:1px solid rgba(30,26,42,.12)}.single-flow article:last-child{border-bottom:0}.single-flow h2{font-size:20px;margin:0 0 8px}.check-list{display:grid;gap:12px}.check-item{background:#FBFBFF;border-left:5px solid #70C090;border-radius:0 10px 10px 0;padding:16px 18px;box-shadow:0 12px 28px rgba(30,26,42,.05)}.check-item:nth-child(2n){border-left-color:#70A8D8}.check-item h2{font-size:18px;margin:0 0 6px}.terms{display:grid;gap:18px}.term-section{background:#FBFBFF;border:1px solid rgba(30,26,42,.12);border-radius:10px;padding:20px}.term-section h2{font-size:20px;margin:0 0 10px}.term-section p:last-child{margin-bottom:0}.faq-list{display:grid;gap:12px}.faq-item{background:#FBFBFF;border:1px solid rgba(30,26,42,.12);border-radius:10px;padding:18px}.faq-item h2{font-size:17px;margin:0 0 8px}.faq-item p{margin:0}.contact-lanes{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.contact-lane{background:#FBFBFF;border:1px solid rgba(30,26,42,.12);border-radius:10px;padding:20px}.contact-lane h2{font-size:19px;margin:0 0 8px}.about-banner{margin:4px 0 22px}.app-stack{text-align:center}.app-icons{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;max-width:560px;margin:0 auto 18px}.app-icon-small{width:72px;height:72px;margin:0 auto}.app-copy{text-align:left;max-width:760px;margin:0 auto}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.service-card{background:#FBFBFF;border:1px solid rgba(30,26,42,.12);border-radius:10px;padding:18px}.service-card h2{font-size:18px;margin:0 0 8px}.drop-menu{position:fixed;z-index:130;top:0;left:0;right:0;background:#FBFBFF;border-bottom:1px solid rgba(160,128,208,.48);box-shadow:0 12px 28px rgba(30,26,42,.16);min-height:28vh;max-height:70vh;overflow:auto;padding:14px 16px 18px;transform:translateY(-110%);visibility:hidden;pointer-events:none;transition:transform .22s ease,visibility .22s}.drop-menu.is-open{transform:translateY(0);visibility:visible;pointer-events:auto}.drop-menu-head,.drop-menu-grid{max-width:980px;margin:0 auto}.drop-menu-head{display:flex;align-items:center;justify-content:space-between}.menu-brand{min-height:44px;display:flex;align-items:center;gap:10px;font-weight:800}.drop-menu-grid{display:grid;grid-template-columns:1.2fr 1.2fr .8fr 1.4fr;gap:18px}.drop-menu-grid h2{font-size:13px;margin:4px 0 8px;color:#7A7688}.drop-menu-grid a{display:block;padding:6px 0;border-bottom:1px solid rgba(30,26,42,.07)}.drop-menu-grid b{display:block;font-size:13px}.drop-menu-grid span{display:block;font-size:11px;color:#7A7688;line-height:1.45;margin-top:2px}.overlay{position:fixed;inset:0;z-index:110;background:rgba(30,26,42,.28);opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.search-panel{position:fixed;z-index:140;top:74px;left:0;right:0;visibility:hidden;pointer-events:none}.search-panel.is-open{visibility:visible;pointer-events:auto}.search-card{max-width:680px;margin:0 auto;background:#FBFBFF;border:1px solid rgba(160,128,208,.48);border-radius:0 0 12px 12px;box-shadow:0 12px 28px rgba(30,26,42,.15);padding:20px}.search-head{display:flex;align-items:center;justify-content:space-between}.search-head h2{font-size:20px;margin:0}.search-card p{margin:0 0 12px;color:#5A5668}.search-form label{display:block;font-size:12px;color:#7A7688;margin-bottom:5px}.search-form input{width:100%;height:44px;border:1px solid rgba(30,26,42,.18);border-radius:9px;padding:0 12px;background:#FBFBFF;color:#2E2A3A}.search-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.search-presets a{min-height:38px;display:inline-flex;align-items:center;padding:0 11px;border:1px solid rgba(30,26,42,.12);border-radius:999px;background:#EEF0FA}.search-results{display:grid;gap:6px;margin-top:8px;color:#5A5668}.search-results a{display:block;padding:10px;border-radius:8px;background:#EEF0FA}.modal-open{overflow:hidden}.mobile-bottom{display:none}.site-footer{background:#1E1A2A;color:#F4F6FF;border-left:6px solid transparent;border-image:linear-gradient(#E07070,#E0B050,#70C090,#70A8D8,#A080D0) 1}.footer-inner{padding:34px 16px 22px}.footer-brand-link{display:inline-flex;align-items:center;gap:12px}.footer-brand-link span{display:grid}.footer-brand-link strong{font-size:16px}.footer-brand-link small{font-size:11px;color:#c9c6d3}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:26px 0}.footer-grid h2{font-size:13px;color:#c9c6d3;margin:0 0 8px}.footer-grid a{display:block;font-size:13px;padding:3px 0}.footer-notice,.copyright{font-size:13px;color:#d9d7e2;margin:0 0 8px}.copyright{color:#a9a6b7;margin-bottom:0}
@media (max-width:760px){body{padding-bottom:calc(48px + env(safe-area-inset-bottom))}.rain-edge{width:4px}.primary-ring{display:none}.site-main{padding-top:100px;padding-left:16px;padding-right:16px;padding-bottom:42px}.brand-inner,.top-inner{padding-left:16px;padding-right:16px}.mini-brand{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-app-link,.menu-button{padding:0 10px}.slash-block{padding:198px 18px 18px;min-height:auto}.slash-media{top:14px;left:14px;right:14px;width:auto;transform:none}.slash-media .media-slot{transform:none}.ring-cards,.two-cards,.period-grid,.center-cards,.service-grid,.contact-lanes{grid-template-columns:1fr}.ring-card{border-radius:12px}.status-row,.read-row{grid-template-columns:1fr}.media-app{height:280px}.drop-menu{max-height:72vh;min-height:48vh}.drop-menu-grid{grid-template-columns:1fr 1fr}.search-panel{top:0;bottom:0;background:#1E1A2A;padding:16px}.search-card{height:100%;max-width:none;border-radius:12px;background:#1E1A2A;color:#F4F6FF;border-color:rgba(255,255,255,.18)}.search-card p,.search-form label{color:#d4d1df}.search-form input{background:#FBFBFF;color:#2E2A3A}.search-presets a,.search-results a{background:#2b263a;border-color:rgba(255,255,255,.14);color:#F4F6FF}.close-button{color:inherit}.mobile-bottom{position:fixed;z-index:105;left:0;right:0;bottom:0;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);background:#FBFBFF;border-top:1px solid rgba(30,26,42,.12)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;min-height:48px;font-size:13px}.mobile-bottom a.is-current{background:#A080D0;color:#FBFBFF}.footer-grid{grid-template-columns:1fr 1fr}.site-footer{margin-bottom:0}.section-head{align-items:flex-start;flex-direction:column}.app-icon-small{width:64px;height:64px}}
@media (max-width:480px){.drop-menu-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:18px}.brand-actions{gap:3px}.header-app-link,.menu-button{font-size:13px}.hero-simple h1,.intro-index h1{font-size:24px}}

.spaced-top{margin-top:16px}.centered-hero{text-align:center}.centered-hero p{margin-left:auto;margin-right:auto}