:root{--bg-primary: #0d1117;--bg-elev: #161b22;--bg-elev2: #21262d;--fg-primary: #c9d1d9;--fg-muted: #8b949e;--border: #30363d;--accent: #58a6ff;--accent-hover: #79b8ff;--success: #3fb950;--danger: #f85149;--warning: #d29922;--radius: 6px;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:var(--font-ui);background:var(--bg-primary);color:var(--fg-primary);font-size:14px;line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}button{background:var(--bg-elev2);color:var(--fg-primary);border:1px solid var(--border);border-radius:var(--radius);padding:6px 14px;cursor:pointer;font-size:13px;font-family:inherit;transition:background .12s}button:hover{background:var(--accent);color:#fff;border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover{background:var(--accent-hover)}button.danger{background:transparent;border-color:var(--danger);color:var(--danger)}button.danger:hover{background:var(--danger);color:#fff}input,textarea{background:var(--bg-elev);color:var(--fg-primary);border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px;font-family:inherit;font-size:13px;width:100%}input:focus,textarea:focus{outline:none;border-color:var(--accent)}.layout{min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:20px;padding:12px 24px;border-bottom:1px solid var(--border);background:var(--bg-elev)}.topbar .logo{font-weight:600;color:var(--accent);font-size:16px}.topbar nav a{color:var(--fg-muted);padding:4px 10px;border-radius:var(--radius)}.topbar nav a.active{color:var(--fg-primary);background:var(--bg-elev2)}.main{flex:1;max-width:1100px;margin:0 auto;padding:24px;width:100%}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:12px}.card .title{font-weight:600;margin-bottom:4px}.card .meta{color:var(--fg-muted);font-size:12px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.empty{text-align:center;color:var(--fg-muted);padding:60px 0}.error{color:var(--danger)}.muted{color:var(--fg-muted)}.docx-container{background:#fff;color:#111;padding:32px;border-radius:var(--radius);min-height:600px;max-width:900px;margin:0 auto;box-shadow:0 0 30px #0006}