@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Serif+SC:wght@500;600;700&display=swap');

:root{--ink:#e7f1f3;--muted:#8ca3aa;--faint:#587078;--deep:#071725;--panel:#0b2130;--panel-2:#102b3a;--line:rgba(177,217,222,.15);--cyan:#9ce5e1;--aqua:#57cbc8;--amber:#f7b764;--coral:#ff8770;--night:#07131f;--mono:'DM Mono',monospace;--sans:'Manrope','PingFang SC',sans-serif;--serif:'Noto Serif SC','Songti SC',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--deep);color:var(--ink);font-family:var(--sans);letter-spacing:.01em}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(132,186,191,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(132,186,191,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black 0%,transparent 75%);z-index:-1}.app-shell{max-width:1440px;margin:0 auto;padding:0 5.3vw}.topbar{height:82px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:12px;align-items:center;color:var(--ink);text-decoration:none}.brand strong{display:block;font-family:var(--serif);font-size:17px;letter-spacing:.12em}.brand small{display:block;color:var(--faint);font:10px var(--mono);letter-spacing:.08em;margin-top:3px}.brand-mark{display:flex;align-items:end;gap:3px;width:22px;height:26px}.brand-mark span{display:block;width:5px;border-radius:2px 2px 0 0;background:var(--cyan)}.brand-mark span:nth-child(1){height:13px;opacity:.45}.brand-mark span:nth-child(2){height:21px;opacity:.75}.brand-mark span:nth-child(3){height:26px}.topbar-right{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px}.signal-dot{width:7px;height:7px;background:var(--aqua);border-radius:50%;box-shadow:0 0 0 5px rgba(87,203,200,.12)}.top-divider{height:16px;width:1px;background:var(--line);margin:0 7px}.source-link,.external-link{color:var(--cyan);text-decoration:none;font:11px var(--mono);letter-spacing:.04em}.hero{display:flex;justify-content:space-between;padding:92px 0 82px;position:relative}.hero:after{content:"C1";position:absolute;right:4%;top:28px;color:rgba(156,229,225,.07);font:180px var(--mono);font-weight:500;line-height:1}.eyebrow{color:var(--aqua);font:11px var(--mono);letter-spacing:.16em;margin:0 0 17px}.eyebrow span{color:var(--amber);margin-right:9px}.hero h1{font:600 clamp(47px,6.2vw,88px)/1.07 var(--serif);letter-spacing:.02em;margin:0;position:relative;z-index:1}.hero h1 em{font-style:normal;color:var(--amber);position:relative}.hero h1 em:after{content:"";height:7px;background:var(--amber);position:absolute;left:3px;right:4px;bottom:5px;opacity:.23}.hero-note{font:13px var(--mono);color:var(--muted);margin:25px 0 0;letter-spacing:.09em}.hero-aside{width:250px;align-self:end;margin-bottom:4px;position:relative;z-index:1}.hero-aside p{font-size:12px;line-height:1.8;color:var(--muted);margin:14px 0 0}.hero-aside b{color:var(--amber);font-weight:600}.compass{width:80px;height:80px;border:1px solid var(--line);border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;color:var(--faint);font:9px var(--mono)}.compass i{height:54px;width:1px;background:linear-gradient(var(--amber),transparent 53%,var(--cyan));transform:rotate(43deg);position:absolute}.compass span{position:absolute}.compass span:first-child{top:8px}.compass span:nth-child(3){right:9px}.compass span:nth-child(4){bottom:8px}.compass span:nth-child(5){left:9px}.control-panel{border:1px solid var(--line);background:linear-gradient(95deg,rgba(16,43,58,.9),rgba(11,33,48,.78));display:flex;justify-content:space-between;align-items:center;padding:22px 26px;margin-bottom:17px}.control-label .label-kicker{display:block;color:var(--faint);font:10px var(--mono);letter-spacing:.13em;margin-bottom:8px}.control-label strong{font:600 18px var(--serif);letter-spacing:.06em}.date-controls{display:flex;align-items:center;gap:9px}.icon-button,.today-button{background:transparent;color:var(--ink);border:1px solid var(--line);height:46px;cursor:pointer;transition:.2s}.icon-button{width:42px;font-size:19px}.icon-button:hover,.today-button:hover{border-color:var(--cyan);color:var(--cyan);background:rgba(156,229,225,.05)}.date-field{height:46px;border:1px solid rgba(156,229,225,.38);padding:6px 12px 3px;display:flex;flex-direction:column;min-width:170px}.date-field span{color:var(--aqua);font:9px var(--mono);letter-spacing:.12em}.date-field input{background:transparent;border:0;color:var(--ink);outline:0;font:13px var(--mono);margin-top:4px;cursor:pointer;color-scheme:dark}.today-button{padding:0 14px;color:var(--muted);font:11px var(--mono);letter-spacing:.04em}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:83px}.metric-card{background:rgba(11,33,48,.78);border:1px solid var(--line);padding:20px 22px 18px;min-height:140px;position:relative;overflow:hidden}.metric-card:after{content:"";width:46px;height:1px;background:var(--faint);position:absolute;right:20px;top:25px}.metric-accent{border-top:2px solid var(--amber)}.metric-accent:after{background:var(--amber)}.metric-label{display:block;color:var(--muted);font:10px var(--mono);letter-spacing:.12em;margin-bottom:16px}.metric-card strong{font:600 38px var(--mono);letter-spacing:-.08em;color:var(--cyan)}.metric-accent strong{color:var(--amber)}.metric-unit{font:11px var(--mono);color:var(--amber);margin-left:8px}.metric-card small{display:block;color:var(--faint);font:10px var(--mono);margin-top:11px;letter-spacing:.03em}.metric-time{font-size:21px!important;letter-spacing:-.05em!important;white-space:nowrap}.metric-weather strong{display:flex;align-items:center;gap:10px;font:600 24px var(--serif);letter-spacing:.04em}.warning-ring{width:13px;height:13px;border:2px solid var(--coral);border-radius:50%;display:inline-block;box-shadow:0 0 0 4px rgba(255,135,112,.12)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:19px}.section-heading h2,.card-heading h2{font:600 27px var(--serif);letter-spacing:.04em;margin:0}.legend{display:flex;gap:18px;color:var(--muted);font:10px var(--mono);padding-bottom:3px}.legend span{display:flex;align-items:center;gap:6px}.legend i{display:inline-block;width:8px;height:8px}.legend-safe{background:var(--amber)}.legend-twilight{background:#597a9a}.legend-day{background:#bd9b60}.timeline-card,.windows-card,.sun-card,.year-card{border:1px solid var(--line);background:rgba(10,29,43,.9)}.timeline-card{padding:23px 27px 19px}.timeline-topline{display:flex;justify-content:space-between;color:var(--muted);font:10px var(--mono);letter-spacing:.12em}.axis-caption{color:var(--faint)}.timeline-wrap{position:relative;padding:49px 0 43px}.timeline-labels{position:absolute;inset:12px 0 auto;height:22px;color:var(--faint);font:10px var(--mono)}.timeline-labels span{position:absolute;transform:translateX(-50%)}.route-track{height:83px;position:relative;background:linear-gradient(180deg,rgba(8,24,36,.3),rgba(8,24,36,.85));border-top:1px solid rgba(156,229,225,.14);border-bottom:1px solid rgba(156,229,225,.14);overflow:hidden}.track-base{position:absolute;inset:38px 0 auto;height:6px;background:#244251;border-radius:10px}.twilight-layer,.safe-layer{position:absolute;inset:0}.twilight-segment{position:absolute;top:0;height:100%;background:rgba(54,87,119,.33);border-left:1px solid rgba(122,175,198,.28);border-right:1px solid rgba(122,175,198,.28)}.day-segment{position:absolute;top:0;height:100%;background:rgba(167,133,79,.13)}.safe-segment{position:absolute;top:31px;height:20px;background:linear-gradient(90deg,#ce8744,var(--amber));border-radius:3px;box-shadow:0 0 22px rgba(247,183,100,.2)}.safe-segment:after{content:"";position:absolute;inset:4px 7px;border-top:1px solid rgba(255,255,255,.4)}.ship-marker{position:absolute;top:16px;transform:translateX(-50%);color:var(--ink);text-align:center;transition:left .45s ease;z-index:3}.ship-marker b{display:block;font-size:20px;color:var(--cyan);transform:rotate(90deg);text-shadow:0 0 11px rgba(156,229,225,.7)}.ship-marker span{display:block;color:var(--cyan);font:9px var(--mono);white-space:nowrap;margin-bottom:2px}.axis-ticks{position:absolute;inset:auto 0 0;height:29px;border-top:1px solid var(--line)}.axis-ticks span{position:absolute;top:10px;transform:translateX(-50%);color:var(--faint);font:10px var(--mono)}.axis-ticks span:before{content:"";position:absolute;top:-16px;left:50%;height:5px;border-left:1px solid var(--line)}.sun-markers{position:absolute;left:0;right:0;top:29px;height:106px;pointer-events:none}.sun-marker{position:absolute;height:19px;border-left:1px dashed var(--cyan);color:var(--cyan);font:9px var(--mono);white-space:nowrap;padding-left:7px}.sun-marker.end{border-color:var(--amber);color:var(--amber);transform:translateX(-100%);padding-left:0;padding-right:7px;text-align:right}.time-callouts{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:14px}.time-callout{display:flex;gap:8px;align-items:center;color:var(--muted);font:10px var(--mono)}.time-callout b{color:var(--amber);font-weight:500}.timeline-foot{border-top:1px solid var(--line);margin-top:17px;padding-top:14px;display:flex;justify-content:space-between;color:var(--faint);font:10px var(--mono)}.north-star{color:var(--amber);font-size:14px;margin-right:5px}.below-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:17px;margin-top:17px}.windows-card,.sun-card{padding:26px 27px}.card-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}.card-heading .eyebrow{margin-bottom:12px}.unit-pill{border:1px solid var(--line);color:var(--faint);font:9px var(--mono);padding:6px 8px;letter-spacing:.08em}.window-list{display:flex;flex-direction:column}.window-row{display:grid;grid-template-columns:76px 1fr 80px;gap:14px;align-items:center;padding:13px 0;border-top:1px solid var(--line)}.window-row:first-child{border-top:0;padding-top:0}.window-time{font:500 17px var(--mono);color:var(--amber)}.window-bar{height:5px;background:#1d3a49;position:relative;border-radius:2px}.window-bar i{position:absolute;left:0;top:0;bottom:0;background:var(--amber);border-radius:2px}.window-direction{font:10px var(--mono);color:var(--muted);text-align:right}.window-direction b{display:block;color:var(--cyan);font-weight:400;margin-bottom:3px}.card-note{display:flex;gap:9px;border-top:1px solid var(--line);margin-top:14px;padding-top:15px;color:var(--faint);font-size:11px;line-height:1.6}.card-note p{margin:0}.note-mark{display:grid;place-items:center;width:16px;height:16px;border:1px solid var(--faint);border-radius:50%;font:10px var(--mono);flex:0 0 auto}.card-note b{color:var(--muted);font-weight:500}.sun-list{border-top:1px solid var(--line)}.sun-row{display:grid;grid-template-columns:26px 1fr 54px;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.sun-icon{font-size:16px;color:var(--amber)}.sun-icon.dawn,.sun-icon.dusk{color:#78afc2}.sun-row b{display:block;font-size:12px;font-weight:600}.sun-row small{display:block;color:var(--faint);font:10px var(--mono);margin-top:3px}.sun-row strong{font:500 16px var(--mono);color:var(--cyan);text-align:right}.sun-source{margin-top:15px;color:var(--faint);font:10px var(--mono)}.sun-source a{color:var(--muted)}.year-section{margin:84px 0 64px}.year-summary{font:10px var(--mono);color:var(--muted);padding-bottom:5px}.year-card{padding:24px 27px 19px}.month-strip{display:grid;grid-template-columns:repeat(12,1fr);gap:5px;margin-bottom:13px}.month-strip button{background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--faint);padding:0 0 11px;cursor:pointer;font:10px var(--mono);letter-spacing:.08em}.month-strip button.active{color:var(--amber);border-color:var(--amber)}.year-grid{display:grid;grid-template-columns:repeat(53,1fr);grid-template-rows:repeat(7,13px);grid-auto-flow:column;gap:4px;overflow-x:auto;padding-bottom:9px}.year-day{width:13px;height:13px;border-radius:2px;border:0;padding:0;background:#183441;cursor:pointer;transition:transform .15s,box-shadow .15s}.year-day:hover,.year-day.selected{transform:scale(1.4);box-shadow:0 0 0 2px var(--cyan);z-index:1;position:relative}.year-day.dot-low{background:#34636b}.year-day.dot-mid{background:#c28149}.year-day.dot-high{background:var(--amber)}.year-day.empty{background:transparent;cursor:default}.year-legend{display:flex;align-items:center;gap:15px;color:var(--muted);font:10px var(--mono);border-top:1px solid var(--line);padding-top:15px;margin-top:3px}.year-legend span{display:flex;align-items:center;gap:5px}.day-dot{width:8px;height:8px;border-radius:2px;display:inline-block}.dot-low{background:#34636b}.dot-mid{background:#c28149}.dot-high{background:var(--amber)}.legend-tip{margin-left:auto;color:var(--faint)}.footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:20px 0 24px;color:var(--faint);font:10px var(--mono);letter-spacing:.04em}@media(max-width:900px){.app-shell{padding:0 22px}.hero{padding:65px 0 58px}.hero-aside{width:210px}.metrics{grid-template-columns:repeat(2,1fr);margin-bottom:62px}.below-grid{grid-template-columns:1fr}.timeline-card{padding-left:17px;padding-right:17px}.timeline-foot{gap:16px;line-height:1.5}.footer{gap:12px;flex-wrap:wrap}.hero:after{font-size:120px}}@media(max-width:620px){.topbar{height:69px}.topbar-right .status-copy,.top-divider,.source-link{display:none}.hero{display:block;padding:54px 0 45px}.hero h1{font-size:46px}.hero-aside{margin-top:35px;width:100%;display:flex;gap:15px;align-items:center}.hero-aside p{margin:0;max-width:235px}.compass{width:62px;height:62px;flex:0 0 auto}.compass i{height:42px}.control-panel{display:block;padding:18px}.date-controls{margin-top:15px}.date-field{flex:1;min-width:0}.date-field input{width:100%}.metrics{gap:8px}.metric-card{padding:16px 14px;min-height:126px}.metric-card strong{font-size:28px}.metric-time{font-size:16px!important}.metric-card:after{right:13px;top:21px}.section-heading{display:block}.legend{margin-top:16px;flex-wrap:wrap;gap:10px}.timeline-wrap{padding-top:42px}.timeline-foot{display:block}.timeline-foot span{display:block;margin-top:6px}.window-row{grid-template-columns:67px 1fr 69px;gap:8px}.window-time{font-size:14px}.windows-card,.sun-card,.year-card{padding:21px 17px}.year-grid{grid-template-columns:repeat(53,13px)}.year-legend{flex-wrap:wrap}.legend-tip{width:100%;margin-left:0;margin-top:4px}.footer{display:block;line-height:2}.footer span{display:block}}
.rules-section{margin:0 0 83px}.regulation-alert{display:flex;align-items:center;gap:8px;color:#f2b36c;font:10px var(--mono);padding-bottom:4px}.alert-dot{width:7px;height:7px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 5px rgba(255,135,112,.1)}.rule-grid{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:12px}.rule-card{background:rgba(11,33,48,.8);border:1px solid var(--line);padding:23px 24px 22px;min-height:235px;position:relative;overflow:hidden}.rule-card:after{content:"";position:absolute;right:-18px;bottom:-43px;width:130px;height:130px;border:1px solid rgba(156,229,225,.09);border-radius:50%}.rule-card-main{border-top:2px solid var(--amber);background:linear-gradient(140deg,rgba(49,44,34,.54),rgba(11,33,48,.85))}.rule-card-weather{border-top:2px solid var(--coral)}.rule-index{font:10px var(--mono);letter-spacing:.12em;color:var(--faint)}.rule-card h3{font:600 21px/1.35 var(--serif);margin:16px 0 14px;letter-spacing:.04em}.rule-card h3 em{font-style:normal;color:var(--amber)}.rule-card-weather h3 em{color:var(--coral)}.rule-card ul{list-style:none;padding:0;margin:0}.rule-card li{color:var(--muted);font-size:11px;line-height:1.55;padding:8px 0 8px 15px;border-top:1px solid var(--line);position:relative}.rule-card li:before{content:"";position:absolute;left:0;top:15px;width:5px;height:5px;background:var(--cyan);border-radius:50%}.rule-card li b{color:var(--amber);font-weight:600}.threshold{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:11px 0;color:var(--muted);font:10px/1.5 var(--mono)}.threshold b{text-align:right;color:#e6d8bd;font-weight:500}.threshold small{color:var(--faint);font-size:9px}.threshold-danger b{color:var(--coral)}.rule-foot{display:flex;justify-content:space-between;gap:16px;color:var(--faint);font:9px/1.6 var(--mono);padding-top:13px}.contact-float{position:fixed;z-index:20;right:25px;bottom:24px;width:210px;padding:16px 18px 15px;border:1px solid rgba(156,229,225,.34);background:linear-gradient(145deg,rgba(17,51,66,.97),rgba(7,23,37,.97));box-shadow:0 14px 36px rgba(0,0,0,.34),0 0 0 5px rgba(87,203,200,.04);transition:opacity .25s,transform .25s}.contact-float:before{content:"";position:absolute;left:-1px;top:-1px;width:34px;height:2px;background:var(--amber)}.contact-float.is-hidden{opacity:0;transform:translateY(12px);pointer-events:none}.contact-close{position:absolute;right:8px;top:6px;color:var(--faint);background:transparent;border:0;font-size:17px;cursor:pointer}.contact-close:hover{color:var(--ink)}.contact-orbit{display:block;color:var(--aqua);font:9px var(--mono);letter-spacing:.14em;margin-bottom:11px}.contact-float>strong{display:block;font:600 14px var(--serif);letter-spacing:.08em}.contact-float>span:not(.contact-orbit){display:block;color:var(--faint);font:9px var(--mono);margin-top:4px}.wechat-line{display:grid;grid-template-columns:23px 1fr;column-gap:8px;align-items:center;margin-top:14px;border-top:1px solid var(--line);padding-top:12px}.wechat-line i{grid-row:span 2;display:grid;place-items:center;width:23px;height:23px;border:1px solid var(--aqua);border-radius:6px;color:var(--aqua);font:600 13px var(--sans);font-style:normal}.wechat-line b{font:500 13px var(--mono);color:var(--amber)}.wechat-line small{color:var(--faint);font:9px var(--mono)}
@media(max-width:900px){.rule-grid{grid-template-columns:1fr 1fr}.rule-card-main{grid-column:span 2}.rule-foot{display:block}.rule-foot span{display:block;margin-top:5px}.contact-float{right:16px;bottom:16px}}
@media(max-width:620px){.rules-section{margin-bottom:58px}.regulation-alert{margin-top:14px}.rule-grid{grid-template-columns:1fr}.rule-card-main{grid-column:auto}.rule-card{min-height:auto;padding:20px 17px}.rule-card h3{font-size:19px}.rule-foot{font-size:8px}.contact-float{right:12px;bottom:12px;width:188px;padding:13px 15px}.contact-float>strong{font-size:13px}}

/* Tide-style clarity redesign */
:root{--ink:#102a2c;--muted:#667c7d;--faint:#809392;--deep:#f7faf6;--panel:#fff;--panel-2:#edf6f1;--line:#d9e5df;--cyan:#0f7773;--aqua:#2c938c;--amber:#e4a845;--coral:#c85f4a;--night:#9ca9a5}
body{background:radial-gradient(circle at 84% -8%,#cce9e2 0,transparent min(34rem,44vw)),linear-gradient(#edf6f1 0,#f7faf6 42rem);font-family:'Avenir Next','PingFang SC','Microsoft YaHei',sans-serif}body:before{opacity:.14}.app-shell{max-width:1540px;padding:0 clamp(18px,3.5vw,58px)}.topbar{height:70px}.brand strong{font-size:16px}.brand small,.topbar-right{color:var(--muted)}.signal-dot{box-shadow:0 0 0 5px rgba(15,119,115,.1)}.hero{padding:58px 0 50px}.hero:after{color:rgba(15,119,115,.055);font-size:140px}.hero h1{font-size:clamp(34px,4.15vw,58px);line-height:1.08;letter-spacing:0}.hero h1 em{color:#9a641b}.hero h1 em:after{height:5px;background:var(--amber)}.hero-note,.hero-aside p{color:var(--muted)}.hero-aside b{color:#9a641b}.compass{border-color:#bfd3cc;color:var(--muted)}.compass i{background:linear-gradient(var(--amber),transparent 53%,var(--cyan))}.control-panel{background:rgba(255,255,255,.9);border:1px solid #b9d6cf;border-radius:16px;box-shadow:0 18px 50px rgba(15,72,68,.07);margin-bottom:28px}.control-label strong{color:var(--ink)}.date-field{border-color:var(--cyan);border-radius:9px;background:#f9fcfa}.date-field input{color:var(--ink);color-scheme:light}.icon-button,.today-button{color:var(--muted);border-color:#bfd3cc;border-radius:9px}.icon-button:hover,.today-button:hover{color:var(--cyan);background:#edf6f1;border-color:var(--cyan)}.section-heading h2,.card-heading h2{font-size:clamp(22px,1.6vw,28px)}.timeline-section{margin-top:0}.timeline-card,.windows-card,.sun-card,.year-card{background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 50px rgba(15,72,68,.07)}.timeline-card{padding:25px 28px 20px}.timeline-topline{color:var(--muted)}.legend{color:var(--muted);flex-wrap:wrap;justify-content:flex-end}.legend i{border-radius:50%;width:9px;height:9px}.legend-safe{background:var(--cyan)}.legend-blocked{background:var(--coral)}.legend-twilight{background:#5a78a8}.legend-day{background:var(--amber)}.timeline-wrap{padding:48px 0 44px}.timeline-labels{left:92px;right:0;color:var(--muted)}.timeline-row{display:grid;grid-template-columns:78px minmax(0,1fr);gap:14px;align-items:center;margin-bottom:14px}.timeline-row:last-of-type{margin-bottom:0}.row-label{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;font-weight:700;white-space:nowrap}.row-label i{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;font:600 12px var(--serif);font-style:normal}.light-row .row-label i{color:#8c5914;background:#f8ecd4}.passage-row .row-label i{color:var(--cyan);background:#d9f0eb}.route-track{height:32px;border:0;border-radius:999px;background:#edf2ee;overflow:hidden;box-shadow:inset 0 0 0 3px #edf2ee}.track-base{inset:0;height:100%;background:#aab6b2;border-radius:999px}.twilight-layer,.safe-layer,.blocked-layer{position:absolute;inset:0}.night-segment,.twilight-segment,.day-segment{position:absolute;top:0;height:100%;display:grid;place-items:center;font:9px var(--mono);overflow:hidden}.night-segment{background:#aab6b2;color:#f7faf6}.twilight-segment{background:#6f8ebb;border:0}.day-segment{background:var(--amber);color:#6c4717}.safe-segment,.blocked-segment{position:absolute;top:0;height:100%;border-radius:0;box-shadow:none}.safe-segment{background:var(--cyan)}.safe-segment:after{display:none}.blocked-segment{background:repeating-linear-gradient(135deg,#c85f4a 0,#c85f4a 6px,#df8c7d 6px,#df8c7d 10px)}.ship-marker{top:-20px;color:var(--cyan)}.ship-marker b{font-size:13px;color:var(--cyan);transform:none;text-shadow:none}.ship-marker span{color:var(--cyan);font-size:8px}.sun-markers{left:92px;right:0;top:35px;height:104px}.sun-marker{height:82px;color:#8c5914;border-color:#d28b1d;background:transparent}.sun-marker.end{color:#3157a4;border-color:#3157a4}.axis-ticks{left:92px;right:0;color:var(--muted)}.axis-ticks span{color:var(--muted)}.time-callouts{border-top:1px solid var(--line);gap:10px}.time-callout{background:#f4f8f5;border-radius:8px;padding:8px 10px;color:var(--muted)}.time-callout b{color:var(--cyan)}.time-callout.no-passage b{color:var(--coral)}.timeline-foot{color:var(--muted)}.north-star{color:var(--amber)}.below-grid{margin-top:18px}.windows-card,.sun-card{padding:25px 27px}.card-heading{align-items:center}.icon-heading{display:flex;align-items:center;gap:12px}.route-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;font:600 16px var(--serif);flex:0 0 auto}.route-icon-safe{background:#d9f0eb;color:var(--cyan)}.route-icon-light{background:#f8ecd4;color:#8c5914}.window-list{display:grid;gap:8px}.window-row{display:grid;grid-template-columns:34px minmax(0,1fr) 95px;gap:12px;align-items:center;border:0;background:#f5f8f5;border-radius:10px;padding:11px 13px}.window-status-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--cyan);color:#fff;font:700 11px var(--mono)}.window-time{color:var(--ink);font:inherit}.window-time strong{display:block;font:600 17px var(--mono);font-variant-numeric:tabular-nums}.window-time small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.window-direction{color:var(--muted)}.window-direction b{color:var(--cyan)}.empty-window{display:flex;align-items:center;gap:12px;background:#faf1ef;border-radius:10px;padding:15px}.empty-window>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f1d8d3;color:var(--coral);font:600 14px var(--serif)}.empty-window b{display:block;font-size:13px}.empty-window small{display:block;color:var(--muted);margin-top:3px}.card-note{color:var(--muted)}.sun-list{border-color:var(--line)}.sun-row{border-color:var(--line)}.sun-row b{color:var(--ink)}.sun-row strong{color:var(--cyan)}.year-section{margin:72px 0 58px}.year-card{padding:24px 27px}.month-strip button{color:var(--muted);border-color:var(--line)}.year-day{background:#dfe8e3}.year-day.dot-none,.dot-none{background:#dfe8e3}.year-day.dot-low,.dot-low{background:#83b5ae}.year-day.dot-mid,.dot-mid{background:#3b8d86}.year-day.dot-high,.dot-high{background:var(--cyan)}.year-day:hover,.year-day.selected{box-shadow:0 0 0 2px var(--amber)}.rules-section{margin:0 0 58px}.definition-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}.definition-grid article{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 12px 30px rgba(15,72,68,.05)}.definition-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#d9f0eb;color:var(--cyan);font:600 14px var(--serif);flex:0 0 auto}.definition-grid b{display:block;font-size:13px}.definition-grid p{margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.rule-grid{gap:12px}.rule-card{background:#fff;border-color:var(--line);border-radius:14px;box-shadow:0 12px 30px rgba(15,72,68,.05);color:var(--ink)}.rule-card-main{background:#f8fbf8;border-top:3px solid var(--cyan)}.rule-card-weather{border-top:3px solid var(--coral)}.rule-index{color:var(--cyan)}.rule-card h3{color:var(--ink);font-size:19px}.rule-card li{color:var(--muted);border-color:var(--line)}.rule-card li b{color:#8c5914}.threshold{color:var(--muted);border-color:var(--line)}.threshold b{color:var(--ink)}.threshold-danger b{color:var(--coral)}.rule-foot{color:var(--muted)}.contact-float{background:rgba(255,255,255,.96);border-color:#b9d6cf;border-radius:13px;box-shadow:0 12px 34px rgba(15,72,68,.16)}.contact-float>strong{color:var(--cyan)}.contact-close{color:var(--muted)}.wechat-line b{color:var(--cyan)}.footer{color:var(--muted)}
@media(max-width:900px){.timeline-labels,.sun-markers,.axis-ticks{left:78px}.timeline-row{grid-template-columns:66px minmax(0,1fr);gap:12px}.row-label{font-size:0}.row-label i{font-size:12px}.definition-grid{grid-template-columns:1fr}.rule-grid{grid-template-columns:1fr}.rule-card-main{grid-column:auto}}
@media(max-width:620px){.hero{padding:42px 0 38px}.hero h1{font-size:34px}.timeline-card{padding:20px 14px}.timeline-labels,.sun-markers,.axis-ticks{left:45px}.timeline-row{grid-template-columns:35px minmax(0,1fr);gap:7px}.row-label i{width:28px;height:28px}.night-segment span,.day-segment span{display:none}.sun-marker{font-size:8px;padding-left:4px}.sun-marker.end{padding-right:4px}.window-row{grid-template-columns:30px minmax(0,1fr);gap:9px}.window-direction{grid-column:2;text-align:left}.window-time strong{font-size:15px}.definition-grid article{padding:13px}.legend{justify-content:flex-start}.contact-float{width:190px}}
.time-callout.blocked-callout{background:#faf1ef}.time-callout.blocked-callout b{color:var(--coral)}
.sun-marker.end{transform:none;padding:0;text-align:left}.sun-marker>span{display:block;padding-left:7px}.sun-marker.end>span{transform:translateX(-100%);padding:0 7px 0 0;text-align:right}

/* Compact contact card */
.contact-float{right:18px;bottom:18px;width:174px;padding:11px 13px 10px;border-radius:10px}.contact-close{right:6px;top:4px;font-size:14px}.contact-orbit{font-size:7px;margin-bottom:7px}.contact-float>strong{font-size:12px;letter-spacing:.06em}.contact-float>span:not(.contact-orbit){font-size:8px;margin-top:3px}.wechat-line{grid-template-columns:19px 1fr;column-gap:6px;margin-top:9px;padding-top:8px}.wechat-line i{width:19px;height:19px;border-radius:5px;font-size:10px}.wechat-line b{font-size:11px}.wechat-line small{font-size:7px}
@media(max-width:620px){.contact-float{right:8px;bottom:8px;width:162px;padding:10px 12px 9px}}

/* Agent-install surface beside the main title. */
.hero-aside{width:min(360px,32vw);align-self:center;margin:0}.agent-skill-card{position:relative;background:rgba(255,255,255,.92);border:1px solid #b9d6cf;border-radius:16px;padding:18px 18px 15px;box-shadow:0 18px 46px rgba(15,72,68,.09);overflow:hidden}.agent-skill-card:before{content:"";position:absolute;left:0;top:0;width:74px;height:3px;background:var(--amber)}.skill-card-top{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center}.agent-orb{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#d9f0eb;color:var(--cyan);font:700 11px var(--mono)}.skill-card-top small{display:block;color:var(--muted);font:8px var(--mono);letter-spacing:.12em}.skill-card-top strong{display:block;color:var(--ink);font:600 15px var(--serif);margin-top:4px;letter-spacing:.04em}.skill-live{display:flex;align-items:center;gap:5px;color:var(--cyan);font:8px var(--mono);letter-spacing:.08em}.skill-live i{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px rgba(15,119,115,.08)}.agent-skill-card>p{margin:14px 0 10px;color:var(--muted);font-size:11px;line-height:1.65}.agent-skill-card>code{display:block;padding:9px 10px;border-radius:8px;background:#f3f7f4;color:#43615d;font:9px var(--mono);white-space:nowrap}.skill-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.skill-actions a{display:flex;align-items:center;justify-content:center;min-height:36px;border:1px solid #bfd3cc;border-radius:8px;color:var(--cyan);font:600 10px var(--mono);text-decoration:none}.skill-actions a:hover{border-color:var(--cyan);background:#edf6f1}.skill-actions .skill-primary{background:var(--cyan);border-color:var(--cyan);color:#fff}.skill-actions .skill-primary:hover{background:#0b6663;color:#fff}.skill-actions span{margin-left:7px}.skill-agents{display:flex;justify-content:space-between;gap:7px;border-top:1px solid var(--line);margin-top:13px;padding-top:10px;color:var(--muted);font:7px var(--mono);letter-spacing:.09em}.hero-method{margin:11px 2px 0!important;font-size:10px!important;line-height:1.65!important}.hero-method b{color:#9a641b}
@media(max-width:900px){.hero-aside{width:310px}.agent-skill-card{padding:15px}.hero-method{display:none}}
@media(max-width:620px){.hero-aside{width:100%;display:block;margin-top:29px}.agent-skill-card{max-width:390px}.hero-method{display:block;max-width:none!important;margin:10px 2px 0!important}.agent-skill-card>p{max-width:none}.skill-actions{grid-template-columns:1fr 1fr}}