:root{--navy:#071b31;--deep:#0d2d4a;--blue:#1768a7;--cyan:#6ce3df;--mist:#eef8f5;--ink:#10283e;--muted:#5d7182;--gold:#efbd6a;--line:rgba(255,255,255,.32);--glass:rgba(245,252,250,.78);--shadow:0 22px 55px rgba(2,24,47,.18);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;background:linear-gradient(135deg,#f3fbf8 0%,#e6f4f3 48%,#d9eaf1 100%);line-height:1.75}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.tide-mast{position:sticky;top:0;z-index:20;background:rgba(7,27,49,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.14);color:#fff}.mast-inner{max-width:1180px;margin:auto;padding:16px 24px;display:flex;align-items:center;gap:28px}.brand-mark{font-size:19px;font-weight:800;letter-spacing:.02em;white-space:nowrap}.brand-mark span{color:var(--cyan)}.nav-links{display:flex;gap:18px;align-items:center;flex:1;justify-content:flex-end}.nav-links a{font-size:13px;color:rgba(255,255,255,.76);padding:8px 2px}.nav-links a:hover,.nav-links a[aria-current=page]{color:#fff}.nav-toggle{display:none;background:none;color:#fff;border:0;font-size:24px}.sail-hero{min-height:650px;position:relative;display:flex;align-items:center;overflow:hidden;background:var(--navy);isolation:isolate}.sail-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,18,36,.93) 0%,rgba(4,18,36,.76) 38%,rgba(4,18,36,.05) 75%),url('/assets/lanfancloud-ocean-sail-hero.png') center/cover no-repeat;z-index:-2}.sail-hero:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:86px;background:linear-gradient(180deg,transparent,rgba(7,27,49,.38));z-index:-1}.hero-inner{max-width:1180px;width:100%;margin:auto;padding:72px 24px 92px;display:grid;grid-template-columns:minmax(0,470px) 1fr;gap:56px;align-items:center}.eyebrow{color:var(--cyan);font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:700}.hero-copy h1{font-size:clamp(38px,5vw,68px);line-height:1.08;color:#fff;margin:18px 0 20px;letter-spacing:0}.hero-copy p{font-size:17px;color:rgba(255,255,255,.82);max-width:530px;margin:0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:999px;border:1px solid rgba(255,255,255,.24);background:var(--cyan);color:#05203a;font-weight:800;box-shadow:0 10px 28px rgba(7,227,218,.2);transition:transform .25s,box-shadow .25s}.btn:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(7,227,218,.32)}.btn.secondary{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.35);box-shadow:none}.hero-ledger{justify-self:end;max-width:380px;padding:24px;border:1px solid rgba(255,255,255,.35);border-radius:26px;background:rgba(7,27,49,.52);backdrop-filter:blur(16px);color:#fff;box-shadow:var(--shadow)}.ledger-top{display:flex;justify-content:space-between;align-items:center;color:rgba(255,255,255,.72);font-size:12px}.signal{display:inline-flex;align-items:center;gap:7px;color:#c9ffdf}.signal:before{content:"";width:8px;height:8px;background:#72e3a3;border-radius:50%;box-shadow:0 0 0 5px rgba(114,227,163,.13)}.route-line{height:1px;background:linear-gradient(90deg,var(--cyan),transparent);margin:20px 0}.ledger-item{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.13);font-size:14px}.ledger-item:last-child{border:0}.ledger-item strong{color:var(--cyan);font-weight:700}.page-shell{max-width:1180px;margin:auto;padding:72px 24px}.section-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:26px}.section-heading h2{margin:0;font-size:34px;line-height:1.2;color:var(--navy)}.section-heading p{max-width:560px;margin:0;color:var(--muted)}.glass-bridge{background:var(--glass);border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow);border-radius:var(--radius);padding:28px;backdrop-filter:blur(18px)}.tide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tide-grid.four{grid-template-columns:repeat(4,1fr)}.voyage-card{padding:24px;border-top:3px solid var(--blue);background:rgba(255,255,255,.62);border-radius:18px;min-height:188px}.voyage-card h3{margin:4px 0 10px;font-size:19px;color:var(--navy)}.voyage-card p{margin:0;color:var(--muted);font-size:14px}.kicker{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.1em}.sea-band{background:var(--navy);color:#fff;padding:62px 0}.sea-band .section-heading h2{color:#fff}.sea-band .section-heading p{color:rgba(255,255,255,.72)}.route-ledger{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}.route-map{min-height:310px;border-radius:22px;background:radial-gradient(circle at 70% 32%,rgba(108,227,223,.3) 0 2px,transparent 3px),radial-gradient(circle at 30% 68%,rgba(239,189,106,.6) 0 2px,transparent 3px),linear-gradient(155deg,#133d63,#071b31);background-size:auto,auto,auto;color:#fff;padding:26px;position:relative;overflow:hidden}.route-map:after{content:"";position:absolute;left:14%;right:10%;top:55%;height:120px;border-top:1px dashed rgba(108,227,223,.75);border-radius:50%;transform:rotate(-15deg)}.route-map h3{position:relative;z-index:1;font-size:25px;margin:0 0 8px}.route-map p{position:relative;z-index:1;color:rgba(255,255,255,.72);max-width:310px}.route-list{display:grid;gap:10px}.route-row{display:flex;justify-content:space-between;gap:18px;padding:15px 17px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:14px}.route-row span{color:rgba(255,255,255,.7)}.route-row strong{color:var(--cyan)}.story-list{display:grid;gap:12px}.story-row{display:grid;grid-template-columns:112px 1fr auto;align-items:center;gap:18px;padding:17px 0;border-bottom:1px solid rgba(7,27,49,.12)}.story-row time,.story-row .tag{font-size:12px;color:var(--muted)}.story-row h3{margin:0;font-size:17px;color:var(--navy)}.arrow{font-size:24px;color:var(--blue)}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.faq-grid details{background:rgba(255,255,255,.7);border:1px solid rgba(7,27,49,.1);border-radius:15px;padding:17px 19px}.faq-grid summary{cursor:pointer;font-weight:800;color:var(--navy)}.faq-grid p{color:var(--muted);margin:12px 0 0;font-size:14px}.page-hero{background:var(--navy);color:#fff;padding:68px 0}.page-hero h1{margin:0 0 12px;font-size:clamp(34px,5vw,58px);line-height:1.1}.page-hero p{max-width:700px;color:rgba(255,255,255,.74);margin:0}.content-prose{max-width:820px;margin:0 auto}.content-prose h2{color:var(--navy);font-size:28px;margin:42px 0 12px}.content-prose h3{color:var(--blue);font-size:19px;margin:25px 0 8px}.content-prose p,.content-prose li{color:#435c70}.content-prose ul{padding-left:24px}.data-table{width:100%;border-collapse:collapse;margin:22px 0;background:rgba(255,255,255,.68);border-radius:15px;overflow:hidden}.data-table th,.data-table td{text-align:left;padding:14px;border-bottom:1px solid rgba(7,27,49,.1);font-size:14px}.data-table th{color:var(--navy);background:rgba(108,227,223,.14)}.mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.metric-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(7,27,49,.15);border-radius:18px;overflow:hidden;margin-top:28px}.metric-strip div{background:rgba(255,255,255,.72);padding:21px}.metric-strip strong{display:block;color:var(--navy);font-size:25px}.metric-strip span{font-size:12px;color:var(--muted)}.notice{border-left:4px solid var(--gold);padding:16px 18px;background:rgba(239,189,106,.16);border-radius:10px;color:#4e5a59;margin:22px 0}.site-footer{background:#061728;color:rgba(255,255,255,.72);padding:42px 0}.footer-grid{max-width:1180px;margin:auto;padding:0 24px;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:30px}.site-footer h2{font-size:18px;color:#fff;margin:0 0 10px}.site-footer p{font-size:13px;margin:7px 0}.footer-links{display:flex;flex-wrap:wrap;gap:8px 16px}.footer-links a{font-size:13px;color:rgba(255,255,255,.82)}.footer-note{border-top:1px solid rgba(255,255,255,.12);max-width:1180px;margin:30px auto 0;padding:20px 24px 0;font-size:12px}.back-top{position:fixed;right:20px;bottom:20px;border:1px solid rgba(255,255,255,.8);border-radius:50%;width:42px;height:42px;background:rgba(7,27,49,.8);color:#fff;cursor:pointer}.article-meta{display:flex;gap:15px;flex-wrap:wrap;color:var(--muted);font-size:13px;border-bottom:1px solid rgba(7,27,49,.13);padding-bottom:15px}.article-lead{font-size:19px;color:var(--navy);font-weight:700;margin:25px 0}.badge{display:inline-block;padding:4px 10px;border-radius:20px;color:#07576a;background:rgba(108,227,223,.28);font-size:12px;font-weight:800}@media(max-width:840px){.nav-links{display:none;position:absolute;left:0;right:0;top:61px;background:rgba(7,27,49,.97);padding:12px 24px 18px;flex-direction:column;align-items:flex-start;gap:4px}.nav-links.open{display:flex}.nav-toggle{display:block;margin-left:auto}.hero-inner{grid-template-columns:1fr;padding-top:58px;min-height:700px}.hero-ledger{justify-self:stretch;max-width:none}.tide-grid,.tide-grid.four{grid-template-columns:1fr 1fr}.route-ledger{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.story-row{grid-template-columns:90px 1fr}.story-row .tag{display:none}}@media(max-width:560px){.mast-inner{padding:14px 17px}.brand-mark{font-size:16px}.sail-hero{min-height:780px}.hero-inner{padding:44px 18px 78px;gap:30px}.hero-copy h1{font-size:40px}.hero-copy p{font-size:15px}.page-shell{padding:48px 18px}.section-heading{display:block}.section-heading h2{font-size:28px;margin-bottom:10px}.tide-grid,.tide-grid.four,.faq-grid,.mini-grid,.metric-strip{grid-template-columns:1fr}.glass-bridge{padding:20px}.story-row{grid-template-columns:1fr auto;gap:6px}.story-row time{grid-column:1}.story-row h3{grid-column:1}.story-row .arrow{grid-column:2;grid-row:1/3}.footer-grid{grid-template-columns:1fr;padding:0 18px}.footer-note{padding-left:18px;padding-right:18px}.data-table{display:block;overflow-x:auto;white-space:nowrap}.page-hero{padding:52px 0}.page-hero h1{font-size:38px}}