:root{
  --bg:#E7F4F8;--bg-deep:#D7ECF2;--surface:#F3FAFC;--surface-2:#EAF6F9;
  --title:#163038;--text:#1F3C44;--muted:#4A6E78;--soft:#6A8C96;
  --blue:#7EB8E0;--cyan:#6EC9D4;--deep:#1A3A44;--white:#F3FAFC;--seaweed:#5A8A6A;
  --border:rgba(26,58,68,.14);--accent-border:rgba(110,201,212,.50);--shadow:0 12px 28px rgba(22,48,56,.08);
  --max:1000px;--radius:10px;
}
*{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","PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden;padding-top:118px}
body.layer-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
button,input{font:inherit}
button{border:0}
a,button,input{outline:none}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid rgba(110,201,212,.48);outline-offset:2px}
.site-shell{width:min(var(--max),calc(100% - 32px));margin-inline:auto}
.site-head{position:fixed;inset:0 0 auto 0;z-index:50;box-shadow:0 1px 0 var(--border)}
.tide-brow{height:20px;background:var(--deep);color:var(--white);font-size:12px;line-height:20px}
.tide-brow-inner{height:20px;display:flex;align-items:center;justify-content:space-between}
.text-trigger{position:relative;background:none;color:var(--white);font-size:12px;cursor:pointer;height:20px;padding:0 6px}
.text-trigger:before{content:"";position:absolute;inset:-12px -10px}
.bay-brand{height:54px;background:var(--blue);border-bottom:1px solid var(--accent-border)}
.bay-brand-inner{height:54px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.brand-link,.brand-actions{display:flex;align-items:center}
.brand-link{min-height:44px;min-width:80px}
.brand-logo{height:24px;width:auto;object-fit:contain}
.brand-fallback{font-weight:800;font-size:16px;color:var(--title)}
.brand-actions{gap:8px}
.app-link,.menu-trigger{height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:9px;font-size:14px;white-space:nowrap}
.app-link{background:linear-gradient(135deg,#7EB8E0 0%,#6EC9D4 100%);border:1px solid rgba(22,48,56,.22);color:var(--title);font-weight:700}
.menu-trigger{background:var(--surface);border:1px solid var(--deep);color:var(--deep);cursor:pointer}
.shore-nav{height:44px;background:var(--surface);border-bottom:1px solid var(--border)}
.shore-nav-inner{height:44px;display:flex;align-items:center;justify-content:center;gap:52px}
.shore-item{min-width:64px;height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:13px;color:var(--muted);line-height:1.05}
.shore-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);margin-bottom:6px}
.shore-item.is-current{color:var(--deep);font-weight:700}.shore-item.is-current .shore-dot{background:var(--deep)}
.site-main{min-height:60vh}
.page,.home{padding:32px 0 56px}
h1,h2,h3{color:var(--title);margin-top:0}h1{font-size:24px;line-height:1.3;margin-bottom:14px}h2{font-size:20px;line-height:1.4;margin-bottom:12px}h3{font-size:16px;line-height:1.5;margin-bottom:8px}
p{margin:0 0 14px}
.lead{font-size:16px;color:var(--muted);max-width:780px}
.eyebrow{font-size:12px;color:var(--soft);letter-spacing:.08em;margin-bottom:8px}
.hero-line{border-left:3px solid var(--cyan);padding:10px 0 12px 20px;margin-bottom:22px}.hero-line .lead{margin-bottom:18px}
.button-row{display:flex;flex-wrap:wrap;gap:10px}
.btn{height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:9px;font-size:14px;font-weight:700;white-space:nowrap}
.btn-primary{background:linear-gradient(135deg,#7EB8E0 0%,#6EC9D4 100%);color:var(--title);border:1px solid rgba(22,48,56,.12)}
.btn-secondary{background:var(--surface);color:var(--deep);border:1px solid var(--deep)}
.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow)}
.section-block{margin-top:34px}
.media-slot{width:100%;min-height:140px;background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;overflow:hidden}
.media-slot img{width:100%;height:100%;object-fit:contain;object-position:center}
.strip-cover{height:188px;background:var(--blue)}
.banner-slot{height:200px}.app-art{height:320px;max-width:300px;margin-inline:auto}.icon-slot{width:64px;height:64px;min-height:64px;background:var(--surface-2)}
.zigzag{display:grid;gap:18px}.zigzag article{display:grid;gap:14px}.zigzag .text-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}
.zigzag article.reverse .text-card{order:-1}
.vertical-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.vertical-note{background:var(--surface);border:1px solid var(--border);border-top:4px solid var(--cyan);border-radius:var(--radius);padding:16px;min-height:260px}.vertical-note p{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.04em;margin:0;max-height:210px}.vertical-note .media-slot{height:110px;min-height:110px;margin-bottom:12px}.vertical-note.has-media p{writing-mode:horizontal-tb;max-height:none}
.center-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:760px;margin-inline:auto}.center-card{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px}.center-card .btn{margin-top:8px}
.three-phases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.phase{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.phase strong{display:block;color:var(--deep);margin-bottom:8px}
.status-list{display:grid;gap:10px}.status-row{display:grid;grid-template-columns:100px 1fr;gap:14px;align-items:start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.status-tag{display:inline-flex;min-height:34px;align-items:center;justify-content:center;border-radius:999px;background:var(--bg-deep);color:var(--deep);font-weight:700;padding:0 12px}
.app-band{background:var(--deep);color:var(--white);border-radius:12px;padding:22px;display:grid;grid-template-columns:1fr minmax(220px,300px);gap:22px;align-items:center}.app-band h2,.app-band h3{color:var(--white)}.app-band .icon-slot{margin-bottom:14px}.app-band .btn-secondary{border-color:var(--white);color:var(--white);background:transparent}
.note-list{display:grid;gap:12px}.note-item{background:var(--surface);border-left:3px solid var(--cyan);border-radius:0 var(--radius) var(--radius) 0;padding:16px 18px}.note-item h3{margin-bottom:6px}
.faq-mini,.faq-list{display:grid;gap:12px}.faq-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:17px 18px}.faq-card p:last-child{margin-bottom:0}
.brand-story{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:22px}
.page-intro{margin-bottom:26px}.page-intro.compact{max-width:760px}
.left-intro{border-left:3px solid var(--cyan);padding-left:18px}
.short-strip-layout .strip-cover{margin:18px 0}.short-strip-layout .scene-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.scene-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:17px}
.staggered-layout{display:grid;gap:18px}.staggered-block{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:18px;align-items:center}.staggered-block:nth-child(even) .staggered-text{order:2}.staggered-text{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.staggered-image .media-slot{height:190px}
.column-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.column-note{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;min-height:300px}.column-note .media-slot{height:130px;min-height:130px;margin-bottom:12px}
.single-journal{max-width:760px;margin-inline:auto}.journal-entry{padding:20px 0;border-bottom:1px solid var(--border)}.journal-entry:last-child{border-bottom:0}.journal-entry .media-slot{height:220px;margin:16px 0}
.phase-layout .three-phases{margin-top:20px}.phase-layout .media-slot{height:180px;margin:18px 0}
.memo-checklist{display:grid;gap:12px;counter-reset:memo}.memo-item{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 18px 18px 58px}.memo-item:before{counter-increment:memo;content:counter(memo);position:absolute;left:16px;top:18px;width:28px;height:28px;border-radius:50%;background:var(--cyan);color:var(--deep);display:flex;align-items:center;justify-content:center;font-weight:800}.memo-checklist .media-slot{height:180px;margin-top:12px}
.method-sections{display:grid;gap:16px}.method{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.method h2{padding-bottom:8px;border-bottom:1px solid var(--border)}
.topic-list{display:grid;gap:12px}.topic-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;display:grid;grid-template-columns:180px 1fr;gap:18px}.topic-label{font-weight:800;color:var(--deep)}
.centered-shelf{max-width:800px;margin-inline:auto;text-align:center}.shelf-head{margin:20px auto;max-width:540px}.shelf-head .media-slot{height:190px}.shelf-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;text-align:left}
.product-page .product-band{background:var(--deep);color:var(--white);border-radius:12px;padding:24px;display:grid;grid-template-columns:1fr 300px;gap:26px;align-items:center}.product-page .product-band h1,.product-page .product-band h2{color:var(--white)}.product-page .product-actions{display:flex;gap:10px;flex-wrap:wrap}.product-page .product-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}.product-point{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}
.info-steps{display:grid;gap:12px;counter-reset:step}.info-step{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.info-step h2:before{counter-increment:step;content:counter(step) ". ";color:var(--seaweed)}
.policy-sections{display:grid;gap:16px}.policy-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.policy-section h2{margin-bottom:10px}.policy-section ul{padding-left:20px;margin:0}.policy-section li{margin:6px 0}
.help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.help-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}
.contact-areas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.contact-card{background:var(--surface);border:1px solid var(--border);border-top:4px solid var(--cyan);border-radius:var(--radius);padding:18px}
.about-banner{margin:18px 0 24px}.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.about-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.brand-reserve{max-width:620px;margin:20px auto}.brand-reserve .media-slot{height:180px}
.site-footer{background:#143038;color:#E7F4F8;border-top:1px solid rgba(110,201,212,.55);font-size:13px}.footer-top{padding:28px 0 70px}.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}.footer-logo{height:24px;width:auto;object-fit:contain}.footer-brand strong,.footer-brand span{display:block}.footer-brand strong{font-size:16px}.footer-brand span{font-size:12px;color:#b9d9e0}.footer-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.footer-groups h2{font-size:14px;color:#E7F4F8;margin-bottom:8px}.footer-groups a{display:block;color:#d9edf2;min-height:30px}.footer-note{margin-top:22px;color:#c3dee5;max-width:840px}.footer-copy{color:#aacbd4;margin-bottom:0}
.screen-mask{position:fixed;inset:0;background:rgba(22,48,56,.28);z-index:80;opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.screen-mask.is-open{opacity:1;visibility:visible;pointer-events:auto}
.bay-panel{position:fixed;left:0;right:0;top:0;height:58vh;background:var(--surface);z-index:90;transform:translateY(-101%);visibility:hidden;pointer-events:none;transition:transform .24s ease,visibility .24s;overflow:auto;border-bottom:1px solid var(--accent-border);box-shadow:var(--shadow)}.bay-panel.is-open{transform:translateY(0);visibility:visible;pointer-events:auto}.panel-head{height:62px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--surface);z-index:2;border-bottom:1px solid var(--border)}.panel-brand{display:flex;align-items:center;gap:10px}.panel-logo{height:24px;width:auto;object-fit:contain}.panel-close,.search-head button{height:44px;padding:0 14px;border-radius:9px;background:var(--deep);color:var(--white);cursor:pointer}.panel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding-top:18px;padding-bottom:26px}.panel-grid h2{font-size:14px}.panel-grid a{display:block;border-top:1px solid var(--border);padding:8px 0}.panel-grid strong,.panel-grid span{display:block}.panel-grid strong{color:var(--deep)}.panel-grid span{font-size:12px;color:var(--muted)}
.search-layer{position:fixed;z-index:95;left:0;right:0;top:74px;visibility:hidden;pointer-events:none;opacity:0;transition:.2s}.search-layer.is-open{visibility:visible;pointer-events:auto;opacity:1}.search-card{background:var(--surface);border:1px solid var(--border);border-radius:0 0 12px 12px;padding:18px;box-shadow:var(--shadow)}.search-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.search-card label{display:block;color:var(--muted);margin-bottom:8px}.search-card input{width:100%;height:44px;border:1px solid var(--border);border-radius:9px;background:white;color:var(--deep);padding:0 12px}.quick-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.quick-links a{min-height:44px;display:inline-flex;align-items:center;padding:0 14px;background:var(--surface-2);border:1px solid var(--border);border-radius:9px}
.mobile-bottom{display:none}
@media(max-width:760px){
  body{padding-top:74px;padding-bottom:calc(48px + env(safe-area-inset-bottom))}.site-shell{width:calc(100% - 32px)}.shore-nav{display:none}.bay-brand-inner{gap:8px}.brand-actions{gap:6px}.app-link,.menu-trigger{padding:0 11px}.page,.home{padding-top:24px}.vertical-notes,.three-phases,.footer-groups,.panel-grid,.column-notes,.about-grid,.help-grid,.contact-areas{grid-template-columns:1fr}.center-cards,.shelf-cards,.product-page .product-points{grid-template-columns:1fr}.staggered-block,.topic-row,.product-page .product-band,.app-band{grid-template-columns:1fr}.staggered-block:nth-child(even) .staggered-text{order:0}.topic-row{gap:8px}.vertical-note{min-height:unset}.vertical-note p{writing-mode:horizontal-tb;max-height:none}.panel-grid{padding-top:10px}.bay-panel{height:58vh}.search-layer{inset:0;top:0;background:var(--deep)}.search-card{width:100%;height:100%;background:var(--deep);border:0;border-radius:0;color:var(--white);padding:20px 16px}.search-head strong,.search-card label{color:var(--white)}.search-head button{background:var(--surface);color:var(--deep)}.search-card input{background:var(--surface);color:var(--deep)}.quick-links a{background:transparent;border-color:rgba(243,250,252,.34);color:var(--white)}.mobile-bottom{position:fixed;z-index:60;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:var(--surface);border-top:1px solid var(--border)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;min-height:48px;color:var(--muted);font-size:13px}.mobile-bottom a.is-current{background:var(--cyan);color:var(--deep);font-weight:800}.footer-top{padding-bottom:82px}.app-art{height:280px}.about-banner .banner-slot{height:180px}.short-strip-layout .scene-grid{grid-template-columns:1fr}
}
@media(max-width:420px){.app-link,.menu-trigger{font-size:13px;padding:0 9px}.brand-link{min-width:70px}.button-row{display:grid}.btn{width:100%}}