:root{
  --Oceaniz_bg:#08BFFD;
  --Oceaniz_panel:#45CAD3;
  --Oceaniz_glow:#EAFA05;
  --Oceaniz_primary:#0521F5;
  --Oceaniz_pill:#CCFFFF;
  --Oceaniz_ink:#04204d;
  --Oceaniz_dark:#03125f;
  --Oceaniz_white:#f7ffff;
  --Oceaniz_shadow:0 16px 38px rgba(5,33,245,.18);
  --Oceaniz_border:2px solid var(--Oceaniz_glow);
  --Oceaniz_radius:24px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--Oceaniz_ink);
  font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;
  background:
    radial-gradient(circle at 10% 20%, rgba(234,250,5,.22) 0, transparent 22%),
    radial-gradient(circle at 85% 12%, rgba(204,255,255,.34) 0, transparent 20%),
    radial-gradient(circle at 90% 80%, rgba(5,33,245,.18) 0, transparent 26%),
    linear-gradient(135deg, #08BFFD 0%, #16cdf0 52%, #07b0ff 100%);
  overflow-x:hidden;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  background:
    repeating-radial-gradient(circle at 0 0, rgba(255,255,255,.08) 0 2px, transparent 2px 44px),
    linear-gradient(120deg, transparent 0 35%, rgba(255,255,255,.08) 35% 36%, transparent 36% 70%, rgba(255,255,255,.06) 70% 71%, transparent 71% 100%);
  pointer-events:none;
  z-index:-1;
}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
button,input,textarea{font:inherit}

.Oceaniz_corefield{
  width:min(1240px, calc(100% - 28px));
  margin:0 auto;
  padding:22px 0 80px;
}
.Oceaniz_blocklead{
  margin-bottom:20px;
}
.Oceaniz_blocklead h2{
  margin:0 0 10px;
  color:var(--Oceaniz_dark);
  font-size:clamp(1.8rem,2.8vw,2.8rem);
  line-height:1.25;
}
.Oceaniz_blocklead p{
  margin:0;
  font-size:1rem;
  line-height:1.85;
  max-width:840px;
}
.Oceaniz_signaltag{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(204,255,255,.92);
  border:1px solid rgba(5,33,245,.18);
  color:var(--Oceaniz_primary);
  font-weight:800;
  font-size:.84rem;
  margin-bottom:12px;
}

