/* OriginYun visual polish — additive layer for ZdsjuM1 web theme. */
:root { --oy-primary:#1769e0; --oy-ink:#16233a; --oy-muted:#64748b; --oy-line:#e6edf6; --oy-surface:#fff; }
body { color:var(--oy-ink); background:#fff; -webkit-font-smoothing:antialiased; }
#header { box-shadow:0 1px 0 rgba(20,42,78,.08); }
#header .header-inner, .header { background:rgba(255,255,255,.96)!important; backdrop-filter:blur(12px); }
#header a, .header a { transition:color .2s ease, background .2s ease; }
#header .nav-item:hover, #header .nav-item.active, .header .nav-item:hover { color:var(--oy-primary)!important; }
.banner .banner-text-tag .text, .banner .tag-text { color:var(--oy-primary)!important; }
.banner .banner-title { letter-spacing:-.035em; font-weight:700!important; }
.por-btn, .banner .por-btn-dark { border-radius:7px!important; background:var(--oy-primary)!important; box-shadow:0 8px 22px rgba(23,105,224,.22); transition:transform .2s ease,box-shadow .2s ease!important; }
.por-btn:hover, .banner .por-btn-dark:hover { transform:translateY(-2px); box-shadow:0 12px 28px rgba(23,105,224,.3); }
.events-wrapper { border:1px solid var(--oy-line); border-radius:12px; box-shadow:0 10px 28px rgba(30,58,95,.08); background:#fff; }
.event-item { transition:background .2s ease; }
.event-item:hover { background:#f6f9ff; }
.section-head-title, .zd-2-section-hd .section-head-title { color:var(--oy-ink)!important; letter-spacing:-.02em; }
.section-head-subtitle { color:var(--oy-muted)!important; }
.zd-tabs-item-con-title { font-weight:600!important; }
.zd-market-info-panel { border:1px solid var(--oy-line)!important; border-radius:12px!important; box-shadow:0 2px 8px rgba(15,38,74,.04)!important; transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease!important; overflow:hidden; }
.zd-market-info-panel:hover { transform:translateY(-5px); border-color:#b8d2fa!important; box-shadow:0 16px 32px rgba(30,83,155,.14)!important; }
.zd-market-title { color:var(--oy-ink)!important; font-weight:650!important; }
.zd-market-tag { color:#236bd4!important; background:#edf5ff!important; border:0!important; }
.zd-market-prices-num { color:var(--oy-primary)!important; font-weight:700!important; }
.section-group-product { background-color:#f7f9fc!important; }
.footer, #footer { border-top:1px solid var(--oy-line); }
@media(max-width:1023px){
  .banner .banner-title { font-size:26px!important; line-height:1.2!important; }
  .events-wrapper { margin:0 12px; border-radius:10px; }
  .section { padding:38px 0!important; }
  .zd-market-info-panel { border-radius:10px!important; }
}
/* AI slide art uses a dark technology palette. Keep template copy legible on every slide. */
/* Light slide art: use original dark type system, without the dark text panel. */
#banner .banner-text-pc,
#banner .banner-text-mb { background:transparent!important; text-shadow:none!important; }
#banner .banner-text-pc .banner-title,
#banner .banner-text-pc p,
#banner .banner-text-pc .banner-text-tag,
#banner .banner-text-mb h5,
#banner .banner-text-mb p { color:#182b4d!important; text-shadow:none!important; }
#banner .banner-text-pc p { color:#52657f!important; }
#banner .banner-text-pc .banner-text-tag .text { color:#1769e0!important; }
#banner .banner-text-pc .tag-text { color:#1769e0!important; background:#eaf3ff!important; border-color:#cfe4ff!important; }
#banner .banner-text-btn-wrapper .por-btn { background:#1769e0!important; color:#fff!important; box-shadow:0 8px 20px rgba(23,105,224,.20)!important; }
@media(max-width:1023px){
  #banner .banner-text-mb { padding:16px 18px; background:transparent!important; }
}
/* Compact desktop hero: product message plus next-step navigation fits the first viewport. */
@media(min-width:768px){
  .banner .banner-container { height:540px!important; }
  .banner .banner-text { margin-top:112px!important; width:58%!important; }
  #banner .banner-text-pc { max-width:600px; padding:20px 26px; }
  #banner .banner-text-pc .banner-title { font-size:44px!important; line-height:56px!important; }
  #banner .banner-text-pc p { white-space:normal!important; overflow:visible!important; text-overflow:clip!important; max-width:510px; font-size:16px!important; line-height:25px!important; color:#52657f!important; }
  .banner .carousel-indicator-wrapper { bottom:82px!important; }
  .events-wrapper { transform:translateY(-38px); }
  .events-container .event-item { min-height:96px!important; padding-top:20px!important; padding-bottom:20px!important; }
  .events-container .event-title { font-size:16px!important; }
  .events-container .event-desc { font-size:13px!important; line-height:20px!important; }
}
@media(max-width:767px){
  .banner, .banner .banner-container:not(.init-img), .banner .banner-container:not(.init-img) .carousel-slide { height:62vw!important; min-height:0!important; }
  .banner .banner-container { height:62vw!important; }
  .banner .banner-text { margin-top:10vw!important; }
  .banner .banner-text h5 { font-size:21px!important; line-height:27px!important; }
  .banner .banner-text p { font-size:12px!important; line-height:18px!important; }
  .banner .carousel-indicator-wrapper { bottom:8px!important; }
}