@charset "utf-8";
/* 东莞入户网 | dg.yisxue.com | 原生 CSS，无第三方依赖 */
:root{
  --main:#3999F9; --ink:#2D77C3; --ink-soft:#3690EA;
  --btn:#307FCF; --btn-fg:#16181D;
  --deep:#2168B1; --deeper:#184B7F;
  --tint:#E3EDF8; --tint2:#F3F9FF; --tint3:#DBEDFE;
  --grad-main:linear-gradient(135deg,#3387DC 0%,#277ED5 100%); --grad-soft:linear-gradient(135deg,#EBF5FE 0%,#F9FCFF 100%);
  --sp:54px; --sp-sm:30px; --r:8px; --r-sm:5px;
  --gap:16px; --cw:1150px;
  --sh1:0 1px 2px rgba(16,24,40,.05); --sh2:0 6px 18px rgba(16,24,40,.08); --sh3:0 14px 34px rgba(16,24,40,.12);
  --tx:#171A20; --tx2:#4B5361; --tx3:#7C8494; --line:#E7EAF0;
  --nav-h:80px;
  --c1:#1F6FD0; --c1-2:#3E9BE8; --c1-lt:#E4EEF9; --c1-tt:#F5F9FD; --c1-dk:#1857A2;
  --c1-g:linear-gradient(135deg,#1F6FD0 0%,#3E9BE8 100%);
  --c2:#2C8F52; --c2-2:#57BE7C; --c2-lt:#E6F2EA; --c2-tt:#F6FAF7; --c2-dk:#227040;
  --c2-g:linear-gradient(135deg,#2C8F52 0%,#57BE7C 100%);
  --c3:#C7402F; --c3-2:#E97A62; --c3-lt:#F8E8E6; --c3-tt:#FCF6F6; --c3-dk:#9B3225;
  --c3-g:linear-gradient(135deg,#C7402F 0%,#E97A62 100%);
  --c4:#177F6E; --c4-2:#3FB8A0; --c4-lt:#E3F0EE; --c4-tt:#F5F9F8; --c4-dk:#126356;
  --c4-g:linear-gradient(135deg,#177F6E 0%,#3FB8A0 100%);
  --c5:#DE6A22; --c5-2:#F59A48; --c5-lt:#FBEDE4; --c5-tt:#FEF8F5; --c5-dk:#AD531B;
  --c5-g:linear-gradient(135deg,#DE6A22 0%,#F59A48 100%);
  --c6:#C63B84; --c6-2:#EE79B0; --c6-lt:#F8E7F0; --c6-tt:#FCF6F9; --c6-dk:#9A2E67;
  --c6-g:linear-gradient(135deg,#C63B84 0%,#EE79B0 100%);
  --c7:#3A4CA8; --c7-2:#6C7EDC; --c7-lt:#E7EAF5; --c7-tt:#F6F7FB; --c7-dk:#2D3B83;
  --c7-g:linear-gradient(135deg,#3A4CA8 0%,#6C7EDC 100%);
  --c8:#0E8E9E; --c8-2:#2BC0CE; --c8-lt:#E2F1F3; --c8-tt:#F4FAFB; --c8-dk:#0B6F7B;
  --c8-g:linear-gradient(135deg,#0E8E9E 0%,#2BC0CE 100%);
  --c9:#6B46C1; --c9-2:#9A7BE0; --c9-lt:#EDE9F8; --c9-tt:#F8F7FC; --c9-dk:#533797;
  --c9-g:linear-gradient(135deg,#6B46C1 0%,#9A7BE0 100%);
  --c10:#B4841A; --c10-2:#E0B44A; --c10-lt:#F6F0E4; --c10-tt:#FCF9F5; --c10-dk:#8C6714;
  --c10-g:linear-gradient(135deg,#B4841A 0%,#E0B44A 100%);
  --c11:#1F6FD0; --c11-2:#3E9BE8; --c11-lt:#E4EEF9; --c11-tt:#F5F9FD; --c11-dk:#1857A2;
  --c11-g:linear-gradient(135deg,#1F6FD0 0%,#3E9BE8 100%);
  --c12:#2C8F52; --c12-2:#57BE7C; --c12-lt:#E6F2EA; --c12-tt:#F6FAF7; --c12-dk:#227040;
  --c12-g:linear-gradient(135deg,#2C8F52 0%,#57BE7C 100%);
}
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Variable Display","Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.75;color:var(--tx);
  background:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
img{max-width:100%;display:block;border:0;}
a{color:inherit;text-decoration:none;}
ul,ol{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4,h5{margin:0;font-weight:700;line-height:1.32;letter-spacing:-.01em;}
p{margin:0 0 1em;}
p:last-child{margin-bottom:0;}
button{font-family:inherit;cursor:pointer;border:0;background:none;}
:focus-visible{outline:2px solid var(--ink);outline-offset:2px;}
.wrap{max-width:var(--cw);margin:0 auto;padding:0 24px;}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}

/* ══ 页头（80px，纯白，滚动不改变背景色） ══ */
.hd{position:fixed;top:0;left:0;right:0;z-index:900;height:var(--nav-h);
  background:#FFFFFF;border-bottom:1px solid var(--line);transition:box-shadow .3s;}
.hd.on{box-shadow:0 4px 20px rgba(16,24,40,.09);}
.hd-in{max-width:var(--cw);margin:0 auto;padding:0 24px;height:var(--nav-h);
  display:flex;align-items:center;gap:16px;}
.hd-logo{display:flex;align-items:center;flex:0 0 auto;}
.hd-logo img{height:60px;width:auto;}
.hd-brand{flex:1 1 auto;min-width:0;text-align:center;padding:0 8px;}
.hd-name{display:block;font-size:23px;font-weight:800;color:var(--main);
  letter-spacing:.5px;line-height:1.2;white-space:nowrap;}
.hd-slogan{display:block;font-size:13px;color:var(--main);letter-spacing:.6px;
  line-height:1.5;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.nav{flex:0 0 auto;display:flex;align-items:center;}
.nav a{position:relative;display:block;padding:0 13px;font-size:15.5px;line-height:var(--nav-h);
  color:var(--tx2);font-weight:500;transition:color .22s;white-space:nowrap;}
.nav a::after{content:"";position:absolute;left:13px;right:13px;bottom:20px;height:2.5px;
  border-radius:2px;background:var(--ink);transform:scaleX(0);transform-origin:left;
  transition:transform .26s cubic-bezier(.4,0,.2,1);}
.nav a:hover{color:var(--ink);}
.nav a:hover::after,.nav a.cur::after{transform:scaleX(1);}
.nav a.cur{color:var(--ink);font-weight:700;}
.burger{display:none;width:46px;height:46px;border-radius:12px;background:var(--tint2);
  flex-direction:column;justify-content:center;align-items:center;gap:5px;flex:0 0 auto;}
.burger i{display:block;width:20px;height:2px;border-radius:2px;background:var(--ink);
  transition:transform .3s,opacity .3s;}
body{padding-top:var(--nav-h);}

/* ══ 移动端右侧抽屉 ══ */
.mask{position:fixed;inset:0;z-index:950;background:rgba(12,16,24,.5);
  backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);
  opacity:0;visibility:hidden;transition:opacity .32s,visibility .32s;}
.mask.on{opacity:1;visibility:visible;}
.dw{position:fixed;top:0;right:0;bottom:0;z-index:960;width:82%;max-width:340px;
  background:#fff;transform:translateX(102%);transition:transform .38s cubic-bezier(.32,.72,.28,1);
  display:flex;flex-direction:column;box-shadow:-12px 0 40px rgba(12,16,24,.2);}
.dw.on{transform:none;}
.dw-hd{background:linear-gradient(135deg,#3387DC 0%,#277ED5 100%);color:#fff;padding:22px 20px 20px;position:relative;flex:0 0 auto;}
.dw-hd::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:22px;
  background:#fff;border-radius:22px 22px 0 0;}
.dw-name{font-size:19px;font-weight:800;letter-spacing:.4px;}
.dw-sl{font-size:12.5px;opacity:.92;margin-top:5px;}
.dw-x{position:absolute;top:16px;right:14px;width:36px;height:36px;border-radius:50%;
  background:rgba(255,255,255,.2);color:#fff;font-size:19px;line-height:36px;text-align:center;}
.dw-body{flex:1 1 auto;overflow-y:auto;padding:8px 14px 20px;-webkit-overflow-scrolling:touch;}
.dw-list li+li{border-top:1px solid #F1F3F7;}
.dw-list a{display:flex;align-items:center;gap:13px;padding:13px 8px;font-size:16px;
  font-weight:600;color:var(--tx);}
.dw-list a.cur{color:var(--ink);}
.dw-ico{flex:0 0 auto;width:36px;height:36px;border-radius:11px;display:flex;
  align-items:center;justify-content:center;}
.dw-ico span{display:block;width:15px;height:15px;border-radius:4px;}
.dw-arw{margin-left:auto;color:#C6CCD8;font-size:15px;}
.dw-list li:nth-child(1) .dw-ico{background:rgba(31,111,208,.14);}
.dw-list li:nth-child(2) .dw-ico{background:rgba(199,64,47,.14);}
.dw-list li:nth-child(3) .dw-ico{background:rgba(222,106,34,.14);}
.dw-list li:nth-child(4) .dw-ico{background:rgba(58,76,168,.14);}
.dw-list li:nth-child(5) .dw-ico{background:rgba(107,70,193,.14);}
.dw-list li:nth-child(6) .dw-ico{background:rgba(31,111,208,.14);}
.dw-list li:nth-child(7) .dw-ico{background:rgba(199,64,47,.14);}
.dw-list li:nth-child(1) .dw-ico span{background:#1F6FD0;}
.dw-list li:nth-child(2) .dw-ico span{background:#C7402F;}
.dw-list li:nth-child(3) .dw-ico span{background:#DE6A22;}
.dw-list li:nth-child(4) .dw-ico span{background:#3A4CA8;}
.dw-list li:nth-child(5) .dw-ico span{background:#6B46C1;}
.dw-list li:nth-child(6) .dw-ico span{background:#1F6FD0;}
.dw-list li:nth-child(7) .dw-ico span{background:#C7402F;}
.dw-ft{flex:0 0 auto;padding:16px 20px 20px;border-top:1px solid var(--line);background:var(--tint3);}
.dw-tel{display:flex;align-items:center;justify-content:center;gap:8px;height:46px;
  border-radius:12px;background:var(--btn);color:var(--btn-fg);font-weight:700;font-size:16px;}
.dw-wx{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;
  margin-top:10px;border-radius:12px;border:1.5px solid var(--ink);color:var(--ink);
  font-weight:600;font-size:15px;background:#fff;}

/* ══ 通用区块 ══ */
.sec{padding:var(--sp) 0;position:relative;}
.sec-hd{margin-bottom:calc(var(--sp) * .52);text-align:center;}
.sec-hd.ctr{text-align:center;}
.eyebrow{display:inline-flex;align-items:center;gap:7px;padding:5px 14px;border-radius:100px;
  font-size:13px;font-weight:700;letter-spacing:.8px;background:var(--tint);color:var(--ink);}
.eyebrow::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;}
.sec-t{font-size:26px;margin:14px 0 0;letter-spacing:-.02em;}
.sec-s{margin-top:11px;font-size:16px;color:var(--tx2);max-width:660px;line-height:1.8;}
.sec-hd.ctr .sec-s,.sec-hd[style*="center"] .sec-s{margin-left:auto;margin-right:auto;}
.sec-t .hl{color:var(--ink);}
.on-deep{background:var(--deep);color:#fff;}
.on-deep .sec-t,.on-deep .hd-name{color:#fff;}
.on-deep .sec-s{color:rgba(255,255,255,.82);}
.on-deep .eyebrow{background:rgba(255,255,255,.16);color:#fff;}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  height:50px;padding:0 26px;border-radius:calc(var(--r) * .82);font-size:16px;font-weight:700;
  background:var(--btn);color:var(--btn-fg);transition:transform .24s,box-shadow .24s,filter .24s;
  box-shadow:0 6px 18px rgba(48,127,207,.28);}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(48,127,207,.34);filter:saturate(1.08);}
.btn-2{background:#fff;color:var(--ink);border:1.5px solid rgba(45,119,195,.32);box-shadow:none;}
.btn-2:hover{border-color:var(--ink);background:var(--tint2);box-shadow:0 8px 20px rgba(16,24,40,.08);}
.btn-3{background:rgba(255,255,255,.16);color:#fff;box-shadow:none;
  border:1.5px solid rgba(255,255,255,.4);}
.btn-3:hover{background:rgba(255,255,255,.26);}
.btn-sm{height:42px;padding:0 18px;font-size:14.5px;}

.card{background:#fff;border-radius:var(--r);box-shadow:var(--sh2);
  border:1px solid var(--line);
  transition:transform .3s cubic-bezier(.34,.8,.36,1),box-shadow .3s;}
.card:hover{transform:translateY(-6px);box-shadow:var(--sh3);}
.pill{display:inline-block;padding:3px 11px;border-radius:100px;font-size:12.5px;font-weight:700;}

/* 入场浮现 */
.rv{opacity:0;transform:translateY(20px);}
.rv.in{opacity:1;transform:none;transition:opacity .72s ease,transform .72s cubic-bezier(.22,.7,.3,1);}
.rv.d1.in{transition-delay:.08s;} .rv.d2.in{transition-delay:.16s;}
.rv.d3.in{transition-delay:.24s;} .rv.d4.in{transition-delay:.32s;}
.rv.d5.in{transition-delay:.4s;}  .rv.d6.in{transition-delay:.48s;}
@media (prefers-reduced-motion:reduce){
  .rv,.rv.in{opacity:1;transform:none;transition:none;}
  html{scroll-behavior:auto;}
}

/* ══ 面包屑 + 内页页头 ══ */
.phd{padding:calc(var(--sp) * .72) 0 calc(var(--sp) * .58);background:var(--grad-soft);
  border-bottom:1px solid var(--line);position:relative;overflow:hidden;}
.phd::after{content:"";position:absolute;right:-90px;top:-90px;width:300px;height:300px;
  border-radius:50%;background:rgba(57,153,249,.09);}
.phd-in{position:relative;z-index:1;}
.crumb{font-size:13.5px;color:var(--tx3);margin-bottom:14px;}
.crumb a:hover{color:var(--ink);}
.crumb span{margin:0 7px;opacity:.5;}
.phd h1{font-size:clamp(26px,3.4vw,38px);letter-spacing:-.02em;}
.phd .lead{margin-top:12px;font-size:16.5px;color:var(--tx2);max-width:720px;}

/* ══ 分页 ══ */
.pager{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;
  margin-top:calc(var(--sp) * .6);}
.pager a,.pager span{min-width:42px;height:42px;padding:0 12px;border-radius:calc(var(--r-sm) + 3px);
  display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;
  background:#fff;border:1px solid var(--line);color:var(--tx2);transition:all .22s;}
.pager a:hover{border-color:var(--ink);color:var(--ink);transform:translateY(-2px);}
.pager .cur{background:var(--btn);border-color:var(--btn);color:var(--btn-fg);}
.pager .dis{opacity:.42;}
.pager .info{background:none;border:0;color:var(--tx3);font-weight:400;font-size:14px;}

/* ══ 页脚 ══ */
.ft{background:var(--deeper);color:rgba(255,255,255,.72);padding:calc(var(--sp) * .82) 0 0;}
.ft-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:36px;
  padding-bottom:calc(var(--sp) * .6);}
.ft h4{color:#fff;font-size:16px;margin-bottom:16px;letter-spacing:.4px;}
.ft-brand img{height:54px;margin-bottom:14px;filter:brightness(0) invert(1);opacity:.95;}
.ft-name{color:#fff;font-size:18px;font-weight:800;letter-spacing:.5px;}
.ft-sl{font-size:13.5px;margin-top:8px;color:rgba(255,255,255,.6);}
.ft-li li{margin-bottom:10px;font-size:14.5px;}
.ft-li a:hover{color:#fff;padding-left:4px;transition:padding .22s;}
.ft-ct li{display:flex;gap:9px;font-size:14.5px;margin-bottom:11px;line-height:1.7;}
.ft-ct b{color:#fff;font-weight:700;}
.ft-ct .k{flex:0 0 46px;color:rgba(255,255,255,.5);}
.ft-links{border-top:1px solid rgba(255,255,255,.12);padding:22px 0;}
.ft-links .t{font-size:13.5px;color:rgba(255,255,255,.55);margin-bottom:10px;}
.ft-links .ls{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;}
.ft-links a{color:rgba(255,255,255,.6);}
.ft-links a:hover{color:#fff;}
.ft-bt{border-top:1px solid rgba(255,255,255,.12);padding:18px 0 22px;font-size:13.5px;
  display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between;align-items:center;}
.ft-bt a:hover{color:#fff;text-decoration:underline;}
.ft-bt .sp{opacity:.4;margin:0 6px;}

/* ══ 浮动按钮 ══ */
.fab{position:fixed;right:16px;bottom:18px;z-index:880;display:flex;flex-direction:column;gap:10px;}
.fab button,.fab a{width:52px;height:52px;border-radius:16px;background:#fff;
  box-shadow:0 6px 22px rgba(16,24,40,.16);display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:2px;color:var(--ink);
  transition:transform .24s,box-shadow .24s;position:relative;}
.fab button:hover,.fab a:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 12px 30px rgba(16,24,40,.22);}
.fab .ic{width:22px;height:22px;}
.fab .lb{font-size:10.5px;font-weight:700;letter-spacing:.3px;line-height:1;}
.fab .f-tel{background:var(--btn);color:var(--btn-fg);}
.fab .f-wx{background:#177F6E;color:#fff;}
.fab .f-top{opacity:0;visibility:hidden;transform:translateY(10px);}
.fab .f-top.on{opacity:1;visibility:visible;transform:none;}

/* ══ 二维码弹窗 ══ */
.mo{position:fixed;inset:0;z-index:990;display:flex;align-items:center;justify-content:center;
  padding:20px;opacity:0;visibility:hidden;transition:opacity .28s,visibility .28s;}
.mo.on{opacity:1;visibility:visible;}
.mo-bg{position:absolute;inset:0;background:rgba(12,16,24,.62);
  backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);}
.mo-bd{position:relative;width:100%;max-width:352px;background:#fff;border-radius:20px;
  overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.3);transform:translateY(16px) scale(.97);
  transition:transform .34s cubic-bezier(.22,.7,.3,1);}
.mo.on .mo-bd{transform:none;}
.mo-hd{background:linear-gradient(135deg,#3387DC 0%,#277ED5 100%);color:#fff;padding:18px 20px;text-align:center;}
.mo-hd .t{font-size:17.5px;font-weight:800;}
.mo-hd .s{font-size:12.5px;opacity:.9;margin-top:3px;}
.mo-x{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;
  background:rgba(255,255,255,.22);color:#fff;font-size:17px;line-height:32px;text-align:center;z-index:2;}
.mo-qr{padding:20px 20px 6px;text-align:center;}
.mo-qr img{width:196px;height:196px;margin:0 auto;border-radius:12px;
  border:1px solid var(--line);object-fit:cover;}
.mo-tip{font-size:13px;color:var(--tx3);margin-top:10px;}
.mo-info{padding:4px 20px 20px;}
.mo-row{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:12px;
  background:var(--tint2);margin-top:9px;}
.mo-row .k{font-size:13px;color:var(--tx3);flex:0 0 auto;}
.mo-row .v{font-size:16px;font-weight:800;color:var(--ink);letter-spacing:.4px;}
.mo-row .cp{margin-left:auto;font-size:12.5px;padding:4px 10px;border-radius:8px;
  background:#fff;border:1px solid var(--line);color:var(--tx2);font-weight:600;}
.mo-row .cp:hover{border-color:var(--ink);color:var(--ink);}
.mo-call{display:flex;align-items:center;justify-content:center;height:48px;margin-top:14px;
  border-radius:12px;background:var(--btn);color:var(--btn-fg);font-weight:700;font-size:16px;}

/* ══ 响应式 ══ */
@media (max-width:1180px){
  .nav a{padding:0 10px;font-size:15px;}
  .hd-name{font-size:21px;}
}
@media (max-width:1100px){
  .nav{display:none;}
  .burger{display:flex;}
  .hd-brand{text-align:left;padding-left:4px;}
  .hd-name{font-size:20px;}
  .hd-slogan{font-size:12px;}
  .ft-top{grid-template-columns:1fr 1fr;gap:30px;}
}
@media (max-width:820px){
  :root{--nav-h:66px;--sp:38px;--sp-sm:22px;}
  .wrap{padding:0 16px;}
  .hd-in{padding:0 16px;gap:10px;}
  .hd-logo img{height:42px;}
  .hd-name{font-size:17px;}
  .hd-slogan{font-size:11px;letter-spacing:.2px;}
  .burger{width:42px;height:42px;}
  .sec-t{font-size:21px;}
  .sec-s{font-size:15px;}
  .btn{height:47px;padding:0 20px;font-size:15.5px;}
  .ft-top{grid-template-columns:1fr;gap:26px;}
  .ft-bt{justify-content:center;text-align:center;flex-direction:column;gap:6px;}
  .fab{right:11px;bottom:12px;gap:8px;}
  .fab button,.fab a{width:46px;height:46px;border-radius:14px;}
  .fab .ic{width:19px;height:19px;}
  .fab .lb{font-size:9.5px;}
}
@media (max-width:480px){
  .hd-name{font-size:15.5px;letter-spacing:0;}
  .hd-slogan{font-size:10.5px;}
  .hd-logo img{height:38px;}
  .mo-qr img{width:172px;height:172px;}
}
@media print{
  .hd,.fab,.mo,.dw,.mask,.ft-links{display:none !important;}
  body{padding-top:0;}
}