:root{--bg:#eef1f7;--panel:#fff;--panel2:#f6f8fb;--text:#23272f;--muted:#6b7686;--line:#e4e8f0;--accent:#5b5bd6;--accent2:#0ea5e9;--radius:14px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;background:linear-gradient(180deg,#f2f5fb,var(--bg) 40%);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav{max-width:1200px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:20px}.logo{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:grid;place-items:center;color:#fff;font-size:20px;box-shadow:0 4px 12px rgba(91,91,214,.35)}.lang-switch{margin-left:0;display:inline-flex;align-items:center;gap:2px;background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:3px}.lang-switch a{display:inline-flex;align-items:center;gap:4px;padding:5px 13px;border-radius:999px;font-size:13px;font-weight:600;color:var(--muted);text-decoration:none;transition:color .15s,background .15s}.lang-switch a:hover{color:var(--text);background:rgba(0,0,0,.04)}.lang-switch a.active{background:var(--accent);color:#fff;box-shadow:0 2px 6px rgba(91,91,214,.35)}.lang-switch a .globe{font-size:14px;opacity:.85}.nav-links{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}.nav-links a{padding:8px 14px;border-radius:9px;font-size:14px;color:var(--muted);font-weight:600;transition:.15s}.nav-links a:hover,.nav-links a.active{color:var(--accent);background:#eef0fb}.wrap{max-width:1200px;margin:0 auto;padding:28px 20px 60px}.hero{text-align:center;padding:8px 0 24px}.hero h1{font-size:34px;font-weight:800;letter-spacing:-.5px}.hero p{color:var(--muted);margin-top:10px;font-size:16px}.hero .pill{display:inline-block;margin-top:16px;padding:6px 14px;border-radius:999px;background:#eef2ff;color:var(--accent);font-size:13px;font-weight:600}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 10px 30px rgba(40,50,70,.05);margin-bottom:22px;overflow:hidden}.panel-head{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line);flex-wrap:wrap}.panel-head h2{font-size:18px;font-weight:800;display:flex;align-items:center;gap:8px}.panel-head .desc{color:var(--muted);font-size:13px}.panel-body{padding:22px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.card{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:16px;cursor:pointer;transition:.15s}.card:hover{border-color:#c7cbe6;transform:translateY(-2px)}.card .thumb{height:70px;border-radius:8px;margin-bottom:10px;overflow:hidden}.card .thumb i{display:block;width:100%;height:100%}.card h3{font-size:15px;font-weight:800;margin-bottom:4px}.card p{font-size:12.5px;color:var(--muted);line-height:1.5}.card .go{display:inline-block;margin-top:8px;font-size:12px;font-weight:700;color:var(--accent)}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.info-card{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:18px}.info-card h3{font-size:15px;font-weight:800;margin-bottom:8px;display:flex;gap:8px;align-items:center}.info-card p{font-size:13.5px;color:#4a5568;line-height:1.65}.steps{padding:14px 18px;line-height:1.9;font-size:14px;color:#3d4656}.steps b{color:var(--text)}footer{background:var(--panel);border-top:1px solid var(--line)}.foot{max-width:1200px;margin:0 auto;padding:22px 20px;text-align:center;color:var(--muted);font-size:13px;line-height:1.7}.ovl{position:fixed;inset:0;z-index:1000;display:none}.ovl.on{display:block}.ovl canvas{position:absolute;inset:0;width:100%;height:100%}.ovl-bar{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;gap:10px;padding:12px 16px;background:rgba(20,22,28,.7);color:#fff;font-size:13px;transition:opacity .2s}.ovl-bar.hide{opacity:0;pointer-events:none}.ovl-bar .m{font-weight:700}.ovl-bar .c{font-family:monospace;opacity:.8}.ovl-actions{margin-left:auto;display:flex;gap:6px}.ovl-actions button{border:none;background:rgba(255,255,255,.15);color:#fff;padding:7px 13px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.ovl-actions button:hover{background:rgba(255,255,255,.3)}.ovl-hint{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.75);font-size:12px;z-index:2;pointer-events:none}@media (max-width:860px){.grid{grid-template-columns:repeat(2,1fr)}.info-grid{grid-template-columns:1fr}}@media (max-width:540px){.grid{grid-template-columns:1fr}.hero h1{font-size:26px}}