/* siteai hero — adapted from wei.ltd.com nh-hero */
.epower-siteai, .epower-siteai .new-home-page, .new-home-page {
  --nh-blue: #0078ff;
  --nh-blue-deep: #05c;
  --nh-blue-light: #39f;
  --nh-cyan: #0af;
  --nh-orange: #ff7a00;
  --nh-orange-light: #ff9a3c;
  --nh-ink: #0f172a;
  --nh-ink-2: #334155;
  --nh-ink-3: #64748b;
  --nh-line: #e2e8f0;
  --nh-bg: #f8fafc;
  --nh-shadow: 0 4px 20px rgba(15,23,42,0.07);
  --nh-radius: 14px;
}

.epower-siteai .nh-wrap {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 24px;
  box-sizing: border-box;
}

.epower-siteai .nh-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 10px;
  font-weight: 700;
  cursor: pointer;
  border: none;
  transition: .25s;
  font-size: 15px;
  text-decoration: none;
  box-sizing: border-box;
}

.epower-siteai .nh-btn.nh-btn-ghost {
  border: 1.5px solid var(--nh-line);
  color: var(--nh-ink-2);
  padding: 10px 22px;
  background: #fff;
}

.epower-siteai .nh-btn.nh-btn-ghost:hover {
  border-color: var(--nh-blue);
  color: var(--nh-blue);
}

.epower-siteai .nh-btn.nh-btn-red {
  background: linear-gradient(90deg, var(--nh-blue-deep), var(--nh-blue), var(--nh-blue-light));
  color: #fff;
  padding: 12px 30px;
  box-shadow: 0 6px 18px rgba(0, 85, 204, .3);
}

.epower-siteai .nh-btn.nh-btn-red:hover {
  transform: translateY(-2px);
}

.epower-siteai .nh-btn.nh-btn-lg {
  font-size: 16px;
}

.nh-hero{position:relative;background:linear-gradient(165deg,#edf5ff 0%,#f7fbff 42%,#ffffff 100%);overflow:hidden}

.nh-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 1px 1px,rgba(0,120,255,.1) 1px,transparent 0);background-size:28px 28px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 78%);mask-image:linear-gradient(180deg,#000,transparent 78%)}

.nh-hero:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(0,120,255,.16),transparent 68%);top:-80px;left:8%;pointer-events:none;filter:blur(4px)}

.nh-hero .nh-hero__grid{display:grid;grid-template-columns:1.2fr .80fr;grid-gap:56px;gap:56px;align-items:center;padding:76px 100px 70px;position:relative;z-index:1}

.nh-hero__copy{position:relative;max-width:560px;animation:nhCopyIn .7s ease both}

