*{box-sizing:border-box}body{margin:0;background:#eef2f8;color:#17253d;font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}aside{position:fixed;left:max(24px,calc(50% - 510px));top:36px;width:250px;background:white;border:1px solid #e5eaf3;border-radius:18px;padding:25px}b{font-size:25px}.brand span{display:block;color:#1677ff;font-size:12px;letter-spacing:3px}.brand small,aside p,footer{color:#7c879a}aside nav{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:22px 0}aside nav a{padding:8px;border-radius:7px;font-size:12px}a.active{background:#eaf3ff;color:#1677ff;font-weight:600}footer{font-size:11px}main{width:min(100%,460px);margin:24px auto 100px;position:relative;transform:translateX(100px);background:#fff;box-shadow:0 12px 50px #1c397015;border-radius:14px;overflow:hidden}header{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:white}header button,.dialogHead button{border:0;background:none;color:#1677ff;font-size:12px}.hint{background:#edf5ff;color:#57759d;font-size:11px;padding:8px 12px;display:flex;justify-content:space-between}.hint button{border:0;background:none;color:#1677ff;font-size:11px}#screen{position:relative;line-height:0}#mockup{display:block;width:100%;height:auto}.spot{position:absolute;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer}.spot:hover,.spot:focus-visible,.show .spot{background:#1677ff16;border:1px dashed #1677ff}.spot:focus-visible{outline:2px solid #1677ff}.related{padding:14px;background:#f8faff}.related span{font-size:11px;color:#7a879a}.related div{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.related a{border:1px solid #dbe7fa;padding:5px 12px;background:white;border-radius:7px;color:#1677ff;font-size:12px}.pager{padding:14px;display:flex;align-items:center;justify-content:space-between}.pager button{border:0;background:#eef5ff;border-radius:6px;color:#1677ff;padding:8px 14px}.pager button:disabled{opacity:.3}.pager span{font-size:11px;color:#8894a7}.disclaimer{text-align:center;color:#98a0af;font-size:10px;padding-bottom:12px}.bottom{display:flex;border-top:1px solid #e8edf4;background:#fff;justify-content:space-around;padding:10px 0}.bottom a{text-align:center;flex:1;font-size:12px}.bottom em{display:block;font-style:normal;font-size:19px}dialog{border:0;border-radius:18px;padding:22px;width:min(90vw,450px);max-height:85vh;box-shadow:0 20px 70px #15233d33}dialog::backdrop{background:#0e203a66}.dialogHead{display:flex;justify-content:space-between;margin-bottom:18px}#mobileNav{display:grid;grid-template-columns:1fr 1fr;gap:8px}#mobileNav a{padding:12px;background:#f5f8fd;border-radius:8px}#mobileNav a.active{background:#e7f1ff}#toast{position:fixed;bottom:95px;left:50%;transform:translateX(-50%);padding:12px 20px;border-radius:10px;background:#18283deb;color:white;z-index:20;max-width:90vw;display:none;font-size:12px}@media(max-width:850px){aside{display:none}main{transform:none;margin:0 auto 74px;border-radius:0;box-shadow:none}.bottom{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,460px);z-index:10;padding-bottom:max(10px,env(safe-area-inset-bottom))}header{position:sticky;top:0;z-index:9;box-shadow:0 1px 4px #102e4110}body{background:#f4f6fa}}