:root{--bg:#F4FAFC;--deep-bg:#FFFFFF;--surface:#FFFFFF;--soft:#E7F3F6;--title:#0E3A46;--text:#24505A;--muted:#4A7380;--faint:#7A9AA4;--sea:#1A7F8F;--bright:#2BB3C4;--deep:#0F5B68;--pale:#D7EEF2;--line:rgba(26,127,143,.16);--shadow:0 14px 34px rgba(14,58,70,.08);--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.8;overflow-x:hidden}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-head{position:fixed;z-index:80;top:0;left:0;right:0}.tide-line{height:22px;background:var(--deep);color:#fff;font-size:12px}.head-inner{max-width:var(--max);height:100%;margin:auto;padding:0 16px}.tide-line .head-inner{display:flex;align-items:center;justify-content:space-between}.tiny-btn{border:0;background:transparent;color:#fff;min-height:22px;padding:0 8px;cursor:pointer}.lighthouse-bar{height:68px;background:#fff;border-bottom:1px solid var(--line)}.lighthouse-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px}.brand-link{justify-self:start;display:flex;align-items:center;min-height:44px}.brand-logo{display:block;max-height:36px;max-width:190px;width:auto;height:auto;object-fit:contain;object-position:left center}.brand-word{display:flex;align-items:baseline;gap:8px;color:var(--title)}.brand-word strong{font-size:20px}.brand-word small{font-size:11px;letter-spacing:.12em;color:var(--muted)}.tidebook-button{justify-self:center;min-height:44px;padding:0 18px;border:1px solid var(--line);border-radius:12px;background:var(--soft);color:var(--deep);cursor:pointer;font-weight:700;display:flex;gap:7px;align-items:center}.app-top{justify-self:end;min-height:44px;display:inline-flex;align-items:center;padding:0 18px;border-radius:12px;background:linear-gradient(135deg,#2BB3C4 0%,#1A7F8F 55%,#0F5B68 100%);color:#fff;font-weight:800}.shore-tabs{height:44px;background:var(--pale);border-bottom:1px solid var(--line)}.shore-inner{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none}.shore-inner::-webkit-scrollbar{display:none}.shore-tabs a{height:30px;display:inline-flex;align-items:center;padding:0 12px;white-space:nowrap;border-radius:8px;color:var(--deep);font-size:14px}.shore-tabs a.active{background:var(--sea);color:#fff}.site-main{padding:158px 16px 72px;min-height:70vh}.section,.content-page{max-width:var(--max);margin:0 auto 24px}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:var(--shadow)}.soft-panel{background:linear-gradient(180deg,#fff,var(--soft))}.eyebrow{font-size:13px;letter-spacing:.1em;color:var(--sea);font-weight:800;margin-top:16px}h1,h2,h3{color:var(--title);line-height:1.35;margin-top:0}h1{font-size:clamp(28px,4vw,32px);margin:8px 0 12px}h2{font-size:23px;margin-bottom:12px}h3{font-size:17px}.lead{font-size:17px;color:var(--text);max-width:900px}.btn-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:10px;background:linear-gradient(135deg,#2BB3C4 0%,#1A7F8F 55%,#0F5B68 100%);color:#fff;font-weight:800}.btn.secondary{background:#fff;color:var(--deep);border:1px solid var(--sea)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid rgba(43,179,196,.35);outline-offset:2px}.btn:hover,.app-top:hover,.tidebook-button:hover{filter:brightness(.96)}.media-slot{background:linear-gradient(145deg,#fff,var(--pale));border:1px solid var(--line);border-radius:16px;min-height:190px;display:flex;align-items:center;justify-content:center;overflow:hidden}.media-slot img{display:block;width:100%;height:100%;max-height:240px;object-fit:contain;object-position:center}.hero-media{max-height:320px;aspect-ratio:16/9}.hero-media img{max-height:320px}.placeholder{padding:24px;text-align:center;color:var(--muted)}.placeholder strong{display:block;color:var(--title);font-size:23px}.tag-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tag-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.tag-card:nth-child(even){border-top:4px solid var(--deep)}.tag-card:nth-child(odd){border-top:4px solid var(--bright)}.tag-card p{margin:4px 0 10px;color:var(--muted)}.text-link{color:var(--deep);font-weight:800;text-decoration:underline;text-underline-offset:3px}.split{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.number-list{display:grid;gap:8px}.number-row{display:grid;grid-template-columns:56px 1fr;gap:14px;padding:13px 0;border-bottom:1px solid var(--line)}.number{font-size:27px;font-weight:900;color:var(--sea)}.board-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.board-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px}.board-card .media-slot{height:200px;margin-bottom:12px}.directory,.yard-grid,.frame-list,.path-grid{display:grid;gap:12px}.directory{grid-template-columns:repeat(4,1fr)}.directory article,.yard-grid article,.path-grid article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px}.yard-grid{grid-template-columns:repeat(4,1fr)}.album-list{display:grid;gap:10px}.album-row{display:grid;grid-template-columns:150px 1fr;gap:16px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px}.album-mark{display:flex;align-items:center;justify-content:center;min-height:94px;background:var(--pale);border-radius:10px;color:var(--deep);font-weight:900}.frame-list{grid-template-columns:1fr 1fr}.frame-item{display:grid;grid-template-columns:160px 1fr;gap:14px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px}.frame-visual{min-height:95px;background:linear-gradient(135deg,var(--pale),var(--soft));border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--deep);font-weight:800}.path-grid{grid-template-columns:repeat(3,1fr)}.app-layout{display:grid;grid-template-columns:minmax(220px,.72fr) 1.28fr;gap:22px}.app-media{max-height:420px}.app-media img{max-height:420px}.icon-small{width:64px;height:64px;object-fit:contain}.home-lower{display:grid;grid-template-columns:1fr 1fr;gap:18px}.home-lower .panel{margin:0}.brand-statement{background:linear-gradient(135deg,#fff,#E7F3F6);border:1px solid var(--line);border-radius:18px;padding:28px}.link-row{display:flex;gap:10px;flex-wrap:wrap}.link-row a{color:var(--deep);text-decoration:underline;text-underline-offset:3px}.content-page .page-intro{background:linear-gradient(135deg,#fff,var(--soft));border:1px solid var(--line);border-radius:18px;padding:24px;margin-bottom:16px}.content-page .content-blocks{display:grid;gap:14px}.content-block{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.content-block p{margin:0}.layout-number .content-block{display:grid;grid-template-columns:58px 1fr;gap:16px}.layout-number .content-block::before{counter-increment:co;content:counter(co,decimal-leading-zero);font-size:28px;font-weight:900;color:var(--sea)}.layout-number .content-blocks{counter-reset:co}.layout-index .content-blocks,.layout-cards .content-blocks,.layout-window .content-blocks,.layout-yard .content-blocks,.layout-gallery .content-blocks,.layout-club .content-blocks,.layout-help .content-blocks,.layout-feedback .content-blocks{grid-template-columns:repeat(2,1fr)}.layout-long .content-block{margin-bottom:14px;border-left:5px solid var(--sea)}.layout-list .content-block{border-radius:6px;border-left:0;border-right:0}.layout-window .content-block{box-shadow:inset 0 0 0 6px var(--soft)}.layout-yard .content-block:nth-child(3n){background:var(--soft)}.layout-atlas .content-blocks{grid-template-columns:1fr 1fr}.layout-atlas .content-block{border-left:6px solid var(--bright)}.layout-chapters .content-block h2::before{content:'— ';color:var(--sea)}.layout-gallery .content-block{min-height:190px}.layout-dusk .content-blocks{grid-template-columns:repeat(3,1fr)}.layout-steps .content-block{position:relative;padding-left:66px}.layout-steps .content-block::before{counter-increment:st;content:counter(st,decimal-leading-zero);position:absolute;left:20px;top:18px;color:var(--sea);font-size:24px;font-weight:900}.layout-steps .content-blocks{counter-reset:st}.layout-terms .content-block{border-left:4px solid var(--deep)}.layout-about .page-intro,.layout-about .content-block{background:#fff}.faq-list{display:grid;gap:12px}.faq-list details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 18px}.faq-list summary{cursor:pointer;color:var(--title);font-weight:800}.faq-list p{margin:10px 0 0}.site-footer{background:var(--title);color:#D4E8EC;padding:46px 16px 82px}.footer-inner{max-width:var(--max);margin:auto}.footer-brand{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;margin-bottom:26px}.site-footer .brand-word strong{color:#fff}.site-footer .brand-word small{color:#D4E8EC}.footer-brand strong{display:block;color:#fff;font-size:22px}.footer-brand span{font-size:12px;letter-spacing:.12em}.footer-brand p{margin:4px 0 0;color:#b9d5db}.footer-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.footer-groups h3{color:#fff}.footer-groups a{display:block;color:#D4E8EC;padding:4px 0}.footer-note{border-top:1px solid rgba(255,255,255,.12);margin-top:24px;padding-top:18px}.copyright{font-size:13px;color:#a9ccd3}.overlay{position:fixed;z-index:90;inset:0;background:rgba(14,58,70,.40);visibility:hidden;opacity:0;pointer-events:none;transition:.2s}.overlay.open{visibility:visible;opacity:1;pointer-events:auto}.tidebook-drawer{position:fixed;z-index:100;top:0;bottom:0;left:0;width:360px;max-width:86vw;background:#fff;box-shadow:18px 0 48px rgba(14,58,70,.18);padding:18px;overflow-y:auto;visibility:hidden;pointer-events:none;transform:translateX(-105%);transition:.26s}.tidebook-drawer.open{visibility:visible;pointer-events:auto;transform:translateX(0)}.drawer-head,.search-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.drawer-brand{display:flex;align-items:center;gap:10px;color:var(--title)}.drawer-groups{display:grid;gap:14px}.drawer-groups section{background:var(--soft);border-radius:14px;padding:13px}.drawer-groups h2{font-size:16px;margin-bottom:7px}.drawer-groups a{display:block;background:#fff;border:1px solid var(--line);border-radius:11px;padding:10px;margin:7px 0}.drawer-groups strong{display:block;color:var(--title)}.drawer-groups span{display:block;color:var(--muted);font-size:13px;line-height:1.55}.close-btn{min-width:44px;min-height:44px;border:1px solid var(--line);background:#fff;color:var(--deep);border-radius:10px;cursor:pointer}.search-panel{position:fixed;z-index:105;top:90px;left:50%;width:min(900px,calc(100% - 32px));transform:translate(-50%,-12px);visibility:hidden;pointer-events:none;opacity:0;transition:.2s}.search-panel.open{visibility:visible;pointer-events:auto;opacity:1;transform:translate(-50%,0)}.search-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:20px}.search-card label{display:block;color:var(--title);margin-bottom:8px}.search-card input{width:100%;min-height:48px;border:1px solid var(--line);border-radius:10px;padding:0 14px;color:var(--title);background:var(--soft)}.search-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.search-links a{background:var(--pale);color:var(--deep);padding:8px 12px;border-radius:9px}.mobile-bottom{display:none}@media(max-width:900px){.tag-grid{grid-template-columns:repeat(2,1fr)}.board-grid{grid-template-columns:1fr}.directory,.yard-grid{grid-template-columns:repeat(2,1fr)}.split,.app-layout,.home-lower{grid-template-columns:1fr}.footer-groups{grid-template-columns:repeat(2,1fr)}.layout-index .content-blocks,.layout-cards .content-blocks,.layout-window .content-blocks,.layout-yard .content-blocks,.layout-gallery .content-blocks,.layout-club .content-blocks,.layout-help .content-blocks,.layout-feedback .content-blocks,.layout-atlas .content-blocks{grid-template-columns:1fr}.layout-dusk .content-blocks{grid-template-columns:1fr 1fr}}@media(max-width:700px){.shore-tabs{display:none}.site-main{padding-top:114px;padding-bottom:92px}.lighthouse-grid{grid-template-columns:1fr auto 1fr;gap:6px}.brand-word small{display:none}.brand-word strong{font-size:18px}.app-top,.tidebook-button{padding:0 12px;font-size:13px}.tag-grid,.frame-list,.layout-dusk .content-blocks{grid-template-columns:1fr}.album-row,.frame-item{grid-template-columns:1fr}.footer-groups{grid-template-columns:1fr 1fr}.site-footer{padding-bottom:102px}.mobile-bottom{position:fixed;z-index:70;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);height:calc(50px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid var(--line)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;min-height:50px;color:var(--muted);font-size:13px}.mobile-bottom a.active{background:var(--sea);color:#fff}.search-panel{top:22px;width:100%;height:calc(100vh - 22px);transform:translate(-50%,-10px)}.search-panel.open{transform:translate(-50%,0)}.search-card{height:100%;background:var(--pale);border-radius:0;padding:20px 16px}.tidebook-drawer{width:86vw}.brand-logo{max-width:145px}.directory,.yard-grid{grid-template-columns:1fr}}@media(max-width:430px){.head-inner{padding-left:16px;padding-right:16px}.footer-groups{grid-template-columns:1fr}.brand-logo{max-width:120px}.panel{padding:19px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}