:root{--ink:#1b1e1f;--dark:#202426;--red:#c8202f;--muted:#687176;--line:#dfe2e3;--bg:#f1f3f3}*{box-sizing:border-box}[hidden]{display:none!important}body{font-size:14px;line-height:1.5;margin:0;background:var(--bg);color:var(--ink);font-family:"Microsoft YaHei","Segoe UI",sans-serif;letter-spacing:0}.detail-topbar{height:66px;padding:0 22px;background:var(--dark);color:#fff;display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid var(--red)}.detail-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.detail-brand>span{width:36px;height:36px;background:var(--red);display:grid;place-items:center;font-size:21px;font-weight:900;clip-path:polygon(0 0,100% 0,100% 76%,50% 100%,0 76%)}.detail-brand div{display:grid}.detail-brand strong{font-size:14px}.detail-brand small{font-size:9px;color:#adb4b7}.detail-topbar nav{display:flex;gap:8px}.detail-topbar nav a{height:36px;border:1px solid #4c5254;color:#fff;text-decoration:none;padding:0 10px;border-radius:4px;display:flex;align-items:center;gap:6px;font-size:10px}.detail-topbar svg{width:15px}main{max-width:1180px;margin:auto;padding:30px 22px 60px}.detail-loading{min-height:500px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:10px}.detail-loading svg{width:17px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.project-hero{display:grid;grid-template-columns:minmax(440px,1.2fr) minmax(320px,.8fr);background:#fff;border:1px solid var(--line)}.detail-preview{height:390px;background:#252a2c;position:relative;overflow:hidden}.detail-preview canvas,.detail-preview img{width:100%;height:100%;display:block}.detail-preview img{object-fit:cover;background:#202426}.detail-preview.has-thumb canvas{display:none}.detail-preview:not(.has-thumb) img{display:none}.detail-preview>span{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:20px;font-weight:800}.detail-preview.ready>span{display:none}.project-summary{padding:34px;align-self:center}.summary-tags{display:flex;gap:6px;flex-wrap:wrap}.summary-tags span{font-size:9px;padding:5px 7px;background:#f1f3f3;color:var(--muted);border-radius:3px}.summary-tags span:first-child{background:#fae8ea;color:var(--red)}.project-summary h1{font-size:31px;margin:17px 0 10px}.project-summary p{font-size:11px;color:var(--muted);line-height:1.8;min-height:42px}.summary-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:24px}.summary-actions a{height:44px;border-radius:4px;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;font-weight:700}.summary-actions svg{width:15px}.primary-action{background:var(--red);color:#fff}.secondary-action{border:1px solid var(--line);color:var(--ink)}.project-info{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.project-info article{background:#fff;border:1px solid var(--line);padding:22px;min-height:190px}.article-title{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding-bottom:12px}.article-title svg{width:17px;color:var(--red)}.article-title h2{font-size:14px;margin:0}.rich-text{font-size:10px;color:#50595d;line-height:1.9;white-space:pre-wrap;padding-top:13px}.project-files{background:#fff;border:1px solid var(--line);margin-top:14px;padding:22px}.files-head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:13px}.files-head p{font-size:9px;color:var(--red);font-weight:800;margin:0 0 4px}.files-head h2{font-size:18px;margin:0}.files-head>span{font-size:9px;color:var(--muted)}.project-file{min-height:62px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px}.project-file:last-child{border-bottom:0}.file-icon{width:36px;height:36px;background:var(--dark);color:#fff;display:grid;place-items:center;border-radius:3px;font-size:9px;font-weight:800}.file-info{display:grid;gap:3px}.file-info strong{font-size:10px}.file-info span{font-size:9px;color:var(--muted)}.file-actions{display:flex;gap:6px}.file-actions a{height:34px;padding:0 10px;border:1px solid var(--line);color:var(--ink);text-decoration:none;border-radius:3px;display:flex;align-items:center;gap:5px;font-size:9px}.file-actions a.quote-file{background:var(--red);border-color:var(--red);color:#fff}.file-actions svg{width:13px}@media(max-width:800px){.project-hero{grid-template-columns:1fr}.detail-preview{height:300px}.project-info{grid-template-columns:1fr}}@media(max-width:560px){.detail-topbar{height:58px;padding:0 10px}.detail-topbar nav a{width:36px;padding:0;justify-content:center;font-size:0}main{padding:16px 10px 40px}.detail-preview{height:240px}.project-summary{padding:20px}.project-summary h1{font-size:24px}.summary-actions{grid-template-columns:1fr}.project-file{grid-template-columns:36px 1fr}.file-actions{grid-column:1/-1;padding:0 0 8px}.file-actions a{flex:1;justify-content:center}}