:root{--bg: #fff6ef;--bg-soft: #ffe8d6;--panel: #ffffffee;--ink: #3d2914;--muted: #8a6a4b;--accent: #ff8a5b;--accent-2: #5ec8c0;--accent-3: #ffd166;--line: #f0d8c2;--danger: #e76f51;--ok: #2a9d8f;--shadow: 0 12px 40px rgba(90, 50, 20, .08);--radius: 22px;font-family:Nunito,PingFang SC,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:radial-gradient(circle at 10% 10%,#ffe3c4 0%,transparent 35%),radial-gradient(circle at 90% 0%,#d9f5f2 0%,transparent 30%),radial-gradient(circle at 80% 80%,#ffd6e8 0%,transparent 35%),var(--bg)}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{padding:28px 18px;border-right:1px solid var(--line);background:linear-gradient(180deg,#fff9f3,#ffeede)}.brand{font-family:ZCOOL KuaiLe,Nunito,sans-serif;font-size:28px;margin:0 8px 8px}.brand small{display:block;font-family:Nunito,sans-serif;font-size:13px;color:var(--muted);margin-top:4px}.nav{display:flex;flex-direction:column;gap:8px;margin-top:28px}.nav a{padding:12px 14px;border-radius:14px;color:var(--muted);font-weight:700}.nav a.active,.nav a:hover{background:#fff;color:var(--ink);box-shadow:var(--shadow)}.main{padding:28px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.page-title{margin:0 0 18px;font-size:28px;font-weight:800}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:var(--muted)}input,select,textarea{border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px 14px;color:var(--ink)}textarea{min-height:96px;resize:vertical}.btn{border:none;border-radius:999px;padding:11px 18px;font-weight:800;cursor:pointer;background:var(--accent);color:#fff}.btn.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn.ghost{background:transparent;color:var(--muted)}.btn.danger{background:var(--danger)}.btn.ok{background:var(--accent);color:#fff}.btn.ok:disabled,.btn:disabled{opacity:.55;cursor:not-allowed;color:#fff}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:800;background:var(--accent-3)}.badge.draft{background:#eee;color:#666}.badge.published{background:#d8f3dc;color:#2d6a4f}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%)}.muted{color:var(--muted)}.ok{color:var(--ok);font-weight:700}.error{color:var(--danger);font-weight:700}.card-thumb{width:56px;height:56px;border-radius:16px;object-fit:cover;background:#fff3e8}.steps{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.step{padding:8px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:13px;font-weight:700}.step.active{background:var(--accent-2);color:#fff;border-color:transparent}.simple-step{padding:16px 0;border-top:1px dashed var(--line)}.simple-step:first-of-type{border-top:none;padding-top:0}.simple-step h4{margin:0 0 12px;font-size:15px;color:var(--ink)}.stat-card{text-align:center}.stat-num{font-size:40px;font-weight:800;line-height:1.2;margin:8px 0}.dau-bars{display:flex;align-items:flex-end;gap:8px;min-height:160px;overflow-x:auto;padding-top:8px}.dau-col{flex:1;min-width:36px;display:flex;flex-direction:column;align-items:center;gap:4px}.dau-bar{width:100%;max-width:28px;background:linear-gradient(180deg,var(--accent),#ffb089);border-radius:8px 8px 4px 4px}.dau-n{font-size:12px;font-weight:800}.dau-d{font-size:11px;color:var(--muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#28180a73;display:grid;place-items:center;padding:24px;z-index:50}.modal-card{width:min(440px,100%);background:#fff;border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow);padding:22px}.modal-card .btn:disabled{opacity:.45;cursor:not-allowed}.unit-list{display:flex;flex-direction:column;gap:12px}.unit-item{display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:18px;background:#fff}.unit-cover{width:88px;display:flex;flex-direction:column;gap:6px;align-items:stretch}.unit-cover img,.unit-cover-empty{width:88px;height:88px;border-radius:14px;object-fit:cover;background:#fff3e8}.unit-cover-empty{display:grid;place-items:center;color:var(--muted);font-size:12px;font-weight:700}.unit-cover-btn{display:block;text-align:center;font-size:12px;font-weight:800;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 8px;cursor:pointer}.unit-title{font-size:18px;font-weight:800}.unit-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}.unit-actions{display:flex;flex-direction:column;gap:8px;min-width:112px}.unit-actions .btn,.unit-actions a.btn{width:100%;text-align:center;justify-content:center;white-space:nowrap}@media(max-width:720px){.unit-item{grid-template-columns:72px minmax(0,1fr)}.unit-actions{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;min-width:0}.unit-actions .btn,.unit-actions a.btn{width:auto}}.word-list{display:flex;flex-direction:column;gap:12px}.word-item{display:grid;grid-template-columns:100px minmax(0,1fr) 108px;gap:16px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:18px;background:#fff}.word-media{display:flex;flex-direction:column;gap:6px}.word-media img,.word-media video{width:100px;height:100px;border-radius:14px;object-fit:cover;background:#fff3e8;display:block}.word-media-actions{display:grid;grid-template-columns:1fr 1fr;gap:4px}.word-media-actions label{margin:0;display:block;text-align:center;font-size:11px;font-weight:800;color:var(--ink);background:#fff8f1;border:1px solid var(--line);border-radius:999px;padding:5px 0;cursor:pointer}.word-title{font-size:18px;font-weight:800;line-height:1.3}.word-sentence{margin-top:6px;font-size:14px;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.word-actions{display:flex;flex-direction:column;gap:8px}.word-actions .btn{width:100%;text-align:center;white-space:nowrap}@media(max-width:720px){.word-item{grid-template-columns:88px minmax(0,1fr)}.word-actions{grid-column:1 / -1;flex-direction:row}.word-actions .btn{width:auto}}@media(max-width:960px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--line)}.grid-2,.grid-3{grid-template-columns:1fr}}