:root{--mist:#F4FAFC;--deep-bg:#FFFFFF;--content:#FFFFFF;--soft:#E7F3F6;--title:#0E3A46;--text:#24505A;--muted:#4A7380;--light:#7A9AA4;--brand:#1A7F8F;--bright:#2BB3C4;--deep:#0F5B68;--pale:#D7EEF2;--line:rgba(26,127,143,.16);--shadow:0 14px 34px rgba(14,58,70,.08);--top:124px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--mist);color:var(--text);font:16px/1.8 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(43,179,196,.45);outline-offset:3px}.lock-scroll{overflow:hidden}.site-top{position:fixed;inset:0 0 auto 0;z-index:50}.mist-line{height:20px;background:var(--title);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(16px,calc((100vw - 1180px)/2));font-size:12px;letter-spacing:.04em}.mist-brand,.mist-search{min-height:20px;display:inline-flex;align-items:center}.mist-search{border:0;background:transparent;color:#fff;padding:0 8px;cursor:pointer}.pier-bar{height:62px;background:#fff;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:0 max(16px,calc((100vw - 1180px)/2))}.logo-link{justify-self:start;display:flex;align-items:center;min-height:44px;font-weight:800;color:var(--title);font-size:21px}.logo-link img{height:36px;width:auto;object-fit:contain}.drawer-open,.app-link{min-height:44px;border:1px solid var(--line);border-radius:12px;padding:8px 16px;background:#fff;color:var(--deep);font-weight:700;cursor:pointer}.drawer-open{justify-self:center}.app-link{justify-self:end;background:linear-gradient(135deg,#2BB3C4 0%,#1A7F8F 55%,#0F5B68 100%);color:#fff;border:0;display:flex;align-items:center}.shell-tabs{height:42px;background:var(--pale);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px;padding:0 max(16px,calc((100vw - 1180px)/2));overflow:hidden}.shell-tabs a{min-height:30px;display:flex;align-items:center;padding:4px 12px;border-radius:10px;color:var(--deep);font-weight:700}.shell-tabs a.is-current{background:var(--brand);color:#fff}.page-main{max-width:1180px;margin:0 auto;padding:calc(var(--top) + 28px) 16px 60px}.home-cover{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:18px;margin-bottom:28px}.banner-safe{width:100%;background:linear-gradient(180deg,#fff,var(--pale));border-radius:14px;display:flex;align-items:center;justify-content:center;min-height:180px}.home-banner{width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;border-radius:12px}.banner-fallback{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--title);gap:4px}.banner-safe:has(img) .banner-fallback{display:none}.cover-copy{max-width:780px;padding:28px 10px 8px}.eyebrow{margin:0 0 8px;color:var(--brand);font-size:14px;font-weight:800;letter-spacing:.08em}h1,h2,h3{color:var(--title);line-height:1.35;margin:0 0 14px}h1{font-size:clamp(28px,4vw,32px)}h2{font-size:24px}h3{font-size:18px}p{margin:0 0 14px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:12px;font-weight:800}.primary{background:linear-gradient(135deg,#2BB3C4 0%,#1A7F8F 55%,#0F5B68 100%);color:#fff}.secondary{background:#fff;color:var(--deep);border:1px solid var(--line)}.step-wrap,.content-band,.pebble-section,.gallery-strip,.app-panel,.closing-grid article,.inner-hero,.faq-list article{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.step-wrap{padding:18px;margin-bottom:28px}.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step-card{min-height:150px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--mist)}.step-card span{display:inline-flex;align-items:center;justify-content:center;width:34px;height:28px;border-radius:8px;margin-bottom:10px;background:var(--bright);color:#fff;font-weight:800}.step-card.tone-1 span{background:var(--deep)}.content-band{padding:24px;margin-bottom:28px}.media-band{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:22px;align-items:center}.media-band.reverse{grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr)}.media-band.reverse .band-text{order:2}.image-slot{background:linear-gradient(180deg,#fff,var(--soft));border:1px solid var(--line);border-radius:16px;min-height:210px;display:flex;align-items:center;justify-content:center;padding:10px}.content-img{width:100%;max-height:240px;object-fit:contain;object-position:center}.number-list,.soft-list{padding-left:20px;margin:12px 0 0}.number-list li,.soft-list li{margin:8px 0}.pebble-section,.gallery-strip{padding:24px;margin-bottom:28px}.pebble-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.pebble{border:1px solid var(--line);border-radius:16px;padding:14px;background:var(--mist)}.pebble-img{height:200px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.pebble-img img{max-height:200px;object-fit:contain}.pebble a,.closing-grid a{color:var(--brand);font-weight:800}.mini-grid,.frame-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mini-grid article,.frame-grid article{background:var(--mist);border:1px solid var(--line);border-radius:14px;padding:14px}.frame-grid{grid-template-columns:repeat(4,1fr)}.frame-grid img{height:160px;width:100%;object-fit:contain;background:#fff;border-radius:12px;margin-bottom:10px}.app-panel{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:center;padding:24px;margin-bottom:28px}.phone-card{background:var(--soft);border-radius:18px;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px}.app-img{max-height:420px;object-fit:contain}.app-icon{width:64px;height:64px;object-fit:contain;margin-top:10px}.closing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}.closing-grid article{padding:22px}.inner-hero{padding:30px;margin-bottom:24px}.inner-hero p{max-width:820px}.faq-list{display:grid;gap:14px}.faq-list article{padding:20px}.site-footer{background:var(--title);color:#D4E8EC;margin-top:20px}.footer-inner{max-width:1180px;margin:0 auto;padding:38px 16px 74px}.footer-brand{max-width:520px;margin-bottom:22px}.footer-logo img{height:36px;width:auto;object-fit:contain}.footer-logo span{color:#fff;font-size:22px;font-weight:800}.brand-en{letter-spacing:.16em;color:#fff;font-weight:800}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.footer-grid h2{color:#fff;font-size:17px}.footer-grid a{display:block;min-height:32px;color:#D4E8EC}.copyright{border-top:1px solid rgba(255,255,255,.15);padding-top:18px;margin-top:22px}.tide-drawer{position:fixed;top:0;right:0;width:min(410px,86vw);height:100dvh;background:#fff;z-index:80;transform:translateX(104%);visibility:hidden;pointer-events:none;transition:.25s ease;box-shadow:-20px 0 40px rgba(14,58,70,.16);display:flex;flex-direction:column}.tide-drawer.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-head{height:76px;display:flex;align-items:center;justify-content:space-between;padding:14px;border-bottom:1px solid var(--line)}.drawer-brand{display:flex;align-items:center;gap:10px;color:var(--title)}.drawer-brand img{height:32px;width:auto;object-fit:contain}.drawer-head button,.search-close{min-height:44px;border:1px solid var(--line);background:#fff;color:var(--deep);border-radius:12px;padding:8px 12px}.drawer-groups{overflow:auto;padding:14px;display:grid;gap:14px}.drawer-groups section{background:var(--mist);border:1px solid var(--line);border-radius:16px;padding:14px}.drawer-groups h2{font-size:18px}.drawer-groups a{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;margin-top:8px}.drawer-groups b{display:block;color:var(--title)}.drawer-groups span{display:block;color:var(--muted);font-size:14px}.search-panel{position:fixed;left:0;right:0;top:82px;z-index:70;visibility:hidden;pointer-events:none;opacity:0;transition:.2s ease}.search-panel.is-open{visibility:visible;pointer-events:auto;opacity:1}.search-card{max-width:720px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:0 0 18px 18px;box-shadow:var(--shadow);padding:18px}.search-card label{display:block;color:var(--title);font-weight:800;margin-bottom:10px}.search-look{display:flex;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--mist)}.search-look input{flex:1;border:0;background:transparent;min-height:46px;padding:0 14px;color:var(--text);font:inherit}.search-look span{display:flex;align-items:center;padding:0 14px;background:var(--brand);color:#fff;font-weight:800}.preset-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.preset-links a{min-height:36px;display:inline-flex;align-items:center;padding:6px 12px;border-radius:10px;background:var(--pale);color:var(--deep);font-weight:700}.screen-mask{position:fixed;inset:0;background:rgba(14,58,70,.38);z-index:60;visibility:hidden;pointer-events:none;opacity:0;transition:.2s ease}.screen-mask.is-open{visibility:visible;pointer-events:auto;opacity:1}.mobile-bottom{display:none}@media (max-width:900px){:root{--top:82px}.shell-tabs{display:none}.pier-bar{grid-template-columns:minmax(0,1fr) auto auto;gap:8px}.logo-link span{font-size:18px}.logo-link img{max-width:150px}.drawer-open,.app-link{padding:8px 10px}.page-main{padding-top:calc(var(--top) + 22px);padding-bottom:82px}.step-grid,.pebble-grid,.frame-grid,.closing-grid,.footer-grid{grid-template-columns:1fr 1fr}.media-band,.media-band.reverse,.app-panel{grid-template-columns:1fr}.media-band.reverse .band-text{order:0}.search-panel{top:82px;padding:0 16px}.search-card{background:var(--soft);border-radius:16px}.mobile-bottom{position:fixed;left:0;right:0;bottom:0;z-index:55;height:calc(50px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:5px 8px calc(5px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line)}.mobile-bottom a{min-height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:var(--deep);font-weight:800;font-size:14px}.mobile-bottom a.is-current{background:var(--brand);color:#fff}}@media (max-width:560px){body{font-size:16px}.mist-line{padding:0 10px}.pier-bar{height:62px;padding:0 10px}.logo-link img{height:30px}.drawer-open,.app-link{font-size:14px;min-width:44px;min-height:44px}.page-main{padding-left:16px;padding-right:16px}.home-cover,.content-band,.pebble-section,.gallery-strip,.app-panel,.inner-hero{border-radius:16px;padding:16px}.banner-safe{min-height:150px}.cover-copy{padding:20px 0 0}.step-grid,.pebble-grid,.frame-grid,.mini-grid,.closing-grid,.footer-grid{grid-template-columns:1fr}.pebble-img{height:180px}.frame-grid img{height:150px}.content-img{max-height:220px}.footer-inner{padding-bottom:86px}}