:root{--ink:#18233b;--muted:#65718a;--paper:#fff;--bg:#f2f5f9;--line:#dfe6ef;--blue:#165df5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.75 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}a{color:var(--blue)}.hero{background:#112c63;color:#fff;padding:48px 24px}.hero>*{max-width:1060px;margin-left:auto;margin-right:auto}.brand{letter-spacing:.17em;font-weight:700;font-size:12px;color:#bcd0ff}.hero h1{font-size:clamp(34px,5vw,54px);line-height:1.08;margin-top:10px;margin-bottom:10px}.hero p{color:#d7e4ff;margin-bottom:0}.shell{max-width:1060px;margin:0 auto;padding:28px 20px 62px}.nav{display:flex;gap:16px;justify-content:space-between;align-items:center;margin-bottom:22px}.nav a{text-decoration:none}.back{font-size:14px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:clamp(22px,4vw,38px);margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.card{display:block;border:1px solid var(--line);border-radius:14px;padding:20px;color:var(--ink);text-decoration:none;background:#fff}.card:hover{border-color:#83aafc;box-shadow:0 10px 24px #164da914}.card b,.card span{display:block}.card b{font-size:19px}.card span{font-size:14px;color:var(--muted);margin-top:5px}.qr-row{display:flex;gap:20px;align-items:stretch;max-width:570px}.qr{display:flex;flex:1;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:12px}.qr img{width:72px;height:72px;object-fit:contain;border-radius:6px}.qr b,.qr small{display:block}.qr small{font-size:12px;color:var(--muted);line-height:1.45}.steps{counter-reset:step;display:grid;gap:14px}.step{display:grid;grid-template-columns:30px 1fr;gap:12px}.step:before{counter-increment:step;content:counter(step);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#eaf1ff;color:#165df5;font-weight:800;font-size:13px}.step p{margin:0}.code{background:#111c31;color:#e8efff;padding:16px 18px;border-radius:11px;white-space:pre-wrap;overflow:auto;font:14px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace}.notice{border-left:4px solid #e8a411;background:#fff8e9;padding:13px 16px;margin:20px 0}.shots{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:20px}.shot{margin:0;border:1px solid var(--line);padding:8px;border-radius:11px;background:#fafcff}.shot img{width:100%;display:block;border-radius:7px}.shot figcaption{color:var(--muted);font-size:13px;padding:7px 2px 1px}.faq{border-top:1px solid var(--line);padding:15px 0}.faq b,.faq span{display:block}.faq span{color:var(--muted);font-size:14px}@media(max-width:680px){.grid{grid-template-columns:1fr}.qr-row{gap:10px}.qr{padding:9px;gap:8px}.qr img{width:54px;height:54px}.qr small{font-size:11px}.hero{padding:36px 20px}}
 .zoomable-image{cursor:zoom-in}.image-lightbox{display:none;position:fixed;z-index:9999;inset:0;padding:32px;background:#091323e8;align-items:center;justify-content:center}.image-lightbox.open{display:flex}.image-lightbox img{max-width:min(94vw,1200px);max-height:88vh;object-fit:contain;border-radius:8px;box-shadow:0 20px 65px #000}.image-lightbox-close{position:absolute;top:16px;right:20px;border:0;background:transparent;color:#fff;font:38px/1 Arial;cursor:pointer}
.tutorial-panel .lead{margin-top:-8px;color:var(--muted)}.scenario-list{display:grid;gap:16px;margin-top:24px}.scenario{border:1px solid var(--line);border-radius:16px;padding:20px 22px;background:linear-gradient(135deg,#fff,#f8fbff)}.scenario-head{display:flex;gap:14px;align-items:flex-start}.scenario-tag{flex:none;background:#eaf1ff;color:#165df5;border-radius:8px;padding:6px 9px;font-size:12px;font-weight:800}.scenario h3{margin:0 0 5px;font-size:20px}.scenario p{margin:0;color:var(--muted);font-size:14px}.scenario-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.scenario-links a{display:block;border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:#fff;transition:.2s}.scenario-links a:hover{border-color:#8ab0ff;transform:translateY(-1px)}.scenario-links b,.scenario-links small{display:block}.scenario-links small{margin-top:5px;color:var(--muted);font-size:12px}@media(max-width:680px){.scenario-links{grid-template-columns:1fr}.scenario{padding:16px}}.scenario-links a{min-width:0}.scenario-links b{line-height:1.4;word-break:break-word}.scenario-links small{line-height:1.5;word-break:break-word}@media(max-width:680px){.shell{padding:20px 14px}.panel{padding:22px 16px}.tutorial-panel h2{font-size:27px}.tutorial-panel .lead{font-size:15px;line-height:1.7}.scenario{padding:16px}.scenario-head{gap:10px}.scenario h3{font-size:18px;line-height:1.45}.scenario p{font-size:13px;line-height:1.6}.scenario-links{display:grid;grid-template-columns:1fr;gap:8px;margin-top:14px}.scenario-links a{padding:11px 12px}.scenario-links b{font-size:15px}.scenario-links small{font-size:12px}}