.nh-hero .tagline{display:inline-flex;align-items:center;grid-gap:10px;gap:10px;background:rgba(255,255,255,.92);border:1px solid rgba(147,197,253,.75);color:#1d4ed8;font-size:13px;font-weight:600;padding:7px 16px 7px 7px;border-radius:999px;box-shadow:0 8px 24px rgba(37,99,235,.08);backdrop-filter:blur(8px)}

.nh-hero .tagline i{font-style:normal;background:linear-gradient(90deg,#ff7a00,#ff9a3c);color:#fff;font-size:11px;padding:3px 10px;border-radius:999px;letter-spacing:.02em;box-shadow:0 4px 10px rgba(255,122,0,.28)}

.nh-hero .tagline em{font-style:normal;color:#334155}

.nh-hero h1{font-size:48px;line-height:1.22;font-weight:900;margin:26px 0 18px;letter-spacing:1px;color:#0f172a}

.nh-hero h1 .grad{background:linear-gradient(92deg,#0055cc 8%,#0078ff 38%,#00aaff 72%,#39f);-webkit-background-clip:text;background-clip:text;color:transparent}

.nh-hero .sub{font-size:16px;line-height:1.75;color:#64748b;max-width:520px;margin:0}

.nh-hero .cta-row{display:flex;grid-gap:14px;gap:14px;margin:34px 0 34px;flex-wrap:wrap}

.epower-siteai .nh-btn.nh-btn-red{min-width:148px;padding:13px 28px;border-radius:12px;box-shadow:0 10px 24px rgba(0,85,204,.28)}

.epower-siteai .nh-btn.nh-btn-ghost{min-width:148px;padding:12px 26px;border-radius:12px;background:rgba(255,255,255,.85);border:1.5px solid #dbeafe;color:#1e40af}

.epower-siteai .nh-btn.nh-btn-ghost:hover{background:#fff;border-color:#60a5fa;color:#2563eb;box-shadow:0 8px 20px rgba(37,99,235,.1)}

.nh-hero .trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-top:22px;border-top:1px solid rgba(191,219,254,.7)}

.nh-hero .trust-item{padding:12px 10px 10px;border-radius:12px;background:rgba(255,255,255,.72);border:1px solid rgba(219,234,254,.9);box-shadow:0 4px 14px rgba(15,23,42,.03);transition:transform .2s ease,box-shadow .2s ease}

.nh-hero .trust-item:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(37,99,235,.1)}

.nh-hero .trust-item span{display:block;margin-top:4px;color:#64748b;font-size:12px;line-height:1.4}

.nh-hero .trust b,.nh-hero .trust .num{color:#0078ff;font-size:22px;display:block;line-height:1.15;font-weight:800;font-family:DIN Alternate,Arial,sans-serif}

.nh-hero .trust .num .unit{font-size:13px}

.nh-hero .trust .num.accent{color:#ff7a00}

@keyframes nhCopyIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}

@media (max-width:1000px){
  .nh-hero .nh-hero__grid{grid-template-columns:1fr;grid-gap:40px;gap:40px;padding-top:56px}
  .nh-hero h1{font-size:34px}
  .nh-hero .trust{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ai-demo{margin-top:10px}
  .ai-demo .preview,.ai-demo{-webkit-transform:none;transform:none}
  .ai-demo .preview{position:relative;right:auto;top:auto;width:100%;margin-top:16px;opacity:1}
}

@media (max-width:600px){
  .nh-hero .nh-hero__grid{padding:44px 16px 48px}
  .nh-hero .tagline{font-size:12px;padding:5px 12px 5px 5px}
  .nh-hero h1{font-size:28px;margin:18px 0 14px}
  .nh-hero .sub{font-size:15px}
  .nh-hero .cta-row{grid-gap:12px;gap:12px;margin:26px 0 24px;flex-direction:column}
  .nh-hero .cta-row .nh-btn{width:100%}
  .nh-hero .trust{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .nh-hero .trust b,.nh-hero .trust .num{font-size:18px}
}

.ai-demo{position:relative;background:linear-gradient(145deg,#0c1220,#111827 40%,#0f172a);border-radius:18px;padding:18px;box-shadow:15px -6px 80px rgba(0,0,0,.45),inset 0 1px 0 hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.08);overflow:visible;font-family:SF Mono,Fira Code,JetBrains Mono,Consolas,monospace}

.ai-demo:before{content:"";position:absolute;top:-1px;left:30px;right:30px;height:1px;background:linear-gradient(90deg,transparent,rgba(0,120,255,.55),rgba(0,170,255,.55),transparent);border-radius:1px}

.ai-demo .ai-badge{position:absolute;top:-12px;left:20px;background:linear-gradient(90deg,var(--nh-blue),var(--nh-cyan));color:#fff;font-size:11.5px;font-weight:700;padding:4px 14px;border-radius:999px;box-shadow:0 4px 14px rgba(0,120,255,.4);z-index:5;-webkit-animation:floatBadge 3s ease-in-out infinite;animation:floatBadge 3s ease-in-out infinite;font-family:PingFang SC,Microsoft YaHei,sans-serif}

.ai-demo .ai-badge .ai-badge__icon{width:14px;height:14px;margin-right:5px;vertical-align:-2px;-o-object-fit:contain;object-fit:contain}

.ai-demo .ai-badge2{position:absolute;top:-10px;right:16px;background:rgba(15,23,42,.85);color:var(--nh-cyan);font-size:11px;font-weight:600;padding:4px 12px;border-radius:999px;border:1px solid rgba(0,170,255,.3);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:5;font-family:PingFang SC,Microsoft YaHei,sans-serif}

.ai-demo .terminal{background:#0a0f1a;border-radius:12px;border:1px solid hsla(0,0%,100%,.08);overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.5)}

.ai-demo .terminal .bar{display:flex;align-items:center;grid-gap:8px;gap:8px;padding:10px 14px;background:#0d1321;border-bottom:1px solid hsla(0,0%,100%,.06)}

.ai-demo .terminal .bar i{width:10px;height:10px;border-radius:50%;display:block}

.ai-demo .terminal .bar i:first-child{background:#f87171}

.ai-demo .terminal .bar i:nth-child(2){background:#fbbf24}

.ai-demo .terminal .bar i:nth-child(3){background:#34d399}

.ai-demo .terminal .bar .ttl{margin-left:8px;color:#94a3b8;font-size:11.5px;flex:1;text-align:center;font-family:SF Mono,monospace}

.ai-demo .term-body{padding:13px 16px 15px;color:#e2e8f0;font-size:12.5px;line-height:1.7;min-height:236px;position:relative}

.ai-demo .term-body .cursor{display:inline-block;width:7px;height:15px;background:var(--nh-cyan);margin-left:2px;-webkit-animation:blink 1s step-end infinite;animation:blink 1s step-end infinite;vertical-align:middle}

.ai-demo .term-line{white-space:pre-wrap;word-break:break-all;margin:0;opacity:0;-webkit-transform:translateY(4px);transform:translateY(4px);-webkit-animation:lineIn .25s ease forwards;animation:lineIn .25s ease forwards}

.ai-demo .term-line.dim{color:#475569}

.ai-demo .term-line.ok{color:#4ade80}

.ai-demo .term-line.warn{color:#fbbf24}

.ai-demo .term-line.info{color:var(--nh-cyan)}

.ai-demo .term-line.code{color:#93c5fd;font-size:11.5px;padding-left:12px;border-left:2px solid rgba(147,197,253,.15);margin:2px 0 2px 4px}

.ai-demo .term-line.code .kw{color:#f472b6}

.ai-demo .term-line.code .str{color:#fde047}

.ai-demo .term-line.code .attr,.ai-demo .term-line.code .tag{color:#818cf8}

.ai-demo .term-line.cmd{color:#e2e8f0;font-weight:600}

.ai-demo .term-line .prompt{color:#94a3b8}

.ai-demo .term-line .sep{color:#334155;display:block;margin:8px 0;font-size:11px}

.ai-demo .preview{position:absolute;right:-10px;top:90px;width:200px;background:#fff;border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.35);border:1px solid hsla(0,0%,100%,.2);overflow:hidden;opacity:0;-webkit-transform:translateX(20px) scale(.92);transform:translateX(20px) scale(.92);transition:all .6s cubic-bezier(.22,1,.36,1);z-index:10;font-family:PingFang SC,Microsoft YaHei,sans-serif}

.ai-demo .preview.show{opacity:1;-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}

.ai-demo .preview .pv-bar{background:#f1f5f9;padding:7px 10px;display:flex;grid-gap:5px;gap:5px;align-items:center;border-bottom:1px solid #e2e8f0}

.ai-demo .preview .pv-bar i{width:7px;height:7px;border-radius:50%;background:#cbd5e1;display:block}

.ai-demo .preview .pv-bar i:first-child{background:#f87171}

.ai-demo .preview .pv-bar i:nth-child(2){background:#fbbf24}

.ai-demo .preview .pv-bar i:nth-child(3){background:#34d399}

.ai-demo .preview .pv-bar span{font-size:10px;color:#94a3b8;margin-left:6px;flex:1}

.ai-demo .preview .pv-body{padding:12px}

.ai-demo .preview .pv-body .pv-title{font-size:13px;font-weight:800;color:#0f172a;margin-bottom:4px}

.ai-demo .preview .pv-body .pv-sub{font-size:10px;color:#64748b;margin-bottom:10px}

.ai-demo .preview .pv-body .pv-cols{display:flex;grid-gap:6px;gap:6px}

.ai-demo .preview .pv-body .pv-cols .c{flex:1;height:48px;border-radius:6px;background:linear-gradient(135deg,#e6f2ff,#dbeafe);display:grid;align-items:center;justify-items:center;place-items:center;font-size:10px;color:var(--nh-blue);font-weight:700}

.ai-demo .preview .pv-body .pv-btn{margin-top:10px;background:linear-gradient(90deg,var(--nh-blue),var(--nh-cyan));color:#fff;font-size:10px;padding:6px 0;border-radius:6px;text-align:center;font-weight:700}

.ai-demo .glow{position:absolute;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(0,120,255,.22),transparent 70%);top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none;z-index:0}

@media (max-width:1000px){
.ai-demo{margin-top:10px}

.ai-demo .preview,.ai-demo{-webkit-transform:none;transform:none}

.ai-demo .preview{position:relative;right:auto;top:auto;width:100%;margin-top:16px;opacity:1}
}

@media (max-width:600px){
.ai-demo{padding:10px;border-radius:14px}

.ai-demo .term-body{font-size:11.5px;padding:10px 12px 12px;min-height:210px}

.ai-demo .term-line.code{font-size:10.5px}
}

@media (max-width:380px){
.nh-hero h1{font-size:24px}

.ai-demo .ai-badge2{display:none}
}

@-webkit-keyframes floatBadge{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}}
@keyframes floatBadge{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}}
@-webkit-keyframes blink{0%,to{opacity:1}50%{opacity:0}}
@keyframes blink{0%,to{opacity:1}50%{opacity:0}}
@-webkit-keyframes lineIn{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes lineIn{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@-webkit-keyframes pulse{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.6;-webkit-transform:scale(.85);transform:scale(.85)}}
@keyframes pulse{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.6;-webkit-transform:scale(.85);transform:scale(.85)}}

/* AI 建站表单：复用 jianzhan/form 的 gw-content / gw-btn，补充 Logo 与登录遮罩 */
.ai-build-panel {
  position: relative;
  padding: 24px 0 40px;
  background: #f5f5f5;
}

.ai-build-panel.gw-order .gw-content {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  box-sizing: border-box;
}

.ai-build-panel.gw-order .gw-btn {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

.ai-build-panel__form-body {
  position: relative;
}

.ai-build-panel.gw-order .gw-content .el-form-item__content .tip-title.tip-title--red,
.ai-build-panel.gw-order .gw-content .el-form-item__content .tip-title.tip-title--red i {
  color: #f85252;
}

.ai-build-panel__login-layer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 120px;
  background: rgba(255, 255, 255, .72);
  color: #9b9b9b;
  font-size: 15px;
  text-decoration: none;
}

.ai-build-panel__login-layer .orange {
  color: #ff7a00;
  font-weight: 700;
  margin: 0 2px;
}

.ai-build-panel__login-layer:hover {
  color: #9b9b9b;
}

.ai-build-panel__logo {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.ai-build-panel__logo.is-locked {
  pointer-events: none;
  opacity: .7;
}

.ai-build-panel__logo-input {
  display: none;
}

.ai-build-panel__logo-box {
  width: 96px;
  height: 96px;
  border: 1px dashed #c0c4cc;
  border-radius: 4px;
  background: #fafafa;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  cursor: pointer;
  color: #606266;
  overflow: hidden;
  flex-shrink: 0;
}

.ai-build-panel__logo-box:hover {
  border-color: #3c7ee5;
  color: #3c7ee5;
}

.ai-build-panel__logo-plus {
  width: 22px;
  height: 22px;
}

.ai-build-panel__logo-text {
  font-size: 12px;
}

.ai-build-panel__logo-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  background: #fff;
}

.ai-build-panel__logo-side {
  flex: 1;
  min-width: 180px;
}

.ai-build-panel__logo-tip {
  margin: 0;
  font-size: 12px;
  color: #999;
  line-height: 1.5;
}

.ai-build-panel__logo-clear {
  margin-top: 8px;
  padding: 0;
  border: none;
  background: none;
  color: #3c7ee5;
  font-size: 13px;
  cursor: pointer;
}

.ai-build-panel__logo-clear:hover {
  text-decoration: underline;
}

.ai-build-panel .gw-btn a {
  text-decoration: none;
}

/* 创建完成后的预览弹框，外观对齐首页 ai-demo */
.el-dialog.ai-preview-dialog {
  background: transparent;
  box-shadow: none;
  width: 1080px;
  max-width: calc(100vw - 32px);
}

.ai-preview-dialog .el-dialog__header {
  display: none;
}

.ai-preview-dialog .el-dialog__body {
  padding: 18px 4px 8px;
  background: transparent;
  overflow: visible;
}

.ai-demo--modal .terminal .bar .ttl {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ai-demo--modal .ai-preview-open,
.ai-demo--modal .ai-preview-close {
  flex-shrink: 0;
  margin-left: 8px;
  border: 1px solid rgba(0, 170, 255, .35);
  background: rgba(15, 23, 42, .85);
  color: #7dd3fc;
  font-size: 12px;
  line-height: 1;
  padding: 5px 10px;
  border-radius: 999px;
  cursor: pointer;
  text-decoration: none;
  font-family: PingFang SC, Microsoft YaHei, sans-serif;
}

.ai-demo--modal .ai-preview-close:hover,
.ai-demo--modal .ai-preview-open:hover {
  color: #fff;
  border-color: #38bdf8;
  background: rgba(0, 120, 255, .35);
}

.ai-demo--modal .term-body.ai-preview-stage {
  padding: 0;
  min-height: 0;
  height: 68vh;
  background: #0a0f1a;
  overflow: hidden;
}

.ai-preview-frame {
  position: absolute;
  top: -50px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 54px);
  margin: 0;
  border: 0;
  display: block;
  background: transparent;
}

.ai-preview-loading {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: #0a0f1a;
  color: #0af;
  font-size: 13px;
  font-family: PingFang SC, Microsoft YaHei, sans-serif;
}

.ai-preview-loading .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #0af;
  box-shadow: 0 0 8px rgba(0, 170, 255, .65);
  animation: pulse 2s ease-in-out infinite;
}

@media (max-width: 600px) {
  .ai-demo--modal .term-body.ai-preview-stage {
    height: 62vh;
  }

  .ai-demo--modal .ai-preview-open {
    display: none;
  }
}