/* top header */
.Oceaniz_mastframe{position:sticky;top:0;z-index:50}
.Oceaniz_signalbar{
  background:linear-gradient(90deg, #bffcff 0%, #ffffff 50%, #a5f1ff 100%);
}
.Oceaniz_signalinner,
.Oceaniz_routeinner,
.Oceaniz_tailinner{
  width:min(1240px, calc(100% - 28px));
  margin:0 auto;
}
.Oceaniz_signalinner{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:18px;
  align-items:center;
  padding:10px 0;
}
.Oceaniz_markdock{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.Oceaniz_markicon{
  width:54px;
  height:54px;
  object-fit:contain;
  filter:drop-shadow(0 0 12px rgba(234,250,5,.45));
}
.Oceaniz_marktext{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
}
.Oceaniz_flashline{
  overflow:hidden;
  white-space:nowrap;
}
.Oceaniz_flashtrack{
  display:inline-block;
  min-width:100%;
  animation:Oceaniz_ticker 16s linear infinite;
}
.Oceaniz_flashtrack p{
  margin:0;
  color:var(--Oceaniz_primary);
  font-weight:700;
}
@keyframes Oceaniz_ticker{
  0%{transform:translateX(100%)}
  100%{transform:translateX(-100%)}
}
.Oceaniz_bookmarkbtn{
  border:none;
  background:transparent;
  color:var(--Oceaniz_primary);
  display:inline-flex;
  align-items:center;
  gap:8px;
  cursor:pointer;
  font-weight:800;
}
.Oceaniz_bookmarkglyph{
  width:34px;
  height:34px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  color:var(--Oceaniz_primary);
  box-shadow:0 0 0 2px rgba(234,250,5,.6);
}

.Oceaniz_routeband{
  background:rgba(204,255,255,.75);
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(5,33,245,.12);
}
.Oceaniz_routeinner{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:14px;
  padding:14px 0;
}
.Oceaniz_routelist{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.Oceaniz_routelist a,
.Oceaniz_phonelist a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 18px;
  border-radius:999px;
  background:var(--Oceaniz_pill);
  color:var(--Oceaniz_primary);
  border:1px solid rgba(5,33,245,.12);
  font-weight:800;
  transition:.25s ease;
}
.Oceaniz_routelist a:hover,
.Oceaniz_phonelist a:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 20px rgba(5,33,245,.16);
}
.Oceaniz_switchbay{display:none}
.Oceaniz_menutoggle{
  width:48px;
  height:48px;
  border:none;
  border-radius:14px;
  background:var(--Oceaniz_primary);
  color:#fff;
  box-shadow:0 8px 0 #02118e;
  cursor:pointer;
}
.Oceaniz_phonepanel{display:none;padding:0 0 16px}
.Oceaniz_phonepanel.is-open{display:block}
.Oceaniz_phonelist{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:10px;
}

/* buttons */
.Oceaniz_primarytrigger,
.Oceaniz_secondarytrigger{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:12px 22px;
  border-radius:16px;
  font-weight:900;
}
.Oceaniz_primarytrigger{
  background:var(--Oceaniz_primary);
  color:#fff;
  box-shadow:0 8px 0 #02118e, 0 0 18px rgba(234,250,5,.35);
}
.Oceaniz_secondarytrigger{
  background:#dfffff;
  color:var(--Oceaniz_primary);
  border:1px solid rgba(5,33,245,.15);
  box-shadow:0 8px 0 #99e9ef;
}

/* common cards */
.Oceaniz_fluxslide,
.Oceaniz_originpanel,
.Oceaniz_originphoto,
.Oceaniz_statcell,
.Oceaniz_guardcell,
.Oceaniz_voicecard,
.Oceaniz_powermajor,
.Oceaniz_powerminor,
.Oceaniz_scopeunit,
.Oceaniz_globecell,
.Oceaniz_querylane details,
.Oceaniz_newsunit,
.Oceaniz_reachcore,
.Oceaniz_reacharms,
.Oceaniz_signalform,
.Oceaniz_tailbrand,
.Oceaniz_tailnav,
.Oceaniz_tailreach{
  background:rgba(69,202,211,.92);
  border:var(--Oceaniz_border);
  box-shadow:var(--Oceaniz_shadow), 0 0 20px rgba(234,250,5,.18);
}

/* banner ⇆ */
.Oceaniz_fluxdeck{margin-bottom:28px}
.Oceaniz_fluxrail{
  display:grid;
  grid-template-columns:1.4fr .8fr;
  gap:18px;
  align-items:stretch;
}
.Oceaniz_fluxslide{
  border-radius:30px;
  overflow:hidden;
}
.Oceaniz_fluxslideA{
  display:grid;
  grid-template-columns:1.1fr .9fr;
}
.Oceaniz_fluxcopy{
  padding:34px;
}
.Oceaniz_fluxcopy h1{
  margin:0 0 14px;
  color:var(--Oceaniz_dark);
  font-size:clamp(2rem,3.6vw,3.8rem);
  line-height:1.1;
}
.Oceaniz_fluxcopy p{
  margin:0 0 18px;
  line-height:1.85;
}
.Oceaniz_fluxcta{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}
.Oceaniz_fluxvisual img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.Oceaniz_fluxslideB{
  display:grid;
  gap:14px;
  padding:16px;
}
.Oceaniz_fluxmini{
  border-radius:22px;
  background:rgba(204,255,255,.55);
  border:1px solid rgba(5,33,245,.12);
  padding:22px 18px;
}
.Oceaniz_fluxmini i{
  color:var(--Oceaniz_primary);
  font-size:1.45rem;
  margin-bottom:10px;
}
.Oceaniz_fluxmini strong{
  display:block;
  font-size:1rem;
  margin-bottom:8px;
}
.Oceaniz_fluxmini p{
  margin:0;
  font-size:.92rem;
  line-height:1.7;
}

/* company intro ⧉ */
.Oceaniz_originbay{margin-bottom:28px}
.Oceaniz_originstack{
  position:relative;
  min-height:460px;
}
.Oceaniz_originphoto{
  width:min(58%, 720px);
  border-radius:28px;
  overflow:hidden;
}
.Oceaniz_originphoto img{
  width:100%;
  height:460px;
  object-fit:cover;
}
.Oceaniz_originpanel{
  position:absolute;
  right:0;
  bottom:26px;
  width:min(48%, 560px);
  border-radius:28px;
  padding:30px;
}
.Oceaniz_originpanel h2{
  margin:0 0 12px;
  color:var(--Oceaniz_dark);
  font-size:clamp(1.6rem,2.5vw,2.6rem);
}
.Oceaniz_originpanel p{
  margin:0 0 12px;
  line-height:1.85;
}

/* □□□□ */
.Oceaniz_statgrid{margin-bottom:28px}
.Oceaniz_statrow{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.Oceaniz_statcell{
  border-radius:24px;
  padding:24px 20px;
}
.Oceaniz_statcell i{
  color:var(--Oceaniz_primary);
  font-size:1.5rem;
  margin-bottom:10px;
}
.Oceaniz_statcell h3{
  margin:0 0 8px;
  font-size:1rem;
}
.Oceaniz_statcell strong{
  display:block;
  font-size:1.7rem;
  color:var(--Oceaniz_dark);
  margin-bottom:8px;
}
.Oceaniz_statcell p{
  margin:0;
  font-size:.92rem;
  line-height:1.7;
}

/* ◧◧ */
.Oceaniz_guardarray{margin-bottom:28px}
.Oceaniz_guardrow{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.Oceaniz_guardcell{
  border-radius:0;
  padding:24px 18px;
  min-height:250px;
}
.Oceaniz_guarddeep{
  background:#0521F5;
  color:#fff;
}
.Oceaniz_guardsoft{
  background:#bffbff;
  color:#062a54;
}
.Oceaniz_guardcell i{
  font-size:1.45rem;
  color:var(--Oceaniz_glow);
  margin-bottom:12px;
}
.Oceaniz_guardcell h3{margin:0 0 8px;font-size:1rem}
.Oceaniz_guardcell strong{display:block;margin-bottom:10px;font-size:1.08rem}
.Oceaniz_guardcell p{margin:0;line-height:1.75;font-size:.92rem}

/* ⇆ voices */
.Oceaniz_voicebelt{margin-bottom:28px}
.Oceaniz_voicewrap{
  overflow:hidden;
}
.Oceaniz_voicetrack{
  display:flex;
  gap:16px;
  width:max-content;
  animation:Oceaniz_slideleft 26s linear infinite;
}
@keyframes Oceaniz_slideleft{
  0%{transform:translateX(0)}
  100%{transform:translateX(-32%)}
}
.Oceaniz_voicecard{
  width:280px;
  border-radius:24px;
  padding:22px;
  flex:0 0 auto;
}
.Oceaniz_voicecard i{
  font-size:1.65rem;
  color:var(--Oceaniz_primary);
  margin-bottom:10px;
}
.Oceaniz_voicecard h3{
  margin:0 0 8px;
  font-size:1rem;
}
.Oceaniz_voicecard p{
  margin:0;
  font-size:.92rem;
  line-height:1.75;
}

/* ■▫▫■ */
.Oceaniz_powerlane{margin-bottom:28px}
.Oceaniz_powerrow{
  display:grid;
  grid-template-columns:1.15fr .85fr .85fr 1.15fr;
  gap:16px;
}
.Oceaniz_powermajor,
.Oceaniz_powerminor{
  border-radius:24px;
  padding:24px 20px;
}
.Oceaniz_powermajor{
  background:#0521F5;
  color:#fff;
}
.Oceaniz_powerminor{
  background:#dfffff;
  color:#04204d;
}
.Oceaniz_powerrow i{
  color:var(--Oceaniz_glow);
  font-size:1.45rem;
  margin-bottom:10px;
}
.Oceaniz_powerrow h3{margin:0 0 8px;font-size:1rem}
.Oceaniz_powerrow strong{display:block;margin-bottom:10px;font-size:1.6rem}
.Oceaniz_powerrow p{margin:0;line-height:1.75;font-size:.92rem}

/* service 3x2 */
.Oceaniz_scopeforge{margin-bottom:28px}
.Oceaniz_scopegrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.Oceaniz_scopeunit{
  border-radius:24px;
  overflow:hidden;
}
.Oceaniz_scopeunit img{
  width:100%;
  height:210px;
  object-fit:cover;
}
.Oceaniz_scopeunit h3{
  margin:18px 18px 10px;
  font-size:1.05rem;
}
.Oceaniz_scopeunit p{
  margin:0 18px 20px;
  line-height:1.75;
  font-size:.93rem;
}

/* ◓◓ */
.Oceaniz_globemap{margin-bottom:28px}
.Oceaniz_globerow{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.Oceaniz_globecell{
  aspect-ratio:1/1;
  border-radius:50%;
  background:linear-gradient(to bottom, #0521F5 0 46%, #d8ffff 46% 100%);
  padding:28px 24px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.Oceaniz_globecell i{
  font-size:1.8rem;
  margin-bottom:10px;
  color:var(--Oceaniz_glow);
}
.Oceaniz_globecell h3{
  margin:0 0 8px;
  color:#fff;
  font-size:1rem;
}
.Oceaniz_globecell strong{
  display:block;
  color:#062a54;
  font-size:.94rem;
  margin-bottom:8px;
}
.Oceaniz_globecell p{
  margin:0;
  color:#062a54;
  font-size:.85rem;
  line-height:1.6;
}

/* ◫|◫ */
.Oceaniz_querydock{margin-bottom:28px}
.Oceaniz_querysplit{
  display:grid;
  grid-template-columns:1fr 1px 1fr;
  gap:18px;
}
.Oceaniz_querydivider{
  background:#eafa05;
}
.Oceaniz_querylane{
  display:grid;
  gap:14px;
}
.Oceaniz_querylane details{
  border-radius:24px;
  padding:18px 20px;
}
.Oceaniz_querylane summary{
  cursor:pointer;
  font-weight:800;
  color:var(--Oceaniz_dark);
}
.Oceaniz_querylane p{
  margin:12px 0 0;
  line-height:1.75;
  font-size:.92rem;
}

/* ▱ */
.Oceaniz_newsmesh{margin-bottom:28px}
.Oceaniz_newsgrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.Oceaniz_newsunit{
  border-radius:26px;
  overflow:hidden;
  transform:skew(-8deg);
}
.Oceaniz_newswrap{
  transform:skew(8deg);
}
.Oceaniz_newsvisual img{
  width:100%;
  height:210px;
  object-fit:cover;
}
.Oceaniz_newsbody{
  padding:18px;
}
.Oceaniz_newsbody h3{
  margin:0 0 10px;
  font-size:1rem;
  line-height:1.5;
}
.Oceaniz_newsbody p{
  margin:0 0 10px;
  font-size:.9rem;
  line-height:1.75;
}
.Oceaniz_newsbody time{
  color:var(--Oceaniz_primary);
  font-weight:800;
  font-size:.85rem;
}

/* ⌘ */
.Oceaniz_reachhub{margin-bottom:10px}
.Oceaniz_reachradial{
  position:relative;
  min-height:760px;
  display:grid;
  place-items:center;
}
.Oceaniz_reachcore{
  width:180px;
  height:180px;
  border-radius:50%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
}
.Oceaniz_reachcore i{
  color:var(--Oceaniz_primary);
  font-size:2rem;
  margin-bottom:10px;
}
.Oceaniz_reachcore span{
  font-weight:900;
  color:var(--Oceaniz_dark);
}
.Oceaniz_signalform{
  width:min(520px, 92%);
  border-radius:28px;
  padding:22px;
}
.Oceaniz_fieldunit{
  margin-bottom:14px;
}
.Oceaniz_fieldunit label{
  display:block;
  margin-bottom:8px;
  font-weight:800;
}
.Oceaniz_fieldunit input,
.Oceaniz_fieldunit textarea{
  width:100%;
  border:1px solid rgba(5,33,245,.18);
  background:#dcffff;
  border-radius:16px;
  padding:14px;
  outline:none;
  color:#04204d;
}
.Oceaniz_reacharms{
  position:absolute;
  width:min(240px, 42vw);
  border-radius:22px;
  padding:20px;
  text-align:center;
}
.Oceaniz_reacharms i{
  color:var(--Oceaniz_primary);
  font-size:1.45rem;
  margin-bottom:10px;
}
.Oceaniz_reacharms h3{
  margin:0 0 8px;
  font-size:1rem;
}
.Oceaniz_reacharms p{
  margin:0;
  line-height:1.7;
  font-size:.9rem;
  word-break:break-word;
}
.Oceaniz_reacharmA{top:40px;left:0}
.Oceaniz_reacharmB{top:40px;right:0}
.Oceaniz_reacharmC{bottom:46px;left:50%;transform:translateX(-50%)}

/* footer */
.Oceaniz_tailframe{
  margin-top:40px;
  background:linear-gradient(180deg, rgba(5,33,245,.92) 0%, rgba(3,18,95,.98) 100%);
  color:#fff;
}
.Oceaniz_tailinner{
  padding:46px 0 22px;
}
.Oceaniz_tailmatrix{
  display:grid;
  grid-template-columns:1.1fr .9fr .9fr;
  gap:18px;
}
.Oceaniz_tailbrand,
.Oceaniz_tailnav,
.Oceaniz_tailreach{
  border-radius:24px;
  padding:24px;
}
.Oceaniz_tailbrandlogo{
  width:62px;
  height:62px;
  object-fit:contain;
  margin-bottom:14px;
}
.Oceaniz_tailbrandname{
  margin:0 0 8px;
  font-size:1.08rem;
  font-weight:900;
}
.Oceaniz_tailbranddesc{
  margin:0;
  line-height:1.8;
  font-size:.93rem;
}
.Oceaniz_tailtitle{
  margin:0 0 14px;
  font-size:1.05rem;
}
.Oceaniz_tailnavlist{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.Oceaniz_tailnavlist a{
  display:block;
  padding:10px 12px;
  border-radius:14px;
  background:rgba(204,255,255,.2);
}
.Oceaniz_tailreach{
  font-style:normal;
  display:grid;
  gap:12px;
}
.Oceaniz_tailreach span{
  display:flex;
  gap:10px;
  align-items:flex-start;
  line-height:1.7;
}
.Oceaniz_tailreach i{
  color:var(--Oceaniz_glow);
  margin-top:4px;
}
.Oceaniz_taillegal{
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid rgba(204,255,255,.2);
  text-align:center;
  font-size:.88rem;
}
.Oceaniz_taillegal a{color:#dfffff}

/* return top */
.Oceaniz_liftup{
  position:fixed;
  right:18px;
  bottom:18px;
  width:54px;
  height:54px;
  border:none;
  border-radius:18px;
  background:var(--Oceaniz_primary);
  color:#fff;
  box-shadow:0 8px 0 #02118e, 0 0 20px rgba(234,250,5,.35);
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:60;
}

/* responsive */
@media (max-width:1080px){
  .Oceaniz_fluxrail,
  .Oceaniz_fluxslideA,
  .Oceaniz_statrow,
  .Oceaniz_guardrow,
  .Oceaniz_powerrow,
  .Oceaniz_scopegrid,
  .Oceaniz_globerow,
  .Oceaniz_newsgrid,
  .Oceaniz_tailmatrix{
    grid-template-columns:1fr 1fr;
  }
  .Oceaniz_originstack{
    min-height:auto;
    display:grid;
    gap:18px;
  }
  .Oceaniz_originphoto,
  .Oceaniz_originpanel{
    position:static;
    width:100%;
  }
  .Oceaniz_querysplit{
    grid-template-columns:1fr;
  }
  .Oceaniz_querydivider{
    display:none;
  }
  .Oceaniz_reachradial{
    min-height:auto;
    display:grid;
    gap:18px;
  }
  .Oceaniz_reacharms{
    position:static;
    width:100%;
    transform:none;
  }
}
@media (max-width:768px){
  .Oceaniz_signalinner{
    grid-template-columns:1fr;
    text-align:center;
  }
  .Oceaniz_bookmarkbay{
    justify-self:center;
  }
  .Oceaniz_routegrid{display:none}
  .Oceaniz_switchbay{display:block}
  .Oceaniz_routeinner{
    grid-template-columns:1fr auto;
  }
  .Oceaniz_statrow,
  .Oceaniz_guardrow,
  .Oceaniz_powerrow,
  .Oceaniz_scopegrid,
  .Oceaniz_globerow,
  .Oceaniz_newsgrid,
  .Oceaniz_tailmatrix{
    grid-template-columns:1fr;
  }
  .Oceaniz_globecell{
    width:min(300px,100%);
    margin:0 auto;
  }
}
/* contact */
.Oceaniz_contactcore,
.Oceaniz_appcore{
  width:min(1240px, calc(100% - 28px));
  margin:0 auto;
  padding:22px 0 80px;
}

.Oceaniz_contactpulse,
.Oceaniz_contactrelay,
.Oceaniz_contactways,
.Oceaniz_contactentry,
.Oceaniz_applanding,
.Oceaniz_appintro,
.Oceaniz_appgain,
.Oceaniz_appvalue,
.Oceaniz_appexperience,
.Oceaniz_appcompare,
.Oceaniz_apptimeline,
.Oceaniz_appfaq,
.Oceaniz_appsteps,
.Oceaniz_apptrust,
.Oceaniz_appinvite,
.Oceaniz_appcta{
  margin-bottom:28px;
}

.Oceaniz_contactpulse_wrap{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:18px;
}
.Oceaniz_contactpulse_copy,
.Oceaniz_contactpulse_visual,
.Oceaniz_contactrelay_card,
.Oceaniz_contactways_item,
.Oceaniz_contactentry_form,
.Oceaniz_contactentry_chip,
.Oceaniz_applanding_copy,
.Oceaniz_applanding_mock,
.Oceaniz_appintro_shell,
.Oceaniz_appgain_frame,
.Oceaniz_appvalue_story,
.Oceaniz_appvalue_note,
.Oceaniz_appexperience_card,
.Oceaniz_appcompare_table,
.Oceaniz_apptimeline_item,
.Oceaniz_appfaq_grid details,
.Oceaniz_appsteps_group,
.Oceaniz_appsteps_step,
.Oceaniz_apptrust_card,
.Oceaniz_appinvite_wrap,
.Oceaniz_appcta_box{
  background:rgba(69,202,211,.92);
  border:var(--Oceaniz_border);
  box-shadow:var(--Oceaniz_shadow), 0 0 20px rgba(234,250,5,.18);
}

.Oceaniz_contactpulse_copy,
.Oceaniz_contactpulse_visual,
.Oceaniz_applanding_copy,
.Oceaniz_applanding_mock{
  border-radius:30px;
  min-height:420px;
}
.Oceaniz_contactpulse_copy,
.Oceaniz_applanding_copy{
  padding:34px;
}
.Oceaniz_contactpulse_copy h1,
.Oceaniz_applanding_copy h1,
.Oceaniz_appintro_shell h1{
  margin:0 0 14px;
  color:var(--Oceaniz_dark);
  font-size:clamp(2rem,3.4vw,3.5rem);
  line-height:1.15;
}
.Oceaniz_contactpulse_copy p,
.Oceaniz_applanding_copy p,
.Oceaniz_appintro_shell p{
  margin:0 0 16px;
  line-height:1.85;
}
.Oceaniz_contactpulse_badges,
.Oceaniz_applanding_action,
.Oceaniz_appcta_actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}
.Oceaniz_contactpulse_badges span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:999px;
  background:#dfffff;
  font-weight:700;
  color:var(--Oceaniz_primary);
}

.Oceaniz_contactpulse_visual{
  position:relative;
  display:grid;
  place-items:center;
  overflow:hidden;
}
.Oceaniz_contactpulse_center{
  width:170px;
  height:170px;
  border-radius:50%;
  background:#0521F5;
  border:2px solid var(--Oceaniz_glow);
  color:#fff;
  box-shadow:0 0 24px rgba(234,250,5,.35);
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}
.Oceaniz_contactpulse_center i{font-size:2rem;margin-bottom:10px;color:var(--Oceaniz_glow)}
.Oceaniz_contactpulse_orbit{
  position:absolute;
  width:92px;
  height:92px;
  border-radius:24px;
  background:#dfffff;
  border:var(--Oceaniz_border);
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--Oceaniz_primary);
  font-size:1.6rem;
}
.Oceaniz_contactpulse_orbitA{top:56px;left:56px}
.Oceaniz_contactpulse_orbitB{top:70px;right:52px}
.Oceaniz_contactpulse_orbitC{bottom:52px;left:50%;transform:translateX(-50%)}

.Oceaniz_contactrelay_grid{
  display:grid;
  grid-template-columns:1.2fr 1fr 1fr 1fr;
  gap:16px;
}
.Oceaniz_contactrelay_card{
  border-radius:24px;
  padding:24px 20px;
}
.Oceaniz_contactrelay_major{
  background:#0521F5;
  color:#fff;
}
.Oceaniz_contactrelay_minor{
  background:#dfffff;
}
.Oceaniz_contactrelay_card i{
  font-size:1.6rem;
  color:var(--Oceaniz_glow);
  margin-bottom:12px;
}
.Oceaniz_contactrelay_card h2,
.Oceaniz_contactrelay_card h3{
  margin:0 0 8px;
}
.Oceaniz_contactrelay_card strong{
  display:block;
  margin-bottom:10px;
}
.Oceaniz_contactrelay_card p{
  margin:0 0 12px;
  line-height:1.75;
  font-size:.92rem;
}
.Oceaniz_contactrelay_card small{
  display:block;
  margin-bottom:6px;
  opacity:.85;
}
.Oceaniz_contactrelay_card a,
.Oceaniz_contactrelay_card span,
.Oceaniz_contactrelay_card time{
  font-weight:800;
}

.Oceaniz_contactways_shell{
  position:relative;
}
.Oceaniz_contactways_strip{
  display:grid;
  gap:14px;
}
.Oceaniz_contactways_item{
  border-radius:24px;
  overflow:hidden;
}
.Oceaniz_contactways_toggle{
  width:100%;
  border:none;
  background:transparent;
  padding:20px 22px;
  display:flex;
  align-items:center;
  gap:12px;
  font-weight:900;
  color:var(--Oceaniz_dark);
  cursor:pointer;
  text-align:left;
}
.Oceaniz_contactways_toggle i{
  color:var(--Oceaniz_primary);
}
.Oceaniz_contactways_panel{
  padding:0 22px 20px;
}
.Oceaniz_contactways_panel p{
  margin:0 0 12px;
  line-height:1.8;
}
.Oceaniz_contactways_list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:8px;
}
.Oceaniz_contactways_list li{
  display:flex;
  gap:8px;
  align-items:flex-start;
}
.Oceaniz_contactways_list i{
  color:var(--Oceaniz_primary);
  margin-top:4px;
}

.Oceaniz_contactentry_stage{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:18px;
  align-items:start;
}
.Oceaniz_contactentry_form{
  border-radius:28px;
  padding:24px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.Oceaniz_contactentry_field{
  display:block;
}
.Oceaniz_contactentry_fieldwide{
  grid-column:1 / -1;
}
.Oceaniz_contactentry_field label{
  display:block;
  margin-bottom:8px;
  font-weight:800;
}
.Oceaniz_contactentry_field input,
.Oceaniz_contactentry_field textarea{
  width:100%;
  border:1px solid rgba(5,33,245,.16);
  background:#dcffff;
  border-radius:16px;
  padding:14px;
  color:var(--Oceaniz_ink);
  outline:none;
}
.Oceaniz_contactentry_info{
  display:grid;
  gap:14px;
}
.Oceaniz_contactentry_chip{
  border-radius:22px;
  padding:22px 20px;
}
.Oceaniz_contactentry_chip i{
  color:var(--Oceaniz_primary);
  font-size:1.5rem;
  margin-bottom:10px;
}
.Oceaniz_contactentry_chip h3{
  margin:0 0 8px;
}
.Oceaniz_contactentry_chip p{
  margin:0;
  line-height:1.75;
  word-break:break-word;
}

/* app */
.Oceaniz_applanding_grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:18px;
}
.Oceaniz_applanding_mock{
  position:relative;
  display:grid;
  place-items:center;
  overflow:hidden;
}
.Oceaniz_applanding_phone{
  width:270px;
  max-width:80%;
  background:#03125f;
  border:2px solid var(--Oceaniz_glow);
  border-radius:38px;
  padding:14px;
  box-shadow:0 0 24px rgba(234,250,5,.26);
}
.Oceaniz_applanding_notch{
  width:92px;
  height:16px;
  border-radius:999px;
  background:#081340;
  margin:0 auto 12px;
}
.Oceaniz_applanding_screen{
  border-radius:28px;
  overflow:hidden;
  background:#dfffff;
  padding:16px;
  text-align:center;
}
.Oceaniz_applanding_screen i{
  font-size:2rem;
  color:var(--Oceaniz_primary);
  margin-bottom:10px;
}
.Oceaniz_applanding_screen strong{
  display:block;
  margin-bottom:12px;
  color:var(--Oceaniz_dark);
}
.Oceaniz_applanding_screen img{
  width:100%;
  height:260px;
  object-fit:cover;
  border-radius:20px;
}
.Oceaniz_applanding_badge{
  position:absolute;
  top:56px;
  left:30px;
  padding:10px 14px;
  border-radius:999px;
  background:#dfffff;
  border:var(--Oceaniz_border);
  color:var(--Oceaniz_primary);
  font-weight:800;
  display:flex;
  align-items:center;
  gap:8px;
}
.Oceaniz_applanding_badgeB{
  top:auto;
  left:auto;
  right:32px;
  bottom:58px;
}

.Oceaniz_appintro_shell{
  border-radius:30px;
  padding:30px;
  text-align:center;
}
.Oceaniz_appintro_path{
  margin-bottom:10px;
}
.Oceaniz_appintro_path span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:999px;
  background:#dfffff;
  color:var(--Oceaniz_primary);
  font-weight:800;
}
.Oceaniz_appintro_counts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:20px;
}
.Oceaniz_appintro_tile{
  padding:20px;
  border-radius:22px;
  background:rgba(223,255,255,.62);
}
.Oceaniz_appintro_tile h3{
  margin:0 0 8px;
  color:var(--Oceaniz_primary);
  font-size:2rem;
}
.Oceaniz_appgain_frame{
  border-radius:28px;
  padding:24px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.Oceaniz_appgain_column{
  display:grid;
  gap:12px;
}
.Oceaniz_appgain_column span{
  display:flex;
  align-items:center;
  min-height:58px;
  padding:14px 16px;
  border-radius:18px;
  background:#dfffff;
  font-weight:700;
}
.Oceaniz_appgain_actions{
  grid-column:1 / -1;
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

.Oceaniz_appvalue_split{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:18px;
}
.Oceaniz_appvalue_story,
.Oceaniz_appvalue_note{
  border-radius:24px;
  padding:24px;
}
.Oceaniz_appvalue_story{
  background:#0521F5;
  color:#fff;
  display:flex;
  align-items:center;
}
.Oceaniz_appvalue_story p{
  margin:0;
  line-height:1.95;
}
.Oceaniz_appvalue_notes{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.Oceaniz_appvalue_note h6{
  margin:0 0 8px;
  color:var(--Oceaniz_dark);
  font-size:1rem;
}
.Oceaniz_appvalue_note p{
  margin:0;
  line-height:1.75;
  font-size:.92rem;
}

.Oceaniz_appexperience_lane{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.Oceaniz_appexperience_card{
  border-radius:24px;
  padding:24px 20px;
}
.Oceaniz_appexperience_card h3{
  margin:0 0 10px;
  display:flex;
  align-items:center;
  gap:10px;
}
.Oceaniz_appexperience_card span{
  width:44px;
  height:44px;
  border-radius:14px;
  background:#dfffff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--Oceaniz_primary);
}
.Oceaniz_appexperience_card p{
  margin:0;
  line-height:1.8;
}

.Oceaniz_appcompare_head{
  margin-bottom:18px;
}
.Oceaniz_appcompare_head h2{
  margin:0 0 8px;
}
.Oceaniz_appcompare_head p{
  margin:0;
}
.Oceaniz_appcompare_table{
  border-radius:28px;
  overflow:hidden;
}
.Oceaniz_appcompare_row{
  display:grid;
  grid-template-columns:1.2fr .9fr .9fr;
}
.Oceaniz_appcompare_row span{
  padding:16px 18px;
  border-bottom:1px solid rgba(5,33,245,.12);
}
.Oceaniz_appcompare_top{
  background:#0521F5;
  color:#fff;
  font-weight:900;
}

.Oceaniz_apptimeline_track{
  display:grid;
  gap:16px;
}
.Oceaniz_apptimeline_year{
  font-size:1.5rem;
  font-weight:900;
  color:var(--Oceaniz_dark);
}
.Oceaniz_apptimeline_item{
  border-radius:24px;
  padding:22px;
}
.Oceaniz_apptimeline_item h3{
  margin:0 0 8px;
  color:var(--Oceaniz_primary);
}
.Oceaniz_apptimeline_item p{
  margin:0 0 10px;
  font-weight:700;
}
.Oceaniz_apptimeline_item ul{
  margin:0;
  padding-left:18px;
}
.Oceaniz_apptimeline_item li{
  margin:8px 0;
  line-height:1.7;
}

.Oceaniz_appfaq_grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.Oceaniz_appfaq_grid details{
  border-radius:22px;
  padding:18px 20px;
}
.Oceaniz_appfaq_grid summary{
  cursor:pointer;
  font-weight:900;
  color:var(--Oceaniz_dark);
}
.Oceaniz_appfaq_grid summary span{
  color:var(--Oceaniz_primary);
  margin-right:8px;
}
.Oceaniz_appfaq_grid p{
  margin:12px 0 0;
  line-height:1.8;
  font-size:.92rem;
}

.Oceaniz_appsteps_head{
  margin-bottom:18px;
}
.Oceaniz_appsteps_head h2,
.Oceaniz_appsteps_head p{
  margin:0;
}
.Oceaniz_appsteps_dual{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.Oceaniz_appsteps_group{
  border-radius:28px;
  padding:24px;
}
.Oceaniz_appsteps_group h3{
  margin:0 0 16px;
  color:var(--Oceaniz_dark);
}
.Oceaniz_appsteps_line{
  display:grid;
  gap:14px;
}
.Oceaniz_appsteps_step{
  border-radius:22px;
  padding:20px;
  background:#dfffff;
}
.Oceaniz_appsteps_step span{
  width:44px;
  height:44px;
  border-radius:50%;
  background:#0521F5;
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  margin-bottom:10px;
}
.Oceaniz_appsteps_step h4{
  margin:0 0 8px;
}
.Oceaniz_appsteps_step p{
  margin:0;
  line-height:1.75;
}

.Oceaniz_apptrust_grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.Oceaniz_apptrust_card{
  border-radius:24px;
  padding:22px 20px;
}
.Oceaniz_apptrust_card span{
  width:48px;
  height:48px;
  border-radius:14px;
  background:#dfffff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--Oceaniz_primary);
  margin-bottom:12px;
}
.Oceaniz_apptrust_card h5{
  margin:0 0 8px;
  font-size:1rem;
}
.Oceaniz_apptrust_card p{
  margin:0;
  line-height:1.75;
  font-size:.92rem;
}
.Oceaniz_apptrust_note{
  margin:16px 0 0;
  line-height:1.8;
  text-align:center;
  font-weight:700;
}

.Oceaniz_appinvite_wrap,
.Oceaniz_appcta_box{
  border-radius:30px;
  padding:30px;
  text-align:center;
}
.Oceaniz_appinvite_wrap h2,
.Oceaniz_appcta_box h2{
  margin:0 0 12px;
  color:var(--Oceaniz_dark);
}
.Oceaniz_appinvite_wrap p,
.Oceaniz_appcta_box p{
  margin:0 0 12px;
  line-height:1.8;
}
.Oceaniz_appinvite_code{
  display:inline-flex;
  margin:6px 0 18px;
  padding:12px 18px;
  border-radius:16px;
  background:#0521F5;
  color:#fff;
  font-weight:900;
  letter-spacing:2px;
}
.Oceaniz_appcta_box > span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:999px;
  background:#dfffff;
  color:var(--Oceaniz_primary);
  font-weight:800;
  margin-bottom:12px;
}

/* responsive extension */
@media (max-width:1080px){
  .Oceaniz_contactpulse_wrap,
  .Oceaniz_contactrelay_grid,
  .Oceaniz_contactentry_stage,
  .Oceaniz_applanding_grid,
  .Oceaniz_appvalue_split,
  .Oceaniz_appsteps_dual{
    grid-template-columns:1fr;
  }
  .Oceaniz_appvalue_notes,
  .Oceaniz_appintro_counts,
  .Oceaniz_appexperience_lane,
  .Oceaniz_apptrust_grid,
  .Oceaniz_appfaq_grid{
    grid-template-columns:1fr 1fr;
  }
}
@media (max-width:768px){
  .Oceaniz_contactentry_form,
  .Oceaniz_appgain_frame,
  .Oceaniz_appvalue_notes,
  .Oceaniz_appintro_counts,
  .Oceaniz_appexperience_lane,
  .Oceaniz_appfaq_grid,
  .Oceaniz_apptrust_grid{
    grid-template-columns:1fr;
  }
  .Oceaniz_appcompare_row{
    grid-template-columns:1fr;
  }
  .Oceaniz_appcompare_row span{
    border-bottom:1px solid rgba(5,33,245,.1);
  }
  .Oceaniz_contactpulse_copy,
  .Oceaniz_contactpulse_visual,
  .Oceaniz_applanding_copy,
  .Oceaniz_applanding_mock{
    min-height:auto;
  }
}
/* list + show rebuild */
.Oceaniz_listmain,
.Oceaniz_showmain{
  width:min(1240px, calc(100% - 28px));
  margin:0 auto;
  padding:22px 0 80px;
}

.Oceaniz_listhero,
.Oceaniz_listcrumb,
.Oceaniz_showhero,
.Oceaniz_showcrumb{
  margin-bottom:22px;
}

.Oceaniz_listlayout,
.Oceaniz_showlayout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:22px;
  align-items:start;
}

.Oceaniz_listhero_wrap,
.Oceaniz_showhero_wrap,
.Oceaniz_listfeed,
.Oceaniz_listside_search,
.Oceaniz_listside_navbox,
.Oceaniz_listside_hotbox,
.Oceaniz_showarticle,
.Oceaniz_showside_search,
.Oceaniz_showside_navbox,
.Oceaniz_showside_hotbox{
  background:rgba(69,202,211,.92);
  border:var(--Oceaniz_border);
  box-shadow:var(--Oceaniz_shadow), 0 0 20px rgba(234,250,5,.16);
}

.Oceaniz_listhero_wrap,
.Oceaniz_showhero_wrap{
  border-radius:30px;
  padding:28px;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:20px;
  align-items:center;
}

.Oceaniz_listhero_text h1,
.Oceaniz_showhero_text h1,
.Oceaniz_showarticle_head h1{
  margin:0 0 14px;
  color:var(--Oceaniz_dark);
  font-size:clamp(2rem,3.4vw,3.4rem);
  line-height:1.15;
}

.Oceaniz_listhero_text p,
.Oceaniz_showhero_text p{
  margin:0 0 16px;
  line-height:1.85;
  color:var(--Oceaniz_ink);
}

.Oceaniz_listhero_marks{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.Oceaniz_listhero_marks span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:999px;
  background:#dfffff;
  color:var(--Oceaniz_primary);
  font-weight:800;
}

.Oceaniz_listhero_media,
.Oceaniz_showhero_media{
  position:relative;
  min-height:280px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.Oceaniz_listhero_iconwall,
.Oceaniz_showhero_iconset{
  position:absolute;
  inset:auto auto 18px 18px;
  display:flex;
  gap:10px;
  z-index:2;
}
.Oceaniz_listhero_iconwall i,
.Oceaniz_showhero_iconset i{
  width:48px;
  height:48px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#dfffff;
  color:var(--Oceaniz_primary);
  border:var(--Oceaniz_border);
  box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.Oceaniz_listhero_visual,
.Oceaniz_showhero_picture{
  width:100%;
}
.Oceaniz_listhero_visual img,
.Oceaniz_showhero_picture img{
  width:100%;
  height:320px;
  object-fit:cover;
  border-radius:24px;
}

.Oceaniz_listcrumb_nav,
.Oceaniz_showcrumb_nav{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  padding:14px 18px;
  border-radius:18px;
  background:rgba(223,255,255,.75);
  border:1px solid rgba(5,33,245,.1);
}
.Oceaniz_listcrumb_nav a,
.Oceaniz_showcrumb_nav a{
  color:var(--Oceaniz_primary);
  font-weight:700;
}
.Oceaniz_listcrumb_nav small,
.Oceaniz_showcrumb_nav small{
  color:var(--Oceaniz_ink);
}

.Oceaniz_listfeed{
  border-radius:28px;
  padding:24px;
}
.Oceaniz_listfeed_grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.Oceaniz_listfeed_card{
  border-radius:24px;
  overflow:hidden;
  background:#dfffff;
  border:1px solid rgba(5,33,245,.12);
  transition:transform .3s ease, box-shadow .3s ease;
}
.Oceaniz_listfeed_card:hover{
  transform:translateY(-5px);
  box-shadow:0 18px 34px rgba(5,33,245,.12);
}
.Oceaniz_listfeed_cover{
  display:block;
}
.Oceaniz_listfeed_cover img{
  width:100%;
  height:210px;
  object-fit:cover;
}
.Oceaniz_listfeed_body{
  padding:18px;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.Oceaniz_listfeed_titlebox h5{
  margin:0 0 8px;
  font-size:1rem;
  line-height:1.5;
}
.Oceaniz_listfeed_titlebox h5 a{
  color:var(--Oceaniz_dark);
}
.Oceaniz_listfeed_titlebox span{
  display:block;
  color:var(--Oceaniz_ink);
  line-height:1.8;
  font-size:.92rem;
}
.Oceaniz_listfeed_meta{
  display:flex;
  justify-content:flex-end;
}
.Oceaniz_listfeed_meta time{
  font-size:.88rem;
  color:var(--Oceaniz_primary);
  font-weight:700;
}
.Oceaniz_listfeed_pager{
  margin-top:22px;
}
.Oceaniz_listfeed_pagerinner{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.Oceaniz_listfeed_pagerinner *{
  word-break:break-word;
}

.Oceaniz_listside,
.Oceaniz_showside{
  display:grid;
  gap:16px;
}
.Oceaniz_listside_search,
.Oceaniz_listside_navbox,
.Oceaniz_listside_hotbox,
.Oceaniz_showside_search,
.Oceaniz_showside_navbox,
.Oceaniz_showside_hotbox{
  border-radius:24px;
  padding:20px;
}
.Oceaniz_listside_search h6,
.Oceaniz_listside_navbox h6,
.Oceaniz_listside_hotbox h6,
.Oceaniz_showside_search h6,
.Oceaniz_showside_navbox h6,
.Oceaniz_showside_hotbox h6,
.Oceaniz_showrecommend h3{
  margin:0 0 14px;
  color:var(--Oceaniz_dark);
  font-size:1.05rem;
}

.Oceaniz_listside_form,
.Oceaniz_showside_form{
  display:flex;
  gap:10px;
}
.Oceaniz_listside_inputbox,
.Oceaniz_showside_inputbox{
  position:relative;
  flex:1;
}
.Oceaniz_listside_inputbox input,
.Oceaniz_showside_inputbox input{
  width:100%;
  height:48px;
  border-radius:16px;
  border:1px solid rgba(5,33,245,.14);
  background:#dfffff;
  padding:0 14px;
  color:var(--Oceaniz_ink);
  outline:none;
}
.Oceaniz_listside_inputbox label,
.Oceaniz_showside_inputbox label{
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-50%);
  font-size:.82rem;
  color:rgba(15,23,42,.55);
  pointer-events:none;
}
.Oceaniz_listside_form button,
.Oceaniz_showside_form button{
  width:48px;
  height:48px;
  border:none;
  border-radius:16px;
  background:#0521F5;
  color:#fff;
  cursor:pointer;
}

.Oceaniz_listside_navbox ul,
.Oceaniz_showside_navbox ul{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:10px;
}
.Oceaniz_listside_navbox li a,
.Oceaniz_showside_navbox li a{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 14px;
  border-radius:14px;
  background:#dfffff;
  color:var(--Oceaniz_ink);
  font-weight:700;
}
.Oceaniz_listside_navbox li i,
.Oceaniz_showside_navbox li i{
  color:var(--Oceaniz_primary);
}

.Oceaniz_listside_hotlist{
  display:grid;
  gap:14px;
}
.Oceaniz_listside_hotitem,
.Oceaniz_showside_hotitem{
  display:grid;
  grid-template-columns:88px 1fr;
  gap:12px;
  align-items:start;
}
.Oceaniz_listside_hotthumb img,
.Oceaniz_showside_hotthumb img{
  width:88px;
  height:88px;
  object-fit:cover;
  border-radius:14px;
}
.Oceaniz_listside_hotcontent h5,
.Oceaniz_showside_hotcontent h5{
  margin:0 0 6px;
  font-size:.95rem;
  line-height:1.5;
}
.Oceaniz_listside_hotcontent h5 a,
.Oceaniz_showside_hotcontent h5 a{
  color:var(--Oceaniz_dark);
}
.Oceaniz_listside_hotcontent span,
.Oceaniz_showside_hotcontent p{
  display:block;
  margin:0 0 8px;
  font-size:.88rem;
  line-height:1.7;
  color:var(--Oceaniz_ink);
}
.Oceaniz_listside_hotcontent time,
.Oceaniz_showside_hotcontent time{
  font-size:.82rem;
  color:var(--Oceaniz_primary);
  font-weight:700;
}

/* show article */
.Oceaniz_showarticle{
  border-radius:28px;
  padding:26px;
}
.Oceaniz_showarticle_head{
  margin-bottom:20px;
  padding-bottom:16px;
  border-bottom:1px solid rgba(5,33,245,.12);
}
.Oceaniz_showarticle_meta{
  display:flex;
  flex-wrap:wrap;
  gap:12px 16px;
}
.Oceaniz_showarticle_meta span,
.Oceaniz_showarticle_meta time{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:.92rem;
  color:var(--Oceaniz_primary);
  font-weight:700;
}

.Oceaniz_showarticle_content{
  line-height:1.95;
  color:var(--Oceaniz_ink);
  word-break:break-word;
}
.Oceaniz_showarticle_content img{
  max-width:100%;
  height:auto;
  border-radius:18px;
}
.Oceaniz_showarticle_content p{
  margin:0 0 1em;
}
.Oceaniz_showarticle_content h1,
.Oceaniz_showarticle_content h2,
.Oceaniz_showarticle_content h3,
.Oceaniz_showarticle_content h4,
.Oceaniz_showarticle_content h5,
.Oceaniz_showarticle_content h6{
  color:var(--Oceaniz_dark);
  line-height:1.4;
}
.Oceaniz_showarticle_content ul,
.Oceaniz_showarticle_content ol{
  padding-left:22px;
}
.Oceaniz_showarticle_content table{
  width:100%;
  display:block;
  overflow-x:auto;
  border-collapse:collapse;
}
.Oceaniz_showarticle_content table td,
.Oceaniz_showarticle_content table th{
  border:1px solid rgba(5,33,245,.14);
  padding:10px 12px;
}
.Oceaniz_showarticle_content blockquote{
  margin:1em 0;
  padding:14px 16px;
  background:#dfffff;
  border-left:4px solid var(--Oceaniz_primary);
  border-radius:0 14px 14px 0;
}

.Oceaniz_showarticle_switch{
  margin-top:24px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.Oceaniz_showarticle_switch a{
  min-height:68px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:16px 18px;
  border-radius:18px;
  background:#dfffff;
  color:var(--Oceaniz_ink);
  font-weight:700;
  border:1px solid rgba(5,33,245,.12);
}
.Oceaniz_showarticle_back{
  margin-top:16px;
}
.Oceaniz_showarticle_share{
  margin-top:28px;
  padding:22px;
  border-radius:22px;
  background:#dfffff;
  border:1px solid rgba(5,33,245,.1);
}
.Oceaniz_showarticle_share h6{
  margin:0 0 8px;
  font-size:1rem;
  color:var(--Oceaniz_dark);
}
.Oceaniz_showarticle_share p{
  margin:0 0 14px;
  line-height:1.8;
}
.Oceaniz_showarticle_sharebtns{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.Oceaniz_showarticle_sharebtns a,
.Oceaniz_showarticle_sharebtns button{
  width:46px;
  height:46px;
  border-radius:14px;
  border:none;
  background:#0521F5;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}

.Oceaniz_showrecommend{
  margin-top:30px;
}
.Oceaniz_showrecommend_list{
  display:grid;
  gap:14px;
}
.Oceaniz_showrecommend_item{
  display:grid;
  grid-template-columns:52px 96px 1fr;
  gap:14px;
  align-items:center;
  padding:14px;
  border-radius:20px;
  background:#dfffff;
  border:1px solid rgba(5,33,245,.12);
}
.Oceaniz_showrecommend_index{
  width:52px;
  height:52px;
  border-radius:16px;
  background:#0521F5;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
}
.Oceaniz_showrecommend_thumb img{
  width:96px;
  height:72px;
  object-fit:cover;
  border-radius:14px;
}
.Oceaniz_showrecommend_info h6{
  margin:0 0 8px;
  font-size:.98rem;
  line-height:1.5;
}
.Oceaniz_showrecommend_info h6 a{
  color:var(--Oceaniz_dark);
}
.Oceaniz_showrecommend_info time{
  font-size:.85rem;
  color:var(--Oceaniz_primary);
  font-weight:700;
}

@media (max-width:1080px){
  .Oceaniz_listlayout,
  .Oceaniz_showlayout,
  .Oceaniz_listhero_wrap,
  .Oceaniz_showhero_wrap{
    grid-template-columns:1fr;
  }
  .Oceaniz_listfeed_grid{
    grid-template-columns:1fr 1fr;
  }
}
@media (max-width:768px){
  .Oceaniz_listfeed_grid{
    grid-template-columns:1fr;
  }
  .Oceaniz_showarticle_switch{
    grid-template-columns:1fr;
  }
  .Oceaniz_showrecommend_item{
    grid-template-columns:44px 1fr;
  }
  .Oceaniz_showrecommend_thumb{
    grid-column:1 / -1;
  }
  .Oceaniz_showrecommend_thumb img{
    width:100%;
    height:180px;
  }
}