:root{color:#182025;font-synthesis:none;text-rendering:optimizelegibility;background:#eef1f4;font-family:Microsoft YaHei,PingFang SC,Noto Sans CJK SC,Arial,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(135deg,#b7222a14,#0000 32%),linear-gradient(315deg,#1962841a,#0000 30%),#eef1f4;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{border:0}.lecture-shell{width:min(100%,720px);min-height:100vh;margin:0 auto;padding:24px 16px 48px}.paper{background:#fbfaf7;border:1px solid #14242c1a;border-radius:8px;min-height:calc(100vh - 72px);padding:28px 22px;position:relative;overflow:hidden;box-shadow:0 20px 48px #1620261f}.brand-line{color:#3f4b52;align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.brand-line img{object-fit:contain;width:34px;height:34px}.title-block{margin:26px 0 28px}.title-block p{color:#b7222a;margin:0 0 8px;font-size:14px;font-weight:800}h1{color:#151b1f;letter-spacing:0;margin:0;font-size:clamp(28px,7vw,44px);line-height:1.1}.signup-form{gap:18px;display:grid}.field{gap:8px;display:grid}.field span{color:#26343b;font-size:15px;font-weight:800}.field b{color:#b7222a}.field input{color:#172025;background:#fff;border:1px solid #24333a24;border-radius:6px;outline:none;width:100%;min-height:48px;padding:0 14px}.field input:focus{border-color:#1c6385;box-shadow:0 0 0 3px #1c638524}.field input:disabled{color:#718087;background:#f3f5f6}.field--code{gap:8px}.code-row{grid-template-columns:minmax(0,1fr) 128px;gap:10px;display:grid}.code-btn{color:#fff;cursor:pointer;background:#24333a;border-radius:6px;min-height:48px;font-size:14px;font-weight:900}.code-btn:disabled{cursor:not-allowed;color:#7b878e;background:#d7dde1}.pay-summary{background:#fff4ef;border:1px solid #b7222a29;border-radius:6px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.pay-summary span{color:#63433d;font-size:14px}.pay-summary strong,.total-row strong{color:#b7222a;font-size:28px}.primary-btn{color:#fff;cursor:pointer;background:#b7222a;border-radius:6px;width:100%;min-height:52px;font-weight:900}.primary-btn:disabled{cursor:not-allowed;opacity:.58}.secondary-btn{color:#fff;cursor:pointer;background:#24333a;border-radius:6px;width:100%;min-height:48px;font-weight:900}.secondary-btn:disabled{cursor:not-allowed;opacity:.56}.notice{border-radius:6px;gap:4px;padding:12px 14px;font-size:14px;display:grid}.notice--error{color:#8a1b22;background:#fff1f1;border:1px solid #b7222a38}.notice--success{color:#1f6f51;background:#eef8f3;border:1px solid #1f7a582e}.notice span{color:#6c3a40}.back-btn{color:#1c6385;cursor:pointer;background:0 0;margin:0 0 16px;font-size:14px;font-weight:800}.status-badge{color:#1f7a58;background:#e8f2ed;border-radius:999px;align-items:center;min-height:28px;margin-bottom:14px;padding:0 12px;font-size:13px;font-weight:900;display:inline-flex}.pay-desc,.success-paper>p{color:#526169;margin:12px 0 20px;line-height:1.7}.order-panel{background:#fff;border:1px solid #24333a1f;border-radius:8px;gap:0;display:grid;overflow:hidden}.order-row,.total-row{border-bottom:1px solid #24333a14;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.order-row span,.total-row span{color:#6a777d;flex:none;font-size:14px}.order-row strong{color:#1b252b;text-align:right;overflow-wrap:anywhere;min-width:0}.order-row--mono strong{font-family:Consolas,SFMono-Regular,Menlo,monospace;font-size:12px}.total-row{background:#fff9ed;border-bottom:0}.qr-card{text-align:center;background:#f8fbfc;border:1px solid #1c638524;border-radius:8px;justify-items:center;gap:12px;margin:18px 0;padding:18px;display:grid}.qr-frame{aspect-ratio:1;background:#fff;border-radius:8px;place-items:center;width:min(72vw,260px);padding:12px;display:grid;box-shadow:inset 0 0 0 1px #14242c14}.qr-frame img{object-fit:contain;width:100%;height:100%}.qr-empty{aspect-ratio:1;color:#53636a;background:#fff;border:1px dashed #24333a3d;border-radius:8px;place-items:center;gap:8px;width:min(72vw,260px);padding:18px;display:grid}.qr-card p{color:#526169;margin:0;font-size:14px}.mobile-pay-card{background:#f8fbfc;border:1px solid #1c638524;border-radius:8px;gap:12px;margin:18px 0;padding:18px;display:grid}.mobile-pay-card strong{color:#1b252b;font-size:18px}.mobile-pay-card p{color:#526169;margin:0;line-height:1.7}.seal{color:#9a6f18;border:4px solid #d6a94d;border-radius:50%;place-items:center;width:76px;height:76px;margin-bottom:18px;font-size:28px;font-weight:900;display:grid}.seal--paid{color:#1f7a58;border-color:#1f7a58}.next-panel{color:#31454e;background:#eef6fa;border-left:4px solid #1c6385;gap:8px;margin:18px 0;padding:14px 16px;display:grid}.next-panel strong{color:#1c6385}@media (width<=480px){.lecture-shell{padding:0}.paper{min-height:100vh;box-shadow:none;border-width:0;border-radius:0;padding:24px 18px 38px}.order-row,.total-row{padding:13px 12px}.code-row{grid-template-columns:minmax(0,1fr) 112px}}