:root{
  --ink:#142B55;
  --blue:#2166E8;
  --blue-2:#208FF3;
  --slate:#5D7395;
  --pale:#EDF5FF;
  --border:#DEEBFA;
  --gold:#AD741E;
  --gold-bg:#FFF9EE;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;color:var(--ink);background:#F6FAFF;font-family:system-ui,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
a:focus-visible{outline:3px solid #478AFF;outline-offset:4px;border-radius:7px}
.backdrop{position:relative;isolation:isolate;min-height:100vh;overflow:hidden;background:radial-gradient(ellipse 68% 60% at 55% 10%,#fff 0%,#F8FBFF 48%,transparent 100%),linear-gradient(145deg,#DFEEFF 0%,#F5FAFF 36%,#E8F3FF 100%)}
.backdrop::before,.backdrop::after{position:absolute;z-index:-1;pointer-events:none;content:"";left:-10%;width:120%;height:260px;border-radius:50% 50% 0 0 / 100% 100% 0 0}
.backdrop::before{background:rgba(131,189,255,.19);bottom:-135px;transform:rotate(-3deg)}
.backdrop::after{background:rgba(101,165,239,.11);bottom:-190px;transform:rotate(4deg)}
.shell{width:min(1330px,calc(100% - 64px));margin:0 auto;padding:30px 0 74px}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:38px}
.site-brand{flex:0 0 auto;font-size:20px;font-weight:750;line-height:1.4;letter-spacing:0;color:var(--ink);white-space:nowrap}
.topnav{min-height:38px;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;margin-left:auto;gap:22px;color:#647999;font-size:13px;letter-spacing:.03em}
.topnav .dot{width:3px;height:3px;background:#9BB3D5;border-radius:100%;flex:0 0 auto}
.topnav a{color:#3A5B8E;text-decoration:none;font-weight:600}
.topnav a:hover{text-decoration:underline}
.panel{margin-top:16px;display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:stretch;gap:26px;padding:38px 40px 38px 50px;border-radius:27px;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.96);box-shadow:0 20px 64px rgba(44,101,170,.11)}
.primary{min-width:0;display:flex;flex-direction:column}
.intro{min-height:234px;display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,310px);align-items:center;gap:4px}
.intro-text{min-width:0;align-self:center;padding-bottom:8px}
.notice-title{font-size:clamp(31px,2.9vw,44px);font-weight:800;line-height:1.25;letter-spacing:.015em;margin:0 0 18px;color:var(--ink);white-space:nowrap}
.headline{font-size:clamp(20px,1.65vw,23px);font-weight:700;line-height:1.5;margin:0 0 7px;color:#203D70}
.explainer{font-size:15px;line-height:1.75;margin:0;color:var(--slate)}
.hero-art{width:100%;max-width:310px;justify-self:center;align-self:center;display:block;filter:drop-shadow(0 16px 16px rgba(75,129,213,.08));pointer-events:none;user-select:none}
.site-url{display:flex;align-items:center;gap:18px;width:100%;min-height:82px;padding:15px 23px;margin-top:6px;border:1px solid #DCEAFE;border-radius:15px;background:linear-gradient(120deg,#EAF3FF 0%,#F1F8FF 100%);text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s}
.site-url:hover{border-color:#A9C8FA;box-shadow:0 7px 20px rgba(33,102,232,.09);transform:translateY(-1px)}
.url-icon{width:45px;height:45px;flex:0 0 45px;display:grid;place-items:center;border-radius:14px;color:#fff;background:#2166E8;box-shadow:0 5px 11px rgba(33,102,232,.16)}
.url-label{display:block;font-size:13px;font-weight:500;color:#55739D;line-height:1.4}
.url-value{display:block;font-size:clamp(24px,2.38vw,32px);line-height:1.32;font-weight:750;letter-spacing:-.025em;color:#2166E8;overflow-wrap:anywhere}
.url-out{margin-left:auto;flex:0 0 auto;color:#5A7AA9}
.member-note{display:flex;align-items:center;gap:16px;margin-top:14px;min-height:81px;padding:13px 20px;border-radius:14px;background:var(--gold-bg);border:1px solid #F3E4CA}
.member-icon{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:12px;background:#FFF0D7;color:#B88326}
.member-copy{min-width:0}
.member-title{margin:0 0 4px;font-size:17px;line-height:1.4;font-weight:750;color:#A56C19}
.member-desc{margin:0;font-size:13px;line-height:1.55;color:#8A795B}
.cta{margin-top:17px;display:flex;justify-content:center;align-items:center;gap:15px;min-height:67px;padding:13px 20px;border-radius:14px;color:#fff;background:linear-gradient(105deg,#2166E8 0%,#1787F1 60%,#219EEE 100%);box-shadow:0 12px 23px rgba(33,102,232,.15);text-decoration:none;font-size:21px;font-weight:750;letter-spacing:.035em;transition:filter .2s,transform .2s,box-shadow .2s}
.cta:hover{filter:brightness(1.045);transform:translateY(-2px);box-shadow:0 16px 26px rgba(33,102,232,.19)}
.service{min-width:0;padding:24px 20px 20px;border:1px solid #E5EEFB;border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(46,94,153,.065);display:flex;flex-direction:column;align-items:stretch}
.service-heading{display:flex;align-items:center;gap:13px;margin:0 0 14px;color:var(--blue)}
.service-heading h2{margin:0 0 4px;font-size:22px;font-weight:750;line-height:1.3;color:var(--ink)}
.service-heading p{margin:0;color:#7486A4;font-size:12px;line-height:1.45}
.service-icon{flex:0 0 40px;display:flex;justify-content:center;align-items:center;width:40px;height:40px}
.qr-wrap{width:100%;height:275px;display:grid;place-items:center;margin:3px auto 15px;border-radius:14px;background:#fff;overflow:hidden}
.qr-wrap img{width:100%;max-width:248px;height:auto;max-height:100%;object-fit:contain;display:block}
/* For bgzsck, keep the existing live JPEG as first choice, with the archive PNG as offline fallback. */
.qr-dual{width:100%;height:100%;background-image:url('/assets/qr/bgzsck.jpg'),url('/assets/qr/bgzsck.png');background-position:center,center;background-size:contain,contain;background-repeat:no-repeat,no-repeat}
.services-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.services-list li{display:flex;align-items:center;gap:12px;min-height:50px;padding:9px 13px;border-radius:12px;background:#F1F6FF;color:#243E67;font-size:15px;font-weight:650}
.service-mini-icon{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-radius:10px;background:#E0ECFF;color:#2166E8}
.services-list svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.site-url svg,.member-icon svg,.service-icon svg{display:block;width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.service-icon svg{width:34px;height:34px;stroke-width:2.3}
.member-icon svg{width:27px;height:27px;stroke-width:1.65}
@media (max-width:1060px){.shell{width:min(100% - 44px,980px)}.panel{grid-template-columns:minmax(0,1fr) 270px;gap:18px;padding:28px}.intro{grid-template-columns:minmax(0,1fr) 190px;min-height:220px}.hero-art{max-width:200px}.notice-title{font-size:36px}.service{padding:20px 15px}.service-heading h2{font-size:19px}.qr-wrap{height:210px}}
@media (max-width:760px){.shell{width:min(calc(100% - 28px),620px);padding:12px 0 38px} .site-header{flex-direction:column;align-items:stretch;gap:8px}
 .site-brand{font-size:18px}
 .topnav{min-height:28px;height:auto;margin-left:0;justify-content:flex-start;gap:12px;font-size:12px}.panel{margin-top:8px;grid-template-columns:1fr;gap:18px;padding:25px 20px;border-radius:21px}.intro{min-height:0;display:block}.hero-art{display:none}.notice-title{font-size:34px;margin-bottom:13px}.headline{font-size:19px}.explainer{font-size:14px}.site-url{margin-top:24px;min-height:72px;padding:12px 15px;gap:12px}.url-icon{width:39px;height:39px;flex-basis:39px}.url-value{font-size:26px}.member-note{min-height:70px;padding:12px 13px;gap:12px}.member-icon{width:40px;height:40px;flex-basis:40px}.member-title{font-size:15px}.member-desc{font-size:12px}.cta{min-height:59px;font-size:19px}.service{padding:19px 16px}.service-heading h2{font-size:18px}.qr-wrap{height:245px}.qr-wrap img{max-width:230px}.services-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.services-list li{min-height:75px;justify-content:center;flex-direction:column;gap:5px;padding:9px 4px;font-size:12px;text-align:center}.service-mini-icon{width:29px;height:29px;flex-basis:29px}}
@media (max-width:390px){.topnav{gap:8px;font-size:11px}.panel{padding:23px 15px}.notice-title{font-size:31px}.url-value{font-size:23px}.url-label{font-size:12px}.url-out{display:none}.member-title{font-size:14px}.member-desc{font-size:11px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}