*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#F4F6FF;color:#2E2A3A;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.skip-link{position:fixed;left:12px;top:-60px;z-index:9999;background:#1E1A2A;color:#FBFBFF;padding:10px 14px;border-radius:8px}.skip-link:focus{top:10px}.rainbow-rail{position:fixed;left:0;top:0;bottom:0;width:6px;z-index:1500;display:flex;flex-direction:column}.rainbow-rail span{flex:1}.rainbow-rail span:nth-child(1),.footer-accent span:nth-child(1){background:#E07070}.rainbow-rail span:nth-child(2),.footer-accent span:nth-child(2){background:#E0B050}.rainbow-rail span:nth-child(3),.footer-accent span:nth-child(3){background:#70C090}.rainbow-rail span:nth-child(4),.footer-accent span:nth-child(4){background:#70A8D8}.rainbow-rail span:nth-child(5),.footer-accent span:nth-child(5){background:#A080D0}.top-strip{position:fixed;left:6px;right:0;top:0;height:20px;background:#FBFBFF;z-index:1100;border-bottom:1px solid rgba(30,26,42,.08)}.top-strip-inner{max-width:980px;height:20px;margin:auto;padding:0 18px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#5A5668}.text-button{border:0;background:transparent;min-height:20px}.site-header{position:fixed;left:6px;right:0;top:20px;height:54px;background:#FBFBFF;z-index:1090;border-bottom:1px solid rgba(160,128,208,.48)}.site-header-inner{max-width:980px;height:54px;margin:auto;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand-link{display:flex;align-items:center;min-height:44px}.brand-logo,.menu-logo,.footer-logo{height:24px;width:auto;max-width:160px;object-fit:contain;object-position:center}.brand-fallback{font-size:16px;font-weight:800;color:#1E1A2A}.header-actions{display:flex;align-items:center;gap:8px}.app-link,.menu-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:10px;font-size:14px}.app-link{background:linear-gradient(90deg,#70A8D8 0%,#A080D0 100%);color:#FBFBFF}.menu-button{border:1px solid rgba(160,128,208,.48);background:#FBFBFF;gap:8px}.menu-button i,.menu-button i:before,.menu-button i:after{content:"";display:block;width:16px;height:1px;background:#1E1A2A;position:relative}.menu-button i:before{position:absolute;top:-5px}.menu-button i:after{position:absolute;top:5px}.circle-nav{position:fixed;left:6px;right:0;top:74px;height:52px;background:#FBFBFF;z-index:1080;border-bottom:1px solid rgba(30,26,42,.12)}.circle-nav-inner{max-width:760px;height:52px;margin:auto;display:flex;align-items:center;justify-content:space-around;padding:0 16px}.circle-nav-item{display:flex;align-items:center;gap:7px;min-height:44px;font-size:13px;color:#5A5668}.circle-number{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#1E1A2A;font-size:12px;border:1px solid rgba(30,26,42,.12)}.tone-coral{background:#E07070}.tone-gold{background:#E0B050}.tone-mint{background:#70C090}.tone-sky{background:#70A8D8}.tone-violet{background:#A080D0}.circle-nav-item.is-current .circle-number{outline:2px solid #1E1A2A;outline-offset:2px}.site-main{padding:154px 16px 64px;min-height:70vh}.container{width:min(980px,100%);margin:auto}.content-shell,.page-hero{background:#FBFBFF;border:1px solid rgba(30,26,42,.12);border-radius:12px;box-shadow:0 12px 28px rgba(30,26,42,.08);padding:28px}.eyebrow{font-size:12px;color:#7A7688;letter-spacing:.08em}h1,h2,h3{color:#1E1A2A;margin:0 0 12px}h1{font-size:24px;line-height:1.3}h2{font-size:20px}h3{font-size:16px}p{margin:0 0 16px}.lead{font-size:16px;color:#5A5668;max-width:760px}.section{margin-top:28px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}.section-head p{margin:0;color:#7A7688;max-width:560px}.btn-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.btn{min-height:42px;padding:0 16px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:14px}.btn-primary{background:linear-gradient(90deg,#70A8D8 0%,#A080D0 100%);color:#FBFBFF}.btn-secondary{background:#FBFBFF;color:#1E1A2A;border:1px solid rgba(160,128,208,.48)}.btn:hover,.app-link:hover{filter:brightness(.98);transform:translateY(-1px)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid rgba(160,128,208,.48);outline-offset:2px}.image-slot{background:#FBFBFF;border:1px dashed rgba(30,26,42,.12);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}.image-slot img{width:100%;height:100%;object-fit:contain;object-position:center}.image-slot.banner{height:200px}.image-slot.app-visual{height:min(320px,52vw);min-height:220px}.image-slot.medium{height:220px}.image-slot.compact{height:176px}.index-ring{display:flex;flex-wrap:wrap;gap:8px}.index-ring a{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#EEF0FA;font-size:13px}.diagonal-feature,.slash-layout{position:relative;overflow:hidden;min-height:260px;background:#FBFBFF;border:1px solid rgba(30,26,42,.12);border-radius:12px}.diagonal-copy,.slash-copy{position:relative;z-index:2;width:58%;padding:28px}.diagonal-visual,.slash-visual{position:absolute;right:0;top:0;width:48%;height:176px;clip-path:polygon(24% 0,100% 0,100% 100%,0 100%);background:#EEF0FA;padding-left:10%}.diagonal-visual .image-slot,.slash-visual .image-slot{height:100%;border:0;border-radius:0}.timeline{position:relative;margin-left:12px;padding-left:26px;border-left:2px solid #E4E8F6}.timeline-item{position:relative;padding:0 0 24px}.timeline-item:before{content:"";position:absolute;left:-33px;top:5px;width:12px;height:12px;border-radius:50%;background:#A080D0;border:3px solid #FBFBFF;box-shadow:0 0 0 1px rgba(30,26,42,.12)}.ring-cards,.info-grid,.center-cards,.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ring-card,.info-card,.center-card,.contact-card,.method-item,.topic-item,.memo-item,.policy-item,.help-item,.faq-item,.single-flow article{background:#FBFBFF;border:1px solid rgba(30,26,42,.12);border-radius:10px;padding:20px}.ring-card{position:relative;overflow:hidden}.ring-card:before{content:"";position:absolute;width:84px;height:84px;border-radius:50%;border:12px solid rgba(112,168,216,.16);right:-20px;top:-20px}.tri-row,.period-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tri-card,.period-card{background:#EEF0FA;border-radius:10px;padding:18px}.period-card{background:#FBFBFF;border:1px solid rgba(30,26,42,.12)}.period-card:nth-child(1){border-top:4px solid #E07070}.period-card:nth-child(2){border-top:4px solid #70A8D8}.period-card:nth-child(3){border-top:4px solid #A080D0}.status-list,.method-list,.topic-list,.memo-list,.policy-list,.help-list,.faq-list,.single-flow,.brand-statement{display:grid;gap:14px}.status-row{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center;padding:14px;background:#FBFBFF;border:1px solid rgba(30,26,42,.12);border-radius:10px}.status-track{height:8px;border-radius:999px;background:#E4E8F6;overflow:hidden}.status-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#70A8D8,#A080D0)}.memo-item{border-left:4px solid #70C090}.center-card{text-align:center}.app-layout{display:grid;gap:20px;max-width:760px;margin:auto}.app-icon-line{display:flex;justify-content:center}.app-icon-line .image-slot{width:64px;height:64px}.page-hero.with-visual{display:grid;grid-template-columns:1fr 310px;gap:24px;align-items:center}.terms section{padding:20px 0;border-top:1px solid rgba(30,26,42,.12)}.terms section:first-child{border-top:0}.brand-statement section{padding:20px;background:#FBFBFF;border:1px solid rgba(30,26,42,.12);border-radius:10px}.search-panel,.menu-panel{position:fixed;left:6px;right:0;z-index:1300;visibility:hidden;pointer-events:none;opacity:0;transition:.18s}.search-panel{top:74px;background:#FBFBFF;border-bottom:1px solid rgba(30,26,42,.12);transform:translateY(-8px)}.search-panel.is-open,.menu-panel.is-open{visibility:visible;pointer-events:auto;opacity:1;transform:translateY(0)}.search-panel-inner{max-width:820px;margin:auto;padding:20px}.search-heading,.menu-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.panel-close{min-width:44px;min-height:44px;border:1px solid rgba(160,128,208,.48);background:#FBFBFF;border-radius:10px}.search-input-wrap{display:block;margin-top:14px}.search-input-wrap input{width:100%;min-height:46px;border:1px solid rgba(30,26,42,.12);border-radius:10px;padding:0 14px;background:#F4F6FF}.search-presets{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.search-presets a{padding:8px 12px;background:#EEF0FA;border-radius:999px}.menu-panel{top:20px;background:#FBFBFF;transform:translateY(-18px);max-height:28vh;overflow:auto;border-bottom:1px solid rgba(30,26,42,.12)}.menu-panel-inner{max-width:980px;margin:auto;padding:14px 18px 18px}.menu-brand{display:flex;align-items:center;gap:10px}.menu-brand div{display:grid}.menu-brand span,.menu-groups span{font-size:11px;color:#7A7688}.menu-groups{display:grid;grid-template-columns:1.15fr 1.15fr .9fr 1.5fr;gap:18px}.menu-groups h2{font-size:13px;margin-bottom:8px}.menu-groups a{display:grid;padding:5px 0}.menu-groups strong{font-size:13px}.page-overlay{position:fixed;inset:0;background:rgba(30,26,42,.38);z-index:1250;visibility:hidden;pointer-events:none;opacity:0;transition:.18s}.page-overlay.is-open{visibility:visible;pointer-events:auto;opacity:1}body.panel-open{overflow:hidden}.site-footer{position:relative;background:#1E1A2A;color:#F4F6FF;margin-left:6px}.footer-accent{position:absolute;left:0;top:0;bottom:0;width:6px;display:flex;flex-direction:column}.footer-accent span{flex:1}.footer-inner{max-width:980px;margin:auto;padding:34px 20px 28px;font-size:13px}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand div{display:grid}.footer-brand span{font-size:12px;color:#c7c5d0}.footer-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:22px}.footer-links h2{font-size:13px;color:#F4F6FF}.footer-links a{display:block;color:#d8d6e1;padding:3px 0}.footer-notice{margin-top:24px;color:#c7c5d0}.footer-copy{margin-bottom:0;color:#9e9baa}.mobile-bottom{display:none}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:760px){.circle-nav{display:none}.site-main{padding:98px 16px calc(78px + env(safe-area-inset-bottom))}.site-header-inner,.top-strip-inner{padding:0 16px}.menu-button span{display:none}.menu-button{width:44px;padding:0}.brand-logo{max-width:120px}.content-shell,.page-hero{padding:20px}.ring-cards,.info-grid,.center-cards,.contact-grid,.page-hero.with-visual{grid-template-columns:1fr}.tri-row,.period-grid{grid-template-columns:1fr}.diagonal-feature,.slash-layout{padding-top:150px}.diagonal-copy,.slash-copy{width:100%;padding:20px}.diagonal-visual,.slash-visual{width:100%;height:150px;clip-path:polygon(0 0,100% 0,100% 82%,20% 100%,0 100%)}.status-row{grid-template-columns:1fr}.menu-panel{max-height:72vh}.menu-groups{grid-template-columns:1fr 1fr}.menu-groups a span{display:none}.search-panel{top:0;bottom:0;background:#1E1A2A;color:#F4F6FF}.search-panel-inner{padding:86px 16px 20px}.search-panel .panel-close{background:#2E2A3A;color:#F4F6FF}.search-presets a{background:#2E2A3A;color:#F4F6FF}.mobile-bottom{position:fixed;left:6px;right:0;bottom:0;z-index:1070;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}.site-footer{padding-bottom:calc(48px + env(safe-area-inset-bottom))}.footer-links{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.menu-groups{grid-template-columns:1fr}}