:root{--hx-lime:#cbff52;--hx-ink:#151615;--hx-paper:#f2f0eb;--hx-orange:#ffad5a;--hx-blue:#79c9ff}
.workflow-trigger{height:42px;padding:0 17px;border:1px solid #242524;background:transparent;color:#181918;font:600 14px "Noto Sans SC",sans-serif;display:flex;align-items:center;gap:12px;cursor:pointer;transition:.25s ease}.workflow-trigger i{width:7px;height:7px;border-radius:50%;background:var(--hx-lime);box-shadow:0 0 0 0 rgba(203,255,82,.55);animation:hxPulse 2.2s infinite}.workflow-trigger:hover{background:#171817;color:#fff;transform:translateY(-2px)}
.hx-modal-open{overflow:hidden}.hx-workflow-modal{position:fixed;inset:0;z-index:190;background:rgba(4,5,4,.78);backdrop-filter:blur(13px);opacity:0;visibility:hidden;transition:.3s ease}.hx-workflow-modal.show{opacity:1;visibility:visible}.hx-workflow-panel{position:absolute;inset:20px;background:#171918;color:#f5f5f1;border:1px solid #3b3e3a;overflow:auto;padding:52px clamp(24px,4vw,72px) 130px;transform:scale(.965) translateY(16px);transition:.45s cubic-bezier(.16,1,.3,1);isolation:isolate}.hx-workflow-modal.show .hx-workflow-panel{transform:none}.hx-workflow-panel:after{content:"HX / WORKFLOW / 2026";position:fixed;right:-40px;bottom:180px;transform:rotate(-90deg);font:12px "DM Mono",monospace;letter-spacing:.2em;color:#4d514b}.hx-workflow-scan{position:fixed;left:20px;right:20px;top:20px;height:1px;background:linear-gradient(90deg,transparent,var(--hx-lime),transparent);box-shadow:0 0 22px var(--hx-lime);opacity:0;pointer-events:none}.hx-workflow-modal.show .hx-workflow-scan{animation:hxScan 1.1s .12s ease-out}.hx-workflow-close{position:fixed;z-index:3;right:44px;top:36px;width:54px;height:54px;border:1px solid #555;background:#171918;color:#fff;font:42px/1 sans-serif;cursor:pointer;transition:.25s}.hx-workflow-close:hover{background:var(--hx-lime);color:#111;transform:rotate(90deg)}
.hx-workflow-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding-bottom:38px;border-bottom:1px solid #383b37}.hx-workflow-head small{font:500 13px "DM Mono",monospace;letter-spacing:.14em;color:var(--hx-lime)}.hx-workflow-head small i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--hx-lime);margin-right:8px}.hx-workflow-head h2{margin:18px 0 0;font:800 clamp(34px,4.5vw,74px)/1.02 "Noto Sans SC",sans-serif;letter-spacing:-.055em}.hx-workflow-head h2 em{font-family:serif;font-weight:400}.hx-workflow-live{text-align:right;font:12px "DM Mono",monospace;color:#8c9089}.hx-workflow-live strong{display:block;margin-top:8px;color:var(--hx-lime);font-size:15px}.hx-workflow-live i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--hx-lime);margin-right:7px;animation:hxBlink 1.2s infinite}
.hx-workflow-stats{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #383b37}.hx-workflow-stats article{padding:26px 22px;border-right:1px solid #383b37;display:grid;grid-template-columns:1fr auto;gap:3px 15px}.hx-workflow-stats article:last-child{border-right:0}.hx-workflow-stats small{font:11px "DM Mono",monospace;color:#777d74;letter-spacing:.1em}.hx-workflow-stats strong{grid-row:1/3;grid-column:2;font:500 34px "DM Mono",monospace;color:var(--hx-lime)}.hx-workflow-stats span{font-size:14px;color:#b5b8b2}
.hx-smart-row{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:34px 0 18px}.hx-smart-row>div{min-width:0}.hx-smart-row small{font:11px "DM Mono",monospace;color:#7e847b}.hx-smart-collections{display:flex;gap:9px;margin-top:10px;overflow:auto}.hx-smart-collections>button{flex:none;display:flex;align-items:center;border:1px solid #50534e;background:#202220;color:#e9ece5;padding:9px 10px 9px 13px;font-size:13px;cursor:pointer}.hx-smart-collections>button:hover{border-color:var(--hx-lime);color:var(--hx-lime)}.hx-smart-collections b{margin-left:12px;font-size:18px;color:#777;background:none}.hx-smart-empty{font-size:13px;color:#666b64}.hx-smart-row>#hxSaveCollection{flex:none;border:1px solid var(--hx-lime);background:transparent;color:var(--hx-lime);padding:12px 16px;cursor:pointer;transition:.2s}.hx-smart-row>#hxSaveCollection:hover{background:var(--hx-lime);color:#101110}
.hx-workflow-toolbar{display:grid;grid-template-columns:minmax(280px,1fr) repeat(3,minmax(140px,190px));gap:10px}.hx-workflow-toolbar select,.hx-workflow-search{height:52px;border:1px solid #454844;background:#1e201f;color:#f6f7f3}.hx-workflow-toolbar select{padding:0 14px;font:14px "Noto Sans SC",sans-serif}.hx-workflow-search{display:flex;align-items:center;padding:0 16px;gap:11px}.hx-workflow-search span{font-size:24px;color:var(--hx-lime)}.hx-workflow-search input{width:100%;border:0;outline:0;background:transparent;color:#fff;font:15px "Noto Sans SC",sans-serif}.hx-workflow-result{display:flex;justify-content:space-between;align-items:center;margin:24px 0 12px;font:12px "DM Mono",monospace;color:#7e837a}.hx-workflow-result button{border:0;background:none;color:#aeb3aa;cursor:pointer}.hx-workflow-result button:hover{color:var(--hx-lime)}
.hx-workflow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;min-height:230px}.hx-work-card{position:relative;border:1px solid #3f433d;background:#1d1f1e;cursor:pointer;overflow:hidden;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:border-color .25s,box-shadow .25s,transform .15s}.hx-work-card:hover{border-color:#6d7467;box-shadow:0 22px 48px rgba(0,0,0,.38);z-index:2}.hx-work-card.selected{border-color:var(--hx-lime);box-shadow:0 0 0 1px var(--hx-lime),0 0 35px rgba(203,255,82,.12)}.hx-work-card.selected:after{content:"SELECTED";position:absolute;left:-34px;top:22px;width:130px;transform:rotate(-45deg);background:var(--hx-lime);color:#111;text-align:center;font:10px/22px "DM Mono",monospace}.hx-work-check{position:absolute;z-index:3;top:12px;right:12px;width:32px;height:32px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(10,11,10,.56);backdrop-filter:blur(8px);cursor:pointer}.hx-work-check i{display:block;width:8px;height:8px;border-radius:50%;margin:auto;background:transparent}.selected .hx-work-check{border-color:var(--hx-lime)}.selected .hx-work-check i{background:var(--hx-lime);box-shadow:0 0 12px var(--hx-lime)}.hx-work-media{position:relative;height:210px;overflow:hidden;background:#0c0d0c}.hx-work-media img,.hx-work-media video{width:100%;height:100%;display:block;object-fit:cover;transition:.5s cubic-bezier(.16,1,.3,1)}.hx-work-card:hover .hx-work-media img,.hx-work-card:hover .hx-work-media video{transform:scale(1.045)}.hx-work-media>span{position:absolute;left:12px;bottom:12px;padding:7px 9px;background:rgba(15,16,15,.7);border:1px solid rgba(255,255,255,.3);font-size:12px}.hx-work-copy{padding:18px}.hx-work-copy>small{display:block;color:#777d74;font:10px "DM Mono",monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-work-copy h3{margin:8px 0;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-work-copy code{color:var(--hx-lime);font:12px "DM Mono",monospace}.hx-work-meta{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0 13px}.hx-work-meta span{padding:5px 7px;border:1px solid #3c403b;color:#9ea39a;font-size:10px}.hx-work-meta span:first-child i{display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;margin-right:5px}.hx-work-meta .status-review{color:var(--hx-orange)}.hx-work-meta .status-approved{color:var(--hx-lime)}.hx-work-meta .status-changes,.hx-work-meta .status-expired{color:#ff806f}.hx-completeness{display:flex;align-items:center;gap:10px}.hx-completeness>i{height:2px;background:#343733;flex:1}.hx-completeness>i b{display:block;height:100%;background:var(--hx-lime)}.hx-completeness small{font:10px "DM Mono",monospace;color:#737970}.hx-work-empty{grid-column:1/-1;display:grid;place-items:center;align-content:center;min-height:300px;border:1px dashed #42463f;color:#747a71}.hx-work-empty i{font:42px "DM Mono",monospace;color:var(--hx-lime)}.hx-work-empty strong{font-size:20px;color:#d5d8d1;margin:10px}.hx-work-empty p{margin:0}
.hx-batch-bar{position:fixed;z-index:5;left:50%;bottom:38px;display:grid;grid-template-columns:auto minmax(180px,240px) minmax(250px,1fr) auto;align-items:center;gap:14px;width:min(860px,calc(100vw - 90px));padding:13px;background:rgba(239,239,232,.95);color:#151615;border:1px solid #fff;box-shadow:0 22px 65px #000;backdrop-filter:blur(12px);transform:translate(-50%,120px);opacity:0;pointer-events:none;transition:.45s cubic-bezier(.16,1,.3,1)}.hx-batch-bar.show{transform:translate(-50%,0);opacity:1;pointer-events:auto}.hx-batch-bar>div{display:flex;align-items:center;gap:10px;padding:0 8px}.hx-batch-bar small{font:10px "DM Mono",monospace;color:#777}.hx-batch-bar>div strong{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#151615;color:var(--hx-lime)}.hx-batch-bar select,.hx-batch-bar input,.hx-batch-bar button{height:42px;border:1px solid #aaa;background:#f5f4ef;padding:0 12px}.hx-batch-bar label{display:flex}.hx-batch-bar label input{min-width:0;flex:1}.hx-batch-bar label button{background:#151615;color:#fff;border-color:#151615;cursor:pointer}.hx-batch-bar>#hxClearSelection{cursor:pointer}
.hx-detail-workflow{margin:38px 0;border-top:1px solid #c8c6bf;border-bottom:1px solid #c8c6bf}.hx-detail-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #c8c6bf}.hx-detail-tabs button{position:relative;padding:18px 8px;border:0;border-right:1px solid #c8c6bf;background:transparent;font:600 14px "Noto Sans SC",sans-serif;color:#73736e;cursor:pointer}.hx-detail-tabs button:last-child{border-right:0}.hx-detail-tabs button.active{background:#171817;color:#fff}.hx-detail-tabs button.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--hx-lime);animation:hxLine .4s ease}.hx-detail-tabs button b{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:5px;border-radius:50%;background:#dad8d1;color:#222;font:10px "DM Mono",monospace}.hx-detail-tab-body{padding:27px 0 32px;min-height:240px}.hx-tab-title{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}.hx-tab-title>div{display:grid;gap:4px}.hx-tab-title small{font:11px "DM Mono",monospace;color:#8b8b84;letter-spacing:.08em}.hx-tab-title strong{font-size:19px}.hx-tab-title>span{font:11px "DM Mono",monospace;color:#8b8b84}.hx-tab-title>button{padding:10px 14px;border:1px solid #1d1e1d;background:transparent;color:#1d1e1d;cursor:pointer}.hx-tab-title>button:hover{background:#171817;color:var(--hx-lime)}
.hx-review-block{margin-bottom:30px}.hx-review-states{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.hx-review-states button{min-width:0;padding:13px 7px;border:1px solid #c2c0b9;background:transparent;text-align:left;cursor:pointer;transition:.2s}.hx-review-states button i{display:block;width:7px;height:7px;border-radius:50%;background:#9b9b95;margin-bottom:14px}.hx-review-states button span,.hx-review-states button small{display:block}.hx-review-states button span{font-weight:700}.hx-review-states button small{margin-top:3px;font:9px "DM Mono",monospace;color:#96968f}.hx-review-states button:hover{transform:translateY(-3px);border-color:#171817}.hx-review-states button.active{background:#171817;color:#fff;border-color:#171817;box-shadow:6px 6px 0 var(--hx-lime)}.hx-review-states button.active i{background:var(--hx-lime);box-shadow:0 0 9px var(--hx-lime)}.hx-review-states button.active small{color:#9fa299}.hx-health{display:flex;align-items:center;gap:15px;margin-bottom:18px}.hx-health>span{font-size:13px;white-space:nowrap}.hx-health>span b{color:#5c8020;font:18px "DM Mono",monospace}.hx-health>i{height:4px;flex:1;background:#d9d7d0}.hx-health>i b{display:block;height:100%;background:linear-gradient(90deg,#788f48,var(--hx-lime));transition:width .55s ease}.hx-metadata-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:0;border-top:1px solid #d1cec6;border-left:1px solid #d1cec6}.hx-metadata-grid>div{padding:13px;border-right:1px solid #d1cec6;border-bottom:1px solid #d1cec6;min-width:0}.hx-metadata-grid dt{font:9px "DM Mono",monospace;color:#9a9992}.hx-metadata-grid dd{margin:5px 0 0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-metadata-grid dd.expired{color:#d7503b;font-weight:700}
.hx-edit-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.hx-edit-fields label{min-width:0}.hx-current-version,.hx-version-list article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;border:1px solid #c6c4bc;padding:14px}.hx-current-version{background:#171817;color:#fff;border-color:#171817;margin-bottom:9px;box-shadow:7px 7px 0 var(--hx-lime)}.hx-current-version>i,.hx-version-list article>i{display:grid;place-items:center;width:46px;height:46px;border:1px solid #73766f;border-radius:50%;font:12px "DM Mono",monospace;color:var(--hx-lime)}.hx-current-version div,.hx-version-list article div{display:grid;gap:4px}.hx-current-version span,.hx-version-list article span{font:10px "DM Mono",monospace;color:#999c95}.hx-current-version>b{font:10px "DM Mono",monospace;color:var(--hx-lime)}.hx-version-list{display:grid;gap:7px;margin-top:18px}.hx-version-list article{animation:hxEnter .4s both}.hx-version-list article button{border:1px solid #222;background:transparent;padding:8px 12px;cursor:pointer}.hx-version-list article button:hover{background:#171817;color:var(--hx-lime)}
.hx-annotation-compose{display:none;padding:14px;border:1px solid #bbb8af;background:#e8e6df;margin-bottom:18px}.hx-annotation-compose.active{display:block;animation:hxEnter .3s ease}.hx-annotation-compose>span{font:11px "DM Mono",monospace;color:#666}.hx-annotation-compose textarea{display:block;width:100%;min-height:78px;box-sizing:border-box;margin:10px 0;padding:12px;border:1px solid #aaa;background:#f7f5ef;font:14px "Noto Sans SC",sans-serif;resize:vertical}.hx-annotation-compose>div{display:flex;justify-content:flex-end;gap:8px}.hx-annotation-compose button{padding:9px 13px;border:1px solid #222;background:transparent}.hx-annotation-compose #hxSaveAnnotation{background:#171817;color:#fff}.hx-annotation-compose #hxSaveAnnotation:disabled{opacity:.3}.hx-annotation-list,.hx-event-list{display:grid;gap:7px}.hx-annotation-list article{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;border-bottom:1px solid #cfccc4;padding:12px 0}.hx-annotation-list article>i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#171817;color:var(--hx-lime);font:10px "DM Mono",monospace}.hx-annotation-list article small{font:9px "DM Mono",monospace;color:#999}.hx-annotation-list article p{margin:5px 0;font-size:13px}.hx-annotation-list article button{border:0;background:none;color:#607b2c;cursor:pointer}.hx-annotation-list article.resolved{opacity:.48}.hx-annotation-list article.resolved p{text-decoration:line-through}.hx-tab-empty{padding:34px;border:1px dashed #bbb8b0;color:#85847e;text-align:center;font-size:13px}.hx-event-list article{display:grid;grid-template-columns:auto 1fr;gap:14px;position:relative;padding:4px 0 17px}.hx-event-list article>i{width:9px;height:9px;margin-top:5px;border-radius:50%;background:var(--hx-lime);box-shadow:0 0 0 5px rgba(132,166,54,.13)}.hx-event-list article:not(:last-child):after{content:"";position:absolute;left:4px;top:17px;bottom:-2px;width:1px;background:#c9c7bf}.hx-event-list article div{display:grid;gap:4px}.hx-event-list article strong{font-size:13px}.hx-event-list article small{font:9px "DM Mono",monospace;color:#96958f}
.drawer-hero-media{position:relative}.hx-annotation-layer{position:absolute;inset:0;pointer-events:none}.hx-annotation-layer button{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px;border:1px solid #101110;border-radius:50%;background:var(--hx-lime);color:#111;font:700 11px "DM Mono",monospace;box-shadow:0 0 0 0 rgba(203,255,82,.65);animation:hxPin 1.7s infinite}.drawer-hero-media.hx-annotating{cursor:crosshair}.drawer-hero-media.hx-annotating:after{content:"点击画面放置批注";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:12px 18px;background:rgba(15,16,15,.82);border:1px solid var(--hx-lime);color:var(--hx-lime);font:12px "DM Mono",monospace;pointer-events:none}.drawer-hero-media.hx-annotating img,.drawer-hero-media.hx-annotating video{filter:brightness(.62)}
@keyframes hxPulse{50%{box-shadow:0 0 0 7px rgba(203,255,82,0)}}@keyframes hxBlink{50%{opacity:.25}}@keyframes hxScan{0%{opacity:0;transform:translateY(0)}20%{opacity:1}100%{opacity:0;transform:translateY(calc(100vh - 50px))}}@keyframes hxLine{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes hxEnter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes hxPin{70%{box-shadow:0 0 0 13px rgba(203,255,82,0)}}
@media(max-width:1100px){.hx-workflow-grid{grid-template-columns:repeat(3,1fr)}.hx-workflow-toolbar{grid-template-columns:1fr 1fr}.hx-workflow-stats{grid-template-columns:1fr 1fr}.hx-workflow-stats article:nth-child(2){border-right:0}.hx-batch-bar{grid-template-columns:auto 1fr 1fr}.hx-batch-bar>#hxClearSelection{display:none}}
@media(max-width:760px){.workflow-trigger span{display:none}.workflow-trigger{padding:0 14px}.hx-workflow-panel{inset:7px;padding:56px 16px 120px}.hx-workflow-close{top:18px;right:18px}.hx-workflow-head{display:block}.hx-workflow-live{display:none}.hx-workflow-head h2{font-size:38px}.hx-workflow-grid{grid-template-columns:1fr 1fr}.hx-workflow-toolbar{grid-template-columns:1fr}.hx-smart-row{display:block}.hx-smart-row>#hxSaveCollection{margin-top:13px}.hx-workflow-stats article{padding:16px 12px}.hx-workflow-stats strong{font-size:25px}.hx-workflow-stats span{font-size:12px}.hx-work-media{height:150px}.hx-work-copy{padding:13px}.hx-batch-bar{width:calc(100vw - 28px);grid-template-columns:auto 1fr}.hx-batch-bar label{display:none}.hx-review-states{grid-template-columns:1fr 1fr}.hx-metadata-grid{grid-template-columns:1fr 1fr}.hx-edit-fields{grid-template-columns:1fr}.hx-detail-tabs button{font-size:12px;padding:14px 3px}}
@media(max-width:480px){.hx-workflow-grid{grid-template-columns:1fr}.hx-workflow-stats{grid-template-columns:1fr 1fr}.hx-workflow-stats article strong{grid-row:auto;grid-column:auto}.hx-review-states{grid-template-columns:1fr}.hx-metadata-grid{grid-template-columns:1fr}.hx-detail-tabs{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.workflow-trigger i,.hx-workflow-live i,.hx-annotation-layer button{animation:none}.hx-workflow-panel,.hx-work-card,.hx-batch-bar{transition:none}}