:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f4f4f5;background:#09090b;--muted:#a1a1aa;--line:#29292e;--accent:#f59e0b;--accent2:#fbbf24}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#09090b;color:#f4f4f5}body{background:radial-gradient(circle at 72% -8%,#3a2510 0,transparent 25%),#09090b}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 max(16px,calc((100vw - 900px)/2));border-bottom:1px solid #202024;background:rgba(9,9,11,.9);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.brand{font-weight:850;display:flex;align-items:center;gap:10px}.brandmark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,var(--accent2),#d97706);color:#1c1202;font-size:13px}.badge{font-size:11px;font-weight:900;letter-spacing:.09em;background:#17331f;border:1px solid #245d35;color:#8ff3ab;padding:7px 10px;border-radius:999px}.shell{max-width:900px;margin:auto;padding:26px 14px 60px}.hero{padding:20px 4px 20px}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:850;color:var(--accent);margin:0 0 10px}.hero h1{font-size:clamp(32px,7vw,55px);line-height:.98;letter-spacing:-.045em;margin:0;max-width:760px}.lead{color:#b9b9c0;font-size:16px;line-height:1.55;max-width:760px;margin:16px 0 0}.notice,.tips,.appcard{border:1px solid var(--line);background:linear-gradient(180deg,#171719,#111113);border-radius:20px;margin:14px 0;box-shadow:0 20px 70px rgba(0,0,0,.2)}.notice{padding:16px;display:grid;gap:8px;font-size:14px}.notice strong{font-size:16px;color:#fff}.notice span{color:#c7c7cf}.appcard{overflow:hidden}.apphead{height:58px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.apphead div{display:flex;flex-direction:column;gap:2px}.apphead small{color:var(--muted)}.apphead button{border:1px solid #38383e;border-radius:10px;background:#222226;color:#fff;padding:8px 11px;font-weight:700}.framewrap{height:min(760px,calc(100vh - 110px));min-height:620px;position:relative;background:#101012}.framewrap iframe{border:0;width:100%;height:100%;display:block;background:#101012}.loading{position:absolute;inset:0;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;background:#101012;color:#bdbdc5;z-index:2;transition:.25s opacity}.loading.hide{opacity:0;pointer-events:none}.spinner{width:34px;height:34px;border:3px solid #33343a;border-top-color:var(--accent2);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tips{padding:17px}.tips h2{margin:0 0 7px;font-size:19px}.tips p{margin:0;color:#a9a9b1;line-height:1.55}.shell footer,footer{text-align:center;color:#62626b;font-size:11px;padding:0 16px 38px}@media(max-width:600px){.shell{padding:14px 8px 40px}.hero{padding-left:8px;padding-right:8px}.appcard{border-radius:14px}.framewrap{height:calc(100vh - 110px);min-height:660px}.notice,.tips{margin-left:4px;margin-right:4px}.lead{font-size:15px}}