*{box-sizing:border-box}html{background:#dbefff}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#071862}a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #fce667;outline-offset:5px}.poster{position:relative;isolation:isolate;overflow:hidden;max-width:560px;margin:auto;padding:19px 24px 18px;background:radial-gradient(ellipse at 8% 4%,#a6f2ff 0,transparent 31%),radial-gradient(ellipse at 100% 42%,#55d6ff 0,transparent 30%),linear-gradient(160deg,#3ca8ff 0%,#268dff 48%,#0063e5 78%,#042a8c 100%);min-height:100svh;box-shadow:0 0 70px #116bc435}.poster:before,.poster:after{content:"";position:absolute;pointer-events:none;z-index:-1;width:650px;height:180px;left:-300px;top:450px;border-radius:50%;transform:rotate(35deg);background:linear-gradient(180deg,#91ecff77,#91ecff00)}.poster:after{left:150px;top:220px;transform:rotate(-35deg);height:90px;background:linear-gradient(180deg,#d6fcff55,transparent)}.page-top{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;letter-spacing:1px;color:#fff}.top-symbol{font-size:20px}.top-label{margin-left:auto;padding:5px 10px;border:1px solid #ffffff65;border-radius:30px;font-size:10px}.hero{text-align:center;padding-top:22px}.eyebrow{font-size:13px;letter-spacing:5px;color:#ecfbff;margin-bottom:6px}h1{margin:0 0 17px;font-size:clamp(45px,13.8vw,78px);font-weight:1000;letter-spacing:-3px;line-height:1.25;color:#03147a;text-shadow:0 3px 0 #f8ffff,0 -3px 0 #f8ffff,3px 0 0 #f8ffff,-3px 0 0 #f8ffff,3px 3px 0 #f8ffff,-3px -3px 0 #f8ffff,0 9px 9px #004cbe80}.subtitle{background:linear-gradient(#fff,#dcf8ff);box-shadow:0 5px 10px #0862c344;border:1px solid #b8efff;border-radius:30px;font-size:clamp(10px,3vw,16px);font-weight:800;padding:10px 5px;margin:0}.qr-section{position:relative;margin-top:20px}.qr-frame{position:relative;background:linear-gradient(145deg,#fff,#eefaff);border:5px solid #b4edff;border-radius:28px;box-shadow:0 0 0 5px #60c9ff9c,0 13px 20px #0051c773,inset 0 0 14px #c2e7ff;padding:18px}.qr-image-link{display:block;overflow:hidden;border-radius:11px;background:#fff;line-height:0;touch-action:manipulation}.qr-image{width:100%;height:auto;display:block;user-select:auto;-webkit-touch-callout:default}.corner{position:absolute;width:24px;height:24px;border:5px solid #0085ed;pointer-events:none;z-index:1;filter:drop-shadow(0 3px 2px #0053b84d)}.tl{top:9px;left:9px;border-right:0;border-bottom:0;border-radius:13px 0 0}.tr{top:9px;right:9px;border-left:0;border-bottom:0;border-radius:0 13px 0 0}.bl{bottom:9px;left:9px;border-right:0;border-top:0;border-radius:0 0 0 13px}.br{bottom:9px;right:9px;border-left:0;border-top:0;border-radius:0 0 13px}.spark{position:absolute;color:#d9fbff;z-index:2;pointer-events:none;text-shadow:0 0 10px white}.spark-one{font-size:33px;right:-18px;top:28px}.spark-two{font-size:30px;left:-20px;bottom:50px}.qr-hint{color:#e0f6ff;text-align:center;font-size:12px;margin:14px 0}.callout{background:linear-gradient(#fff,#dcf5ff);border:1px solid #c5f2ff;border-radius:40px;padding:13px 8px;box-shadow:0 5px 12px #0341a144;text-align:center;font-size:clamp(21px,6vw,31px);font-weight:900;letter-spacing:-.5px}.callout strong{color:#003bdf}.callout span{display:block;font-size:11px;font-weight:500;letter-spacing:2px;margin-top:4px;color:#4b69a3}footer{margin-top:22px;text-align:center;border:1px solid #70d7ff;border-radius:18px;padding:17px 5px;background:linear-gradient(#082da0,#001451);box-shadow:inset 0 0 12px #0ca8ff80,0 0 10px #48bdff66}footer strong{display:block;color:#fff151;font-size:clamp(20px,6vw,29px);font-weight:900}footer span{display:block;font-size:clamp(12px,3.5vw,18px);font-weight:800;color:#fff;margin-top:6px}.bottom-note{font-size:10px;text-align:center;margin:18px 0 0;color:#afccff}@media(min-width:560px){body{padding:26px 0}.poster{border-radius:28px;padding:23px 36px}.hero{padding-top:26px}.qr-frame{padding:23px}.qr-hint{font-size:13px}}@media(max-width:350px){.poster{padding-left:17px;padding-right:17px}.qr-frame{padding:13px}}