:root{--bg:#07090e;--panel:#0d121f;--card:#101522;--border:#26314a;--text:#e2e8f0;--muted:#8095b3;--orange:#ff9800;--cyan:#66ccff;--green:#00e676;--red:#ff1744;--grid-line:rgba(102,204,255,.018);--shadow:0 20px 55px rgba(0,0,0,.36);--on-accent:#080a0e;--tag-fg:#ffc266;--tag-bg:rgba(255,152,0,.06);--tag-line:rgba(255,152,0,.3);--num-bg:rgba(102,204,255,.07);--num-line:rgba(102,204,255,.25);--sticky:rgba(13,18,31,.96)}
/* 无显式 data-theme 时跟随系统偏好；有 data-theme 时以其为准（由主站/未收录页注入） */
@media (prefers-color-scheme: light){
  :root:not([data-theme="dark"]){--bg:#f4f6fa;--panel:#ffffff;--card:#ffffff;--border:#d8dfe9;--text:#16202f;--muted:#5a6b83;--orange:#b35f00;--cyan:#0870ae;--green:#0f7a3d;--red:#c62031;--grid-line:rgba(28,58,102,.05);--shadow:0 24px 60px rgba(22,32,47,.22);--on-accent:#ffffff;--tag-fg:#8a5200;--tag-bg:#fdf3e6;--tag-line:#e0c39a;--num-bg:#e8f2f9;--num-line:#a8cee6;--sticky:rgba(255,255,255,.97)}
}
:root[data-theme="light"]{--bg:#f4f6fa;--panel:#ffffff;--card:#ffffff;--border:#d8dfe9;--text:#16202f;--muted:#5a6b83;--orange:#b35f00;--cyan:#0870ae;--green:#0f7a3d;--red:#c62031;--grid-line:rgba(28,58,102,.05);--shadow:0 24px 60px rgba(22,32,47,.22);--on-accent:#ffffff;--tag-fg:#8a5200;--tag-bg:#fdf3e6;--tag-line:#e0c39a;--num-bg:#e8f2f9;--num-line:#a8cee6;--sticky:rgba(255,255,255,.97)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:var(--bg);background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:30px 30px;color:var(--text);font-family:'Mindustry','Noto Sans SC',sans-serif;transition:background-color .25s ease,color .25s ease}.page{width:min(1080px,calc(100% - 32px));margin:0 auto;padding:28px 0 56px}article{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:30px;box-shadow:var(--shadow)}.context-close{position:absolute;top:18px;right:18px;z-index:4;padding:7px 13px;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--muted);font:12px 'Mindustry Mono','Mindustry',monospace;cursor:pointer;transition:.2s}.context-close:hover{border-color:var(--red);color:var(--red)}.hero{display:grid;grid-template-columns:minmax(330px,40%) minmax(0,1fr);gap:30px;padding-bottom:28px;margin-bottom:26px;border-bottom:1px solid var(--border)}figure{height:330px;margin:0;background:var(--bg);border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center}figure img{max-width:95%;max-height:95%;object-fit:contain}.summary{display:flex;flex-direction:column}.title-row{display:flex;align-items:flex-start;gap:10px}.with-close .title-row{padding-right:68px}.number{margin-top:5px;padding:4px 8px;border:1px solid var(--num-line);border-radius:4px;color:var(--cyan);background:var(--num-bg);font-family:'Mindustry Mono','Mindustry',monospace;font-size:12px}h1{margin:0;font-size:30px;line-height:1.25;word-break:break-word}.tags{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 22px}.tag{padding:4px 8px;border:1px solid var(--tag-line);border-radius:4px;color:var(--tag-fg);background:var(--tag-bg);font-size:11px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:auto 0 0}.stats div{padding:14px 16px;background:var(--bg);border:1px solid var(--border);border-radius:6px}.stats dt{color:var(--muted);font-family:'Mindustry Mono','Mindustry',monospace;font-size:11px}.stats dd{margin:5px 0 0;font-family:'Mindustry Mono','Mindustry',monospace;font-size:18px;font-weight:700}.power.positive{color:var(--green)}.power.negative{color:var(--red)}h2{margin:0 0 14px;color:var(--orange);font-size:17px}.materials{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 24px;padding:0;list-style:none}.material{min-height:56px;padding:10px 12px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;background:var(--bg);border:1px solid var(--border);border-radius:6px}.material img{object-fit:contain}.material-name{color:var(--muted);font-size:12px}.material strong{font-family:'Mindustry Mono','Mindustry',monospace;font-size:14px}.actions{display:flex;gap:12px}.button{flex:1;padding:13px 16px;border:1px solid transparent;border-radius:6px;text-align:center;text-decoration:none;font:700 13px 'Mindustry','Noto Sans SC',sans-serif;cursor:pointer}.download{background:var(--orange);color:var(--on-accent)}.copy{background:var(--cyan);color:var(--on-accent)}.button:disabled{opacity:.65}.modified{margin:18px 0 0;color:var(--muted);font:11px 'Mindustry Mono','Mindustry',monospace}.empty{color:var(--muted)}
@media(max-width:760px){.page{width:min(100% - 16px,600px);padding:8px 0 24px}article{padding:14px}.context-close{top:10px;right:10px;padding:5px 9px;font-size:11px}.with-close .title-row{padding-right:54px}.hero{grid-template-columns:1fr;gap:14px;margin-bottom:18px;padding-bottom:18px}figure{height:210px}h1{font-size:22px}.tags{margin:10px 0 14px}.stats{gap:7px}.stats div{padding:9px 10px}.stats dd{font-size:14px}.materials{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.material{min-height:48px;padding:7px}.material-name{font-size:11px}.material strong{font-size:12px}.actions{position:sticky;bottom:0;padding:10px 0;background:var(--sticky);backdrop-filter:blur(8px)}.button{padding:11px 8px;font-size:11px}}
html.embed,body.embed{overflow:hidden;background:var(--panel)}body.embed .page{width:100%;padding:0}body.embed article{border:0;border-radius:0;box-shadow:none}