:root{--bg:#EEF0F8;--deep-bg:#E0E4F2;--panel:#F7F8FD;--sub:#EBEEF8;--title:#1A1840;--text:#2C2A48;--muted:#5A5680;--aux:#7A76A0;--purple:#5B4BDB;--blue:#3A6BD4;--dark:#1C1A3A;--mist:#8AA4E0;--lilac:#8A6AD4;--warm:#F7F8FD;--border:rgba(58,107,212,.18);--strong-border:rgba(91,75,219,.42);--shadow:0 12px 28px rgba(28,26,58,.08);--radius:12px;--max:1000px}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;height:auto}a,button{outline:none}a:focus-visible,button:focus-visible{box-shadow:0 0 0 3px rgba(91,75,219,.22);border-radius:8px}.lock-scroll{overflow:hidden}
.top-address{position:fixed;z-index:70;top:0;left:0;right:0;height:22px;background:var(--dark);color:#F7F8FD;font-size:12px}.top-address-inner,.window-header-inner,.section-tabs-inner,.footer-inner,.site-main{width:min(var(--max),calc(100% - 32px));margin:0 auto}.top-address-inner{height:22px;display:flex;align-items:center;justify-content:space-between;gap:12px}.text-action{border:0;background:transparent;color:#F7F8FD;min-height:22px;padding:0 4px;cursor:pointer}.window-header{position:fixed;z-index:69;top:22px;left:0;right:0;height:54px;background:#EBEEF8;border-bottom:1px solid var(--border)}.window-header-inner{height:54px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px}.brand-link{display:inline-flex;align-items:center;min-height:44px;max-width:max-content}.brand-logo{display:block;height:24px;width:auto;object-fit:contain}.brand-fallback{font-weight:700;font-size:16px;color:var(--title)}.app-entry{justify-self:center;min-height:44px;display:inline-flex;align-items:center;padding:0 16px;border:1px solid var(--strong-border);border-radius:10px;background:var(--panel);font-size:14px}.drawer-open{justify-self:end;border:1px solid var(--strong-border);background:var(--panel);color:var(--title);border-radius:10px;padding:0 14px;min-height:44px;cursor:pointer}.section-tabs{position:fixed;z-index:68;top:76px;left:0;right:0;min-height:42px;background:var(--warm);border-bottom:1px solid var(--border)}.section-tabs-inner{min-height:42px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;padding:5px 0}.section-tabs a{padding:5px 13px;border-radius:999px;color:var(--muted);font-size:13px;min-height:32px;display:flex;align-items:center}.section-tabs a:hover{background:var(--sub)}.section-tabs a.is-current{background:var(--purple);color:#F7F8FD}.site-main{padding-top:146px;padding-bottom:64px;min-height:70vh}h1,h2,h3{color:var(--title);margin-top:0}h1{font-size:24px;line-height:1.3;margin-bottom:12px}h2{font-size:20px;line-height:1.4;margin-bottom:10px}h3{font-size:16px;line-height:1.45;margin-bottom:8px}p{margin:0 0 14px;color:var(--text)}.lead{font-size:16px;color:var(--muted)}.eyebrow{display:inline-flex;align-items:center;min-height:28px;padding:2px 10px;border-radius:999px;background:var(--deep-bg);color:var(--title);font-size:13px;margin-bottom:12px}.hero-shell,.content-section,.legal-section,.product-card,.notice-block{background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.hero-shell,.content-section,.legal-section{padding:24px;margin-bottom:20px}.narrow-window{max-width:760px;margin:0 auto 24px}.media-slot{display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--sub),var(--panel));border:1px solid var(--border);border-radius:12px;overflow:hidden}.media-slot img{width:100%;height:100%;object-fit:contain;object-position:center}.media-banner{height:168px;margin-bottom:18px}.media-wide{height:176px;margin:14px 0 18px}.media-small{height:150px;margin:12px 0}.media-app{height:min(320px,60vw);max-height:320px;margin:0 auto 16px}.media-icon{width:48px;height:48px;border-radius:12px;background:var(--sub);display:flex;align-items:center;justify-content:center}.media-icon img{width:48px;height:48px;object-fit:contain}.primary-btn,.secondary-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:10px;font-size:14px;font-weight:700;white-space:nowrap}.primary-btn{background:linear-gradient(135deg,#8AA4E0 0%,#5B4BDB 55%,#3A6BD4 100%);color:#F7F8FD}.secondary-btn{background:var(--panel);border:1px solid var(--strong-border);color:var(--dark)}.primary-btn:hover,.secondary-btn:hover{transform:translateY(-1px)}.btn-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.longform{max-width:820px;margin:0 auto}.longform p{margin-bottom:16px}.stack-cards{display:grid;gap:14px;margin-top:18px}.stack-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px;box-shadow:var(--shadow)}.stack-card:nth-child(2){margin-left:24px}.tag-wrap{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}.tag-wrap span,.tag-wrap a{display:inline-flex;min-height:36px;align-items:center;padding:0 13px;border-radius:999px;background:var(--deep-bg);color:var(--dark);border:1px solid var(--border)}.split-compare{display:grid;grid-template-columns:1fr 1fr;gap:18px}.split-panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px}.path-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0}.path-row span{padding:8px 12px;background:var(--sub);border:1px solid var(--border);border-radius:10px;color:var(--dark)}.path-row i{font-style:normal;color:var(--aux)}.center-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:760px;margin:0 auto}.center-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:22px;text-align:center}.product-card{max-width:720px;margin:0 auto 20px;padding:24px;text-align:center}.product-head{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.product-card p{text-align:left}.point-list,.tool-list,.memo-list{display:grid;gap:12px;margin:14px 0;padding:0;list-style:none}.point-list li,.tool-list li,.memo-list li{background:var(--sub);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.tool-list li strong,.memo-list li strong{display:block;color:var(--title);margin-bottom:4px}.faq-list{display:grid;gap:12px}.faq-item{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px}.faq-item h2{font-size:16px;margin-bottom:8px}.statement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.statement-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px}.soft-band{background:var(--deep-bg);border-radius:14px;padding:22px;margin-bottom:20px}.deep-band{background:var(--dark);color:#F7F8FD;border-radius:14px;padding:22px;margin-bottom:20px}.deep-band h2,.deep-band h3,.deep-band p{color:#F7F8FD}.quote-note{border-left:4px solid var(--purple);padding:10px 0 10px 16px;color:var(--muted)}
.site-footer{background:var(--dark);color:#EEF0F8;border-top:1px solid rgba(138,164,224,.45);padding:28px 0 calc(30px + env(safe-area-inset-bottom));font-size:13px}.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:18px}.footer-logo{height:24px;width:auto;object-fit:contain}.footer-brand strong,.footer-brand span{display:block;color:#EEF0F8}.footer-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.footer-groups h2{font-size:14px;color:#EEF0F8;margin-bottom:8px}.footer-groups a{display:block;color:#EEF0F8;opacity:.9;padding:4px 0}.footer-note,.copyright{color:#EEF0F8;opacity:.82}.footer-note{margin-top:20px}.overlay{position:fixed;z-index:80;inset:0;background:rgba(28,26,58,.42);opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.overlay.is-active{opacity:1;visibility:visible;pointer-events:auto}.tool-drawer{position:fixed;z-index:90;right:20px;bottom:20px;width:360px;max-height:70vh;background:var(--panel);border:1px solid var(--strong-border);border-radius:14px;box-shadow:0 24px 60px rgba(28,26,58,.24);opacity:0;transform:translateY(16px);visibility:hidden;pointer-events:none;transition:.2s}.tool-drawer.is-open{opacity:1;transform:none;visibility:visible;pointer-events:auto}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:14px;border-bottom:1px solid var(--border)}.drawer-brand{display:flex;align-items:center;gap:10px}.drawer-logo{height:24px;width:auto;object-fit:contain}.drawer-head button,.search-top button{min-height:40px;border:1px solid var(--strong-border);background:var(--sub);color:var(--dark);border-radius:9px;padding:0 12px;cursor:pointer}.drawer-scroll{overflow:auto;max-height:calc(70vh - 70px);padding:14px}.drawer-scroll section+section{margin-top:14px}.drawer-scroll h2{font-size:14px;margin:0 0 8px}.drawer-scroll a{display:block;padding:9px 10px;border-radius:9px}.drawer-scroll a:hover{background:var(--sub)}.drawer-scroll b{display:block;font-size:14px}.drawer-scroll span{display:block;color:var(--muted);font-size:12px}.search-layer{position:fixed;z-index:89;top:76px;left:0;right:0;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:.2s}.search-layer.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:none}.search-card{width:min(760px,calc(100% - 32px));margin:12px auto 0;background:var(--sub);border:1px solid var(--strong-border);border-radius:14px;box-shadow:var(--shadow);padding:18px}.search-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.search-links{display:flex;gap:8px;flex-wrap:wrap}.search-links a{display:inline-flex;align-items:center;min-height:40px;padding:0 13px;border-radius:10px;background:var(--panel);border:1px solid var(--border)}.mobile-bottom{display:none}
@media(max-width:720px){.top-address-inner,.window-header-inner,.footer-inner,.site-main{width:calc(100% - 32px)}.section-tabs{display:none}.site-main{padding-top:100px;padding-bottom:88px}.window-header-inner{grid-template-columns:minmax(0,1fr) auto auto;gap:8px}.brand-link{min-width:0}.brand-fallback{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:128px}.app-entry,.drawer-open{padding:0 10px}.hero-shell,.content-section,.legal-section{padding:18px}.stack-card:nth-child(2){margin-left:0}.split-compare,.center-cards,.statement-grid{grid-template-columns:1fr}.footer-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-drawer{right:4%;bottom:60px;width:92%;max-height:72vh}.drawer-scroll{max-height:calc(72vh - 70px)}.search-layer{top:0;bottom:0;background:var(--dark);display:flex;align-items:flex-start}.search-card{margin:32px 16px;background:var(--dark);border-color:rgba(138,164,224,.45);color:#F7F8FD}.search-card p,.search-top strong{color:#F7F8FD}.search-links a{background:#F7F8FD;color:var(--dark)}.search-top button{background:#F7F8FD}.mobile-bottom{position:fixed;z-index:65;left:0;right:0;bottom:0;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--panel);border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(4,1fr)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;min-height:48px;font-size:13px;color:var(--muted)}.mobile-bottom a.is-current{background:var(--purple);color:#F7F8FD}.site-footer{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.media-banner{height:168px}.media-wide{height:170px}.footer-brand{align-items:flex-start}}
.notice-block{background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:18px;margin-bottom:20px}
