:root{--blue:#11a9ef;--ink:#17334d;--muted:#8a9aa9;--line:#edf2f6;--bg:#f4f8fb;--green:#00cbb4;--red:#f16464;--shadow:0 10px 35px #294b7110}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;font-size:15px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:#edf7ff;color:#1485c4;border-radius:12px;padding:12px 18px}button:disabled{opacity:.5;cursor:wait}a{color:#159adc;text-decoration:none}input,select,textarea{width:100%;border:1px solid #dfe9f0;background:white;border-radius:10px;padding:12px;color:var(--ink);outline:none}input:focus,textarea:focus{border-color:var(--blue)}label{display:block;font-size:13px;color:#678096;margin:16px 0 6px}textarea{min-height:110px;resize:vertical}h1,h2,h3,p{margin-top:0}h1{font-size:28px}h2{font-size:22px}h3{font-size:17px}.muted{color:var(--muted);font-size:13px}.tiny{font-size:12px}.primary{background:linear-gradient(110deg,#03c9d1,#078bff);color:white;box-shadow:0 6px 15px #139ff02b}.danger{color:var(--red);background:#fff0f0}.wide{width:100%}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.stack{display:grid;gap:16px}.card{background:#fff;border:1px solid #eaf0f5;border-radius:20px;padding:24px;box-shadow:var(--shadow)}.badge{display:inline-block;padding:4px 9px;background:#e9f8ff;color:#1597da;border-radius:7px;font-size:12px}.wrap{max-width:1000px;margin:auto;padding:28px 24px 90px}.phone{max-width:480px;min-height:100vh;background:#fff;margin:auto;position:relative;box-shadow:0 0 80px #354d6711;padding-bottom:90px}.top{padding:24px 22px 18px}.brand{font-weight:800;letter-spacing:1px}.logo{display:inline-grid;place-items:center;background:linear-gradient(135deg,#09c7dc,#1398ff);width:34px;height:34px;color:white;border-radius:11px;margin-right:8px;font-size:18px}.hero{margin:0 18px;padding:24px 22px;border-radius:23px;background:linear-gradient(115deg,#effcff,#e6f2ff);position:relative;overflow:hidden}.hero:after{content:'↗';font-size:135px;font-weight:900;color:#18a8e515;position:absolute;right:15px;top:-5px;pointer-events:none}.hero h1{font-size:25px;margin-bottom:8px;line-height:1.5}.hero .badge{background:white}.subject-tabs{padding:20px 24px 4px;display:flex;gap:24px}.tab{background:transparent;padding:8px 2px;color:#8c9cab;font-weight:600;border-radius:0;border-bottom:3px solid transparent}.tab.active{color:#149fe4;border-color:#14a8ed}.training{padding:24px 23px;display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:25px 4px;align-items:center;text-align:center}.entry{background:transparent;color:var(--ink);padding:0;font-size:12px}.entry b{display:grid;place-items:center;width:43px;height:43px;font-size:24px;border-radius:15px;margin:0 auto 8px;background:#fff1e9;color:#ff8d53}.entry.cyan b{background:#e3fbfb;color:#00bfc6}.entry.blue b{background:#eaf6ff;color:#159de7}.orb{width:135px;height:135px;border:7px solid #e8faff;outline:2px dashed #b9efff;outline-offset:3px;border-radius:50%;background:linear-gradient(145deg,#20bcf9,#3986ff);display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;margin:auto;box-shadow:0 6px 16px #0a9ce32b;font-size:18px;font-weight:700}.orb small{font-size:12px;margin-top:6px;font-weight:400}.orb.green{background:linear-gradient(145deg,#00d8c8,#00b69e);border-color:#dffff8;outline-color:#a4f6ea}.section{padding:10px 23px}.line{height:8px;background:#f6f9fb;margin:10px 0 20px}.status{margin:12px 20px;background:#f5fbff;padding:16px;border-radius:15px;font-size:13px;line-height:1.8}.status.warning{background:#fff8e9;color:#a67e34}.bottom{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;padding:12px 25px calc(12px + env(safe-area-inset-bottom));background:#ffffffed;backdrop-filter:blur(12px);border-top:1px solid var(--line);display:flex;justify-content:space-around;z-index:10}.bottom button{background:transparent;color:#8c9cab;font-size:11px;padding:0 22px}.bottom button span{display:block;font-size:22px;margin-bottom:3px}.bottom button.active{color:var(--blue)}.progress{height:7px;background:#edf4f9;border-radius:20px;overflow:hidden;margin:10px 0}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--blue))}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metric{text-align:center;padding:14px 4px}.metric b{display:block;font-size:28px;color:var(--blue);margin-bottom:5px}.metric span{font-size:12px;color:#8297a8}.list-row{padding:17px 0;border-bottom:1px solid var(--line);width:100%;background:none;border-radius:0;text-align:left;color:var(--ink);display:flex;align-items:center;justify-content:space-between}.quiz-top{border-bottom:1px solid var(--line);padding:16px 20px;position:sticky;top:0;background:white;z-index:4}.quiz-body{padding:24px 22px}.question{font-size:19px;line-height:1.85;margin:16px 0 24px;white-space:pre-wrap}.question .badge{margin-right:8px;vertical-align:middle}.question-media{max-width:100%;max-height:230px;object-fit:contain;display:block;margin:15px auto;border-radius:12px}.option{display:flex;align-items:flex-start;gap:15px;text-align:left;width:100%;color:var(--ink);background:white;margin:12px 0;padding:16px 13px;border:1px solid var(--line);line-height:1.6}.option .letter{flex:0 0 27px;height:27px;border-radius:50%;background:#f1f6fa;text-align:center;line-height:27px}.option.chosen{background:#ebf7ff;border-color:#8acbf1}.option.correct{background:#eafbf5;border-color:#74d5b3;color:#16805c}.option.wrong{background:#fff0f0;border-color:#ffb8b8;color:#ce5656}.explanation{padding:18px;background:#f5faff;border-radius:16px;line-height:1.9;font-size:14px;margin-top:20px;white-space:pre-wrap}.ai-box{background:#eefbf9;color:#256e6a}.quiz-footer{position:fixed;bottom:0;left:50%;transform:translateX(-50%);max-width:480px;width:100%;background:#fff;border-top:1px solid var(--line);padding:12px 18px calc(12px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:10px}.quiz-footer button{padding:10px 14px}.score{font-size:66px;color:var(--blue);font-weight:800;text-align:center}.modal-backdrop{position:fixed;inset:0;background:#12394b55;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal{background:#fff;border-radius:23px;max-width:520px;width:100%;padding:25px;max-height:85vh;overflow:auto}.toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);padding:13px 20px;max-width:90vw;border-radius:12px;background:#17364be8;color:white;z-index:100;font-size:13px;line-height:1.7}.toast:empty{display:none}.empty{padding:65px 24px;text-align:center;color:var(--muted);line-height:2}.answer-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:20px 0}.answer-grid button{padding:10px 0;font-size:12px}.answer-grid button.answered{background:#0aa7f3;color:white}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:22px 0}.admin-nav{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 25px}.admin-nav .active{background:var(--blue);color:white}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.metrics .card{padding:20px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}td,th{padding:14px 12px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:#8195a6;font-weight:500}.good{color:#00a585}.bad{color:#e66f5d}.notice{padding:16px 18px;background:#eef9ff;border-radius:12px;color:#53798c;font-size:13px;line-height:1.9}.install-wrap{max-width:700px;margin:35px auto;padding:0 18px}.install-header{text-align:center;margin:30px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.check{display:flex;gap:10px;align-items:center;line-height:1.7}.check input{width:auto}.hidden{display:none!important}.code{font-family:monospace;background:#edf3f8;padding:4px 8px;border-radius:5px}.loading{padding:80px 20px;text-align:center;color:#8b9fae}.pill{background:#f2f8fc;color:#6c8a9f;padding:8px 12px;border-radius:20px;font-size:12px}.vehicles button{padding:18px 5px;background:#f5f9fc;color:#758c9c}.vehicles button.selected{background:#e6f7ff;color:#12a1ed;border:1px solid #a7dffb}.vehicles b{display:block;font-size:22px;margin-bottom:6px}.footer-note{text-align:center;font-size:12px;color:#a0adb7;line-height:1.9;margin:18px}.install-wrap .card{margin-bottom:16px}button:focus-visible,a:focus-visible{outline:3px solid #43b9ff;outline-offset:3px}@media(max-width:650px){.wrap{padding:16px 14px 70px}.metrics{grid-template-columns:1fr 1fr;gap:10px}.form-grid{grid-template-columns:1fr}.card{padding:19px}.admin-header h1{font-size:22px}.training{gap:24px 2px}.orb{width:126px;height:126px}.install-wrap{margin:20px auto}.table-wrap{margin:0 -10px}}@media(min-width:750px){.phone{margin-top:22px;margin-bottom:22px;border-radius:24px;overflow:hidden;min-height:860px}.bottom,.quiz-footer{bottom:0;border-radius:14px 14px 0 0}}