3 lines
1.5 KiB
CSS
3 lines
1.5 KiB
CSS
:root{color-scheme:dark;--bg:#15171b;--panel:#1e2126;--border:#363b45;--text:#e4e6eb;--muted:#9398a3;--accent:#e07b39;font:15px/1.65 system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}header{display:flex;justify-content:space-between;padding:16px 28px;border-bottom:1px solid var(--border)}a{color:var(--text)}main{display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px;margin:32px auto;max-width:1440px;padding:0 24px}nav{display:flex;flex-direction:column;gap:10px}nav a{color:var(--muted);text-decoration:none}article{min-width:0}h1{font-size:32px;line-height:1.2}article>p{max-width:88ch}button{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:8px 13px;font:inherit;cursor:pointer}button:disabled{opacity:.5}.embed-actions{display:flex;flex-wrap:wrap;gap:8px}.embed-status{color:var(--muted);min-height:1.7em}.asset-studio-frame{width:100%;height:740px;min-height:480px;border:1px solid var(--border);border-radius:6px}.scope-note{color:var(--muted)}.exercise{border-left:3px solid var(--accent);padding-left:12px}@media(max-width:800px){main{grid-template-columns:1fr;padding:0 12px;gap:12px;margin-top:20px}nav{flex-direction:row;overflow-x:auto;white-space:nowrap;gap:16px;font-size:13px}h1{font-size:26px}.asset-studio-frame{height:700px}.embed-actions button{flex:1 1 auto}}
|
|
@media (prefers-color-scheme:light){:root{color-scheme:light;--bg:#f4f5f7;--panel:#fff;--border:#b8c1cd;--text:#202a36;--muted:#536172;--accent:#aa501b}}
|