:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#14213d;background:#eef3f8;line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at top,rgba(31,76,174,.18),transparent 32%),linear-gradient(180deg,#f4f7fb,#ebf1f7)}button{font:inherit;border:0;cursor:pointer}ul{margin:0;padding-left:1.2rem}p,h1,h2,h3,h4{margin:0}.mobile-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.mobile-shell--dark{background:radial-gradient(circle at top,rgba(115,164,255,.26),transparent 35%),linear-gradient(180deg,#081223,#13243f 60%,#20314f)}.mobile-shell__device{width:min(100%,420px);min-height:calc(100vh - 32px);border-radius:28px;background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 20px 60px #10234d2e;overflow:hidden}.mobile-shell--dark .mobile-shell__device{background:linear-gradient(180deg,#0d1930eb,#10203ae0);color:#f5f7fb}.page,.lock-screen{min-height:calc(100vh - 32px);padding:24px 20px 28px;display:flex;flex-direction:column;gap:16px}.page--recording{background:linear-gradient(180deg,#f7fafe,#eef4fb)}.page__header,.lock-screen__notice-card,.card,.result-card{animation:fadeUp .35s ease}.status-row{display:flex;justify-content:space-between;color:#ffffffc2;font-size:14px}.lock-screen__notice-card{margin-top:auto;padding:24px;border-radius:24px;background:#ffffff1f;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff14}.lock-screen__notice{margin-top:8px;color:#f5f7fbdb;font-size:18px}.info-list{display:grid;gap:12px;margin-top:20px}.info-list div,.task-grid div,.result-meta{display:grid;gap:4px}.info-list span,.task-grid span,.label,.stat-card span,.result-meta span{color:#6d7d96;font-size:13px}.mobile-shell--dark .info-list span{color:#ffffffad}.lock-screen__footer,.page__footer{margin-top:auto;display:grid;gap:12px}.lock-screen__footer p,.footer-tip{color:#7b8798;font-size:13px}.mobile-shell--dark .lock-screen__footer p{color:#ffffff9e}.primary-button,.secondary-button,.ghost-button{min-height:52px;border-radius:18px;padding:0 18px;transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease}.primary-button{background:linear-gradient(135deg,#2a67f6,#1f55df);color:#fff;font-weight:600;box-shadow:0 12px 24px #2a67f647}.primary-button:disabled{opacity:.5;box-shadow:none;cursor:not-allowed}.secondary-button,.ghost-button{background:#1f55df14;color:#1f55df;font-weight:600}.card{background:#fffffff2;border-radius:22px;padding:18px;box-shadow:0 12px 32px #14213d14}.eyebrow{color:#4d73be;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.page__header{display:grid;gap:6px}.banner{padding:12px 16px;border-radius:16px;font-size:14px;font-weight:600}.banner--warning{background:#fcecc9f2;color:#9a5b00}.countdown-card,.record-status-card,.result-card__header,.penalty-item{display:flex;align-items:center;justify-content:space-between;gap:12px}.countdown{display:block;font-size:32px;font-weight:700;color:#173672}.countdown--danger,.recording-text{color:#d83a52}.tag,.chip{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 12px;border-radius:999px;background:#1c5ae81a;color:#1c5ae8;font-size:12px;font-weight:600}.task-card,.bullet-card,.result-card{display:grid;gap:14px}.task-grid,.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.task-card__detail{color:#5a6a82}.chip-row,.penalty-list{display:flex;flex-wrap:wrap;gap:8px}.recording-tip{position:sticky;top:0;z-index:1;padding:12px 14px;border-radius:18px;background:#14213db8;color:#fff;font-size:13px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.record-frame{min-height:280px;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#0e1a30,#16294d);display:flex;align-items:center;justify-content:center}.record-video{width:100%;height:100%;min-height:280px;object-fit:cover}.record-placeholder{color:#ffffffe6;text-align:center;padding:24px;display:grid;gap:10px}.stat-card{display:grid;gap:6px}.stat-card strong{font-size:28px;color:#173672}.result-list{display:grid;gap:14px}.penalty-item{width:100%;padding:12px 14px;border-radius:16px;background:#f7f9fc}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0812238f;display:flex;align-items:flex-end;justify-content:center;padding:16px;z-index:20}.modal-panel{width:min(100%,420px);max-height:80vh;overflow:auto;background:#fff;border-radius:24px;padding:20px;display:grid;gap:16px}.modal-panel__header,.modal-section{display:grid;gap:10px}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}