:root{--blue:#1478F2;--bright:#2F8CFF;--deep:#075DC9;--pale:#EDF5FF;--soft:#F7FAFF;--gray:#F5F6F8;--title:#172033;--text:#3E4859;--muted:#6F7A89;--faint:#98A1AF;--border:rgba(20,120,242,.12);--gray-border:rgba(30,50,70,.08);--shadow:0 14px 38px rgba(21,67,118,.08);--blue-shadow:0 16px 42px rgba(20,120,242,.15);--footer:#0B1F38;--shell:min(1280px,calc(100% - 40px))}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","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,input{font:inherit}button{cursor:pointer}.shell{width:var(--shell);margin:auto}.skip-link{position:fixed;top:-80px;left:10px;z-index:500;background:var(--title);color:#fff;padding:10px 14px;border-radius:8px}.skip-link:focus{top:10px}.site-header{position:sticky;top:0;z-index:120;background:rgba(255,255,255,.97);border-bottom:1px solid var(--gray-border);backdrop-filter:blur(12px)}.desktop-nav{height:74px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:10px;min-width:230px}.brand-logo{max-width:132px;max-height:42px;object-fit:contain}.brand-text{font-size:24px;color:var(--blue);font-weight:900}.brand-tag{font-size:12px;color:var(--blue);background:var(--pale);padding:4px 8px;border-radius:999px;white-space:nowrap}.main-nav{display:flex;justify-content:center;gap:2px;white-space:nowrap}.main-nav a,.nav-link-btn{min-height:44px;display:flex;align-items:center;padding:0 11px;border-radius:12px;color:var(--muted);font-size:14px}.main-nav a:hover,.main-nav a.is-current,.nav-link-btn:hover,.nav-link-btn.is-current{color:var(--blue);background:var(--pale)}.nav-actions{display:flex;gap:5px}.icon-btn{min-height:44px;border:0;background:#fff;color:var(--muted);display:flex;align-items:center;gap:7px;padding:0 10px;border-radius:12px}.icon-btn:hover{background:var(--pale);color:var(--blue)}.menu-mark{width:18px;height:16px;display:inline-flex;flex-direction:column;justify-content:space-between}.menu-mark i{height:2px;background:currentColor;border-radius:2px}.search-mark{width:15px;height:15px;border:2px solid currentColor;border-radius:50%;display:inline-block;position:relative}.search-mark:after{content:"";position:absolute;width:7px;height:2px;background:currentColor;right:-6px;bottom:-3px;transform:rotate(45deg)}.mobile-nav{display:none}.site-main{min-height:60vh}.section{padding:70px 0}.section-soft{background:var(--soft)}.section-pale{background:var(--pale)}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--title);line-height:1.28}h1{font-size:clamp(34px,5vw,60px);letter-spacing:-.035em;margin-bottom:18px}h2{font-size:clamp(23px,3vw,34px);margin-bottom:11px}h3{font-size:19px;margin-bottom:8px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-weight:800;font-size:13px;letter-spacing:.06em;margin-bottom:10px}.eyebrow:before{content:"";width:22px;height:3px;border-radius:3px;background:var(--blue)}.lead{font-size:18px;color:var(--muted);max-width:820px}.tag{display:inline-flex;padding:5px 9px;border-radius:999px;background:var(--pale);color:var(--blue);font-size:12px;font-weight:800}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-weight:800;margin-top:8px}.text-link:after{content:"→"}.primary-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:14px;background:linear-gradient(135deg,#3A96FF 0%,#1478F2 55%,#0863D3 100%);color:#fff;font-weight:900;box-shadow:var(--blue-shadow)}.secondary-link{display:inline-flex;align-items:center;min-height:44px;color:var(--blue);font-weight:800}.button-row{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:26px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:28px}.section-head p{max-width:680px;color:var(--muted);margin:0}.image-placeholder{min-height:300px;border-radius:22px;background:linear-gradient(135deg,#EDF5FF,#F7FAFF);border:1px solid var(--border);position:relative;overflow:hidden}.image-placeholder:before,.image-placeholder:after{content:"";position:absolute;border-radius:50%;background:rgba(20,120,242,.1)}.image-placeholder:before{width:240px;height:240px;right:-70px;top:-60px}.image-placeholder:after{width:180px;height:180px;left:-50px;bottom:-80px}.placeholder-word{position:absolute;inset:0;display:grid;place-items:center;color:var(--blue);font-size:clamp(24px,4vw,44px);font-weight:900;letter-spacing:.08em}.page-intro{padding:62px 0 32px;background:linear-gradient(180deg,var(--soft),#fff)}.intro-grid{display:grid;grid-template-columns:1fr .34fr;gap:30px;align-items:end}.intro-note{padding:20px;border:1px solid var(--gray-border);border-radius:18px;background:#fff;color:var(--muted);font-size:14px}.content-card{padding:26px;border:1px solid var(--gray-border);border-radius:20px;background:#fff}.content-card p{margin-bottom:0}.content-card.card-1,.content-card.card-4{background:var(--soft)}.item-note{font-size:13px;color:var(--muted);padding-top:10px;border-top:1px dashed var(--border);margin-top:14px}.layout-editorial{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.layout-editorial .content-card:first-child{grid-row:span 2;background:var(--pale)}.layout-city{display:grid;gap:0}.layout-city .content-card{display:grid;grid-template-columns:180px 1fr;border:0;border-bottom:1px solid var(--gray-border);border-radius:0;padding:28px 0;background:#fff}.layout-city .content-card .tag{width:max-content}.layout-magazine{columns:2 360px;column-gap:18px}.layout-magazine .content-card{break-inside:avoid;margin-bottom:18px}.layout-magazine .content-card:nth-child(3n+1){background:var(--pale)}.layout-interest{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.layout-interest .content-card:nth-child(5n+1){grid-column:span 2;background:var(--pale)}.layout-qa{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.layout-discover{columns:3 260px;column-gap:16px}.layout-discover .content-card{break-inside:avoid;margin-bottom:16px}.layout-guides{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.layout-community{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.layout-notices{display:grid;gap:12px}.layout-notices .content-card{border-left:3px solid var(--blue);border-radius:0 18px 18px 0;background:var(--soft)}.layout-product{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.layout-product .content-card:first-child{grid-column:span 2;background:var(--pale)}.layout-install{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.layout-safety{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.layout-privacy{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.layout-feedback,.layout-contact{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.layout-about{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.route-item{display:grid;grid-template-columns:80px 1fr;gap:22px;padding:24px;border:1px solid var(--gray-border);border-radius:20px;margin-bottom:16px}.route-no{font-size:32px;font-weight:900;color:var(--blue)}.story-row{display:grid;grid-template-columns:150px 1fr;gap:24px;padding:26px 0;border-bottom:1px solid var(--gray-border)}.story-no{font-size:52px;font-weight:900;color:var(--pale)}.topic-row{display:grid;grid-template-columns:.8fr 1.3fr .45fr;gap:24px;padding:28px 0;border-bottom:1px solid var(--gray-border)}.explain-row{padding:0 0 28px;margin-bottom:28px;border-bottom:1px solid var(--gray-border)}.faq-item{padding:18px 0;border-bottom:1px solid var(--gray-border)}.faq-item summary{cursor:pointer;color:var(--title);font-weight:900;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"＋";float:right;color:var(--blue)}.faq-item[open] summary:after{content:"－"}.faq-item p{color:var(--muted);margin:12px 0 0}.hero-editor{padding:38px 0 26px;background:linear-gradient(180deg,var(--soft),#fff)}.editor-grid{display:grid;grid-template-columns:.9fr 1.45fr .9fr;gap:18px}.editor-intro,.editor-side{padding:28px;border:1px solid var(--gray-border);border-radius:22px;background:#fff;box-shadow:var(--shadow)}.editor-intro h1{font-size:clamp(31px,4vw,50px)}.hero-visual{min-height:470px;border-radius:24px;overflow:hidden;background:var(--pale);border:1px solid var(--border);box-shadow:var(--blue-shadow);display:flex;align-items:center}.hero-visual img{width:100%;object-fit:contain}.hero-visual .image-placeholder{width:100%;min-height:470px;border:0;border-radius:0}.mini-entry{display:block;padding:15px 0;border-bottom:1px solid var(--gray-border)}.mini-entry:last-child{border-bottom:0}.mini-entry b{display:block;color:var(--title)}.mini-entry span{font-size:13px;color:var(--muted)}.channel-strip{border-top:1px solid var(--gray-border);border-bottom:1px solid var(--gray-border)}.channel-scroll{display:flex;justify-content:space-between;gap:14px;overflow-x:auto;padding:13px 0;scrollbar-width:none}.channel-scroll::-webkit-scrollbar{display:none}.channel-scroll a{white-space:nowrap;color:var(--muted);font-size:14px;display:flex;align-items:center;gap:8px}.channel-scroll a:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--blue)}.overview-grid{display:grid;grid-template-columns:1.2fr .9fr 1.1fr .8fr;gap:16px}.overview-grid article,.topic-list article,.city-board article,.magazine-grid article,.guide-grid article,.principle-grid article,.service-grid article,.qa-list article,.waterfall article{padding:22px;border:1px solid var(--gray-border);border-radius:18px;background:#fff}.overview-grid article:nth-child(even){background:var(--soft)}.discussion-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:22px}.main-topic{padding:32px;border-radius:24px;background:linear-gradient(145deg,#1478F2,#075DC9);color:#EAF3FF}.main-topic h2{color:#fff}.topic-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.topic-list p{font-size:14px;color:var(--muted)}.city-board{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.magazine-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:16px}.magazine-grid article:first-child{grid-row:span 2;background:var(--pale)}.route-row{display:grid;grid-template-columns:repeat(6,minmax(220px,1fr));gap:14px;overflow-x:auto;padding-bottom:18px}.route-card{padding:22px;border:1px solid var(--border);border-radius:18px;background:#fff}.interest-cloud{display:flex;flex-wrap:wrap;gap:12px}.interest-cloud article{flex:1 1 220px;padding:20px;border:1px solid var(--border);border-radius:18px;background:#fff}.interest-cloud article:nth-child(3n+1){background:var(--pale)}.qa-list{display:grid;gap:12px}.qa-list article{display:grid;grid-template-columns:55px 1fr;gap:18px}.qa-mark{width:48px;height:48px;display:grid;place-items:center;background:var(--pale);color:var(--blue);border-radius:15px;font-weight:900}.story-layout{display:grid;grid-template-columns:1.25fr .9fr;gap:22px}.story-main{padding:30px;border-radius:24px;background:var(--title);color:#EAF3FF}.story-main h2{color:#fff}.story-list{display:grid;gap:12px}.story-list article{padding:20px;border:1px solid var(--gray-border);border-radius:18px}.waterfall{columns:3 260px;column-gap:16px}.waterfall article{break-inside:avoid;margin-bottom:16px}.guide-grid,.principle-grid,.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.app-panel{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;padding:34px;border-radius:26px;background:var(--title);color:#EAF3FF}.app-panel h2,.app-panel h3{color:#fff}.app-visual{border-radius:22px;overflow:hidden;background:#fff}.app-visual img{width:100%;object-fit:contain}.safety-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px}.safety-box{padding:30px;border-radius:22px;background:var(--pale);border:1px solid var(--border)}.safety-box:nth-child(2){margin-top:40px;background:#fff;box-shadow:var(--shadow)}.brand-statement{padding:46px;border:1px solid var(--border);border-radius:28px;background:linear-gradient(135deg,var(--pale),var(--soft))}.content-index{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.content-index a{padding:6px 10px;border-radius:999px;background:var(--pale);color:var(--blue);font-size:13px}.site-footer{background:var(--footer);color:#EAF3FF;padding:58px 0 100px}.footer-grid{display:grid;grid-template-columns:1.1fr 2fr;gap:70px}.footer-brand-link{display:flex;gap:12px;align-items:center}.footer-logo{max-width:135px;max-height:44px;object-fit:contain}.footer-brand strong{display:block;font-size:22px}.footer-brand small{display:block;color:#9FC5F6;letter-spacing:.08em}.footer-brand p{color:#B8CAE0;margin-top:18px}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.footer-links h2{font-size:14px;color:#fff}.footer-links a{display:block;color:#B8CAE0;padding:4px 0;font-size:14px}.footer-links a:hover{color:#fff}.footer-note{border-top:1px solid rgba(255,255,255,.12);margin-top:34px;padding-top:22px;display:flex;justify-content:space-between;gap:28px;color:#9FB2C8;font-size:13px}.footer-note p{margin:0;max-width:860px}.site-overlay{position:fixed;inset:0;z-index:180;background:rgba(11,31,56,.42);opacity:0;visibility:hidden;pointer-events:none;transition:.2s ease}.site-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.channel-panel,.search-panel{position:fixed;left:0;right:0;top:74px;z-index:200;background:#fff;max-height:calc(100vh - 74px);overflow:auto;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-18px);transition:.22s ease;box-shadow:0 20px 60px rgba(11,31,56,.16)}.channel-panel.is-open,.search-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:none}.panel-inner,.search-inner{padding-top:28px;padding-bottom:36px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.panel-head strong{display:block;color:var(--title);font-size:22px}.panel-head span{display:block;color:var(--muted);font-size:13px}.close-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--gray-border);background:#fff;font-size:28px}.channel-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.channel-columns h2{font-size:14px;color:var(--blue)}.channel-columns a{display:block;padding:12px 0;border-bottom:1px solid var(--gray-border)}.channel-columns b{display:block;color:var(--title)}.channel-columns span{display:block;color:var(--muted);font-size:12px}.search-box{height:58px;display:flex;align-items:center;gap:14px;padding:0 20px;border:1px solid var(--border);border-radius:16px;background:var(--soft);color:var(--blue)}.search-box input{width:100%;border:0;outline:0;background:transparent}.search-hints{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:18px 0}.search-hints button{border:0;background:var(--pale);color:var(--blue);padding:7px 11px;border-radius:999px}.search-results{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.search-results a{padding:15px;border:1px solid var(--gray-border);border-radius:14px}.search-results a[hidden]{display:none}.search-results b{display:block;color:var(--title)}.search-results span{font-size:12px;color:var(--muted)}.panel-open{overflow:hidden}.mobile-bottom-nav{display:none}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid rgba(20,120,242,.35);outline-offset:3px}
@media(max-width:1100px){.brand{min-width:auto}.brand-tag{display:none}.main-nav a{padding:0 8px;font-size:13px}.icon-btn span:last-child{display:none}.overview-grid{grid-template-columns:1fr 1fr}.layout-interest{grid-template-columns:repeat(3,1fr)}.layout-safety{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}}
@media(max-width:820px){:root{--shell:min(100% - 30px,1280px)}.desktop-nav{display:none}.mobile-nav{height:64px;display:grid;grid-template-columns:52px minmax(0,1fr) 52px;align-items:center;padding:0 15px}.mobile-square,.mobile-discover{width:44px;height:44px;display:grid;place-items:center;border:0;background:#fff;border-radius:12px;color:var(--title)}.mobile-brand{display:flex;justify-content:center}.mobile-brand img{max-width:130px;max-height:38px;object-fit:contain}.mobile-brand span{font-size:22px;font-weight:900;color:var(--blue)}.mobile-discover{font-size:14px;color:var(--blue)}.section{padding:54px 0}.intro-grid,.editor-grid,.discussion-grid,.story-layout,.app-panel,.safety-pair{grid-template-columns:1fr}.intro-note{display:none}.editor-intro{order:1}.hero-visual{order:2;min-height:300px}.hero-visual .image-placeholder{min-height:300px}.editor-side{order:3}.overview-grid,.layout-editorial,.layout-qa,.layout-guides,.layout-product,.layout-install,.layout-feedback,.layout-contact{grid-template-columns:1fr}.layout-editorial .content-card:first-child{grid-row:auto}.layout-interest{grid-template-columns:1fr 1fr}.layout-interest .content-card:nth-child(5n+1){grid-column:auto}.layout-community,.layout-privacy,.layout-about{grid-template-columns:1fr 1fr}.layout-city .content-card{grid-template-columns:1fr}.layout-product .content-card:first-child{grid-column:auto}.topic-row{grid-template-columns:1fr}.story-row{grid-template-columns:90px 1fr}.city-board{grid-template-columns:1fr 1fr}.magazine-grid{grid-template-columns:1fr 1fr}.magazine-grid article:first-child{grid-row:auto;grid-column:span 2}.guide-grid,.principle-grid,.service-grid{grid-template-columns:1fr 1fr}.safety-box:nth-child(2){margin-top:0}.footer-links{grid-template-columns:1fr 1fr}.footer-note{display:block}.footer-note p+p{margin-top:12px}.site-footer{padding-bottom:110px}.channel-panel,.search-panel{top:0;left:auto;width:min(92vw,430px);height:100vh;max-height:none;transform:translateX(100%)}.channel-panel.is-open,.search-panel.is-open{transform:none}.search-panel{width:100vw}.panel-inner,.search-inner{width:auto;margin:0;padding:24px 18px 40px}.channel-columns{grid-template-columns:1fr}.search-results{grid-template-columns:1fr 1fr}.mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:150;display:grid;grid-template-columns:repeat(5,1fr);min-height:60px;padding-bottom:env(safe-area-inset-bottom);background:rgba(255,255,255,.97);border-top:1px solid var(--gray-border);box-shadow:0 -8px 30px rgba(21,67,118,.08)}.mobile-bottom-nav a{min-height:58px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:11px;color:var(--muted)}.mobile-bottom-nav span{font-size:18px;line-height:1}.mobile-bottom-nav a.is-current{color:var(--blue);font-weight:900}.channel-scroll{justify-content:flex-start}}
@media(max-width:560px){h1{font-size:34px}.section-head{display:block}.layout-interest,.layout-community,.layout-privacy,.layout-about,.layout-safety{grid-template-columns:1fr}.layout-magazine,.layout-discover,.waterfall{columns:1}.story-row{grid-template-columns:1fr}.story-no{font-size:34px}.city-board,.magazine-grid{grid-template-columns:1fr}.magazine-grid article:first-child{grid-column:auto}.guide-grid,.principle-grid,.service-grid{grid-template-columns:1fr}.qa-list article{grid-template-columns:48px 1fr}.brand-statement{padding:28px}.search-results{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.product-showcase{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.media-panel{min-height:320px;border:1px solid var(--border);border-radius:24px;background:#fff;overflow:hidden}.app-media{display:grid;place-items:center}.app-media img{width:100%;height:100%;object-fit:contain}.media-fallback{min-height:320px;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:32px;background:linear-gradient(135deg,#EDF5FF,#F7FAFF);color:var(--blue)}.media-fallback span{font-size:12px;letter-spacing:.12em}.media-fallback strong{font-size:34px;margin:8px 0;color:var(--title)}.media-fallback small{color:var(--muted)}
@media(max-width:820px){.product-showcase{grid-template-columns:1fr}}