:root{--purple:#4935ef;--ink:#242335;--line:#eeedf5;--wash:#f8f8fc}*{box-sizing:border-box}body{margin:0;background:var(--wash);color:var(--ink);font:14px/1.7 'Microsoft YaHei',system-ui,sans-serif}aside{position:fixed;inset:0 auto 0 0;width:230px;background:white;padding:32px 22px;border-right:1px solid var(--line)}.brand{font-size:22px;color:var(--purple)}a{text-decoration:none;color:var(--purple)}nav{margin:32px 0}nav a{display:block;padding:10px 16px;margin:4px 0;border-radius:11px;color:#817b94}nav a.active,nav a:hover{background:#efebff;color:var(--purple)}main{margin-left:230px;padding:0 40px 40px;max-width:1350px}header{height:85px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}h1{font-size:29px}h2{font-size:20px}section,.card{background:white;border:1px solid var(--line);border-radius:18px;padding:24px;margin:18px 0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.grid .card{margin:0}.muted,small{color:#817b94}.note,#notice:not(:empty){background:#f0ecff;padding:14px 18px;border-radius:12px;margin:16px 0}button{font:inherit;background:var(--purple);color:white;border:0;border-radius:10px;padding:10px 16px;margin:6px 6px 6px 0;cursor:pointer}button.secondary{background:#efebff;color:var(--purple)}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{font:inherit;width:100%;padding:11px;border:1px solid #e1ddec;border-radius:10px;margin:6px 0;background:#fcfbff}textarea{min-height:95px;resize:vertical}label{display:block;margin:12px 0}input[type=checkbox]{width:auto}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.7 inherit;background:#f8f7fc;border-radius:10px;padding:16px}pre:empty{display:none}.question-text{padding:20px;font-size:18px;background:#f8f6ff;border-left:3px solid var(--purple);border-radius:10px}.question-text mark{background:#fff093;color:inherit}.tools{display:flex;gap:6px;flex-wrap:wrap}.tools button{font-size:12px;padding:8px 12px}.tools button[aria-pressed=true]{background:#2d1caf}.drawing{border:1px solid #e1ddec;border-radius:12px;overflow:hidden;background:linear-gradient(#f0eef8 1px,transparent 1px),linear-gradient(90deg,#f0eef8 1px,transparent 1px),white;background-size:24px 24px}canvas{width:100%;height:320px;display:block;touch-action:none}img.preview{max-width:100%;max-height:300px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #aca0ff;outline-offset:3px}.star{font-size:23px}.actions{display:flex;gap:10px;flex-wrap:wrap}.badge{display:inline-block;padding:3px 9px;border-radius:6px;background:#efeaff;color:#6754bd}details{margin:14px 0}progress{width:100%}[hidden]{display:none!important}@media(max-width:800px){aside{position:static;width:auto;padding:14px 18px}aside>p{display:none}nav{display:flex;overflow:auto;margin:8px 0;gap:4px}nav a{white-space:nowrap;padding:7px 10px}main{margin:0;padding:0 18px 30px}.grid{grid-template-columns:1fr}header{height:60px}h1{font-size:24px}section{padding:18px}canvas{height:280px}}
:root{font-family:'Microsoft YaHei','Microsoft YaHei UI','微软雅黑',Arial,sans-serif}body,input,textarea,select,button,pre{font-family:'Microsoft YaHei','Microsoft YaHei UI','微软雅黑',Arial,sans-serif}.hero{margin:30px 0;padding:34px 40px;border-radius:24px;background:linear-gradient(115deg,#4935ef,#7463fa);color:white;display:flex;justify-content:space-between;align-items:center;min-height:260px;overflow:hidden}.hero h1{font-size:32px;margin:8px 0 12px}.hero p{color:#e0daff;font-size:15px}.hero-label{font-size:11px;letter-spacing:2px;color:#d2caff}.hero-button{display:inline-block;padding:11px 18px;background:white;color:#4935ef;border-radius:11px;margin-top:12px;font-weight:600}.hero-art{width:300px;height:210px;position:relative;flex-shrink:0}.art-orbit{position:absolute;inset:16px 32px;border:1px solid #9f91ff;border-radius:50%;transform:rotate(-25deg)}.art-card{position:absolute;top:44px;left:40px;transform:rotate(-12deg);background:#fff;border-radius:16px;padding:22px 28px;color:#6655dd;font-size:23px;box-shadow:0 14px 35px #3421a733}.art-circle{position:absolute;right:25px;bottom:32px;width:76px;height:76px;display:grid;place-items:center;border-radius:50%;background:#ffda91;color:#7452bf;font-size:38px}.art-cube{position:absolute;right:47px;top:16px;width:45px;height:45px;border:7px solid #b2a7ff;border-radius:9px;transform:rotate(25deg)}.art-dot{position:absolute;bottom:27px;left:62px;width:19px;height:19px;border-radius:50%;background:#cfc5ff}.section-title{margin:28px 0 18px}.card-icon{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#efebff;color:#6c54df;font-size:25px}.card h3{margin:13px 0 8px}.card p{color:#817b94}.card ul{padding-left:20px;color:#817b94}@media(max-width:800px){.hero{padding:25px;min-height:235px}.hero h1{font-size:26px}.hero-art{width:150px;transform:scale(.65);transform-origin:right center;margin-left:-90px}.hero p{font-size:13px}.hero-button{font-size:12px}.hero-label{letter-spacing:1px}}@media(max-width:420px){.hero-art{display:none}}

.auth-card{max-width:650px}#auth-error:not(:empty){color:#a52236;background:#fff0f2;padding:12px;border-radius:10px}hr{border:0;border-top:1px solid var(--line);margin:24px 0}

.guide-entry{display:flex;align-items:center;gap:12px;width:100%;padding:14px;text-align:left;background:#f3f0ff;color:var(--purple);border:1px solid #e4defc}.guide-entry strong,.guide-entry small{display:block}.guide-entry small{font-size:12px;margin-top:2px}.guide-icon{display:grid;place-items:center;width:29px;height:29px;flex-shrink:0;border:1px solid #c8bcf8;border-radius:50%;font-weight:700}#usage-guide{width:min(680px,calc(100% - 32px));max-height:85vh;overflow:auto;border:1px solid var(--line);border-radius:20px;padding:24px;color:var(--ink);box-shadow:0 24px 80px #24233533}#usage-guide::backdrop{background:#24233566}.guide-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.guide-heading h2{margin:0}.guide-steps{padding-left:24px}.guide-steps li{padding:8px 0}.guide-steps p{margin:5px 0 0;color:#666175}.guide-limits{background:#f8f6ff;padding:16px;border-radius:12px}.guide-limits h3{margin:0 0 6px}.guide-limits p{margin:0}@media(max-width:800px){.guide-entry{width:auto;margin:10px 0 0;padding:9px 12px}.guide-entry small{display:none}#usage-guide{padding:20px}}