:root{--bug-cyan:#55e5ff;--bug-blue:#6e7dff;--bug-gold:#ffd86a;--bug-bg:#07101b;--bug-panel:rgba(13,23,38,.9);--bug-line:rgba(255,255,255,.1);--bug-muted:#93a5c3}
*{box-sizing:border-box}.bug-report-page{min-height:100vh;color:#fff}.bug-top-actions{display:flex;gap:9px;align-items:center}.bug-top-actions a,.bug-top-actions button{border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.06);color:#fff;padding:8px 13px;text-decoration:none}
.bug-shell{position:relative;z-index:2;width:min(1320px,95vw);margin:30px auto 70px}.bug-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;padding:26px 30px;margin-bottom:20px;border:1px solid rgba(85,229,255,.16);border-radius:26px;background:linear-gradient(135deg,rgba(12,23,39,.94),rgba(8,16,28,.82));box-shadow:0 24px 70px rgba(0,0,0,.27);overflow:hidden;position:relative}.bug-hero:after{content:"";position:absolute;right:-60px;top:-90px;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(85,229,255,.18),transparent 68%);pointer-events:none}.bug-kicker{font-size:11px;letter-spacing:2.2px;color:var(--bug-cyan);font-weight:900}.bug-hero h1{font-size:38px;line-height:1.15;margin:8px 0 10px}.bug-hero p{margin:0;color:#aebbd2;line-height:1.75;max-width:760px}.bug-member-card{position:relative;z-index:1;min-width:230px;padding:15px 18px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1)}.bug-member-card span{display:block;font-size:12px;color:var(--bug-muted)}.bug-member-card strong{display:block;margin:6px 0 10px;font-size:18px}.bug-member-card a{color:var(--bug-cyan);text-decoration:none;font-size:13px;font-weight:800}
.bug-layout{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:20px;align-items:start}.bug-panel{background:linear-gradient(145deg,rgba(16,27,43,.95),rgba(7,16,28,.91));border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 18px 52px rgba(0,0,0,.25);overflow:hidden}.bug-form-panel{padding:24px}.bug-history-panel{position:sticky;top:18px;max-height:calc(100vh - 36px);display:flex;flex-direction:column}.bug-history-panel .bug-panel-head{padding:22px 22px 16px}.bug-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:20px}.bug-panel-head h2{margin:0 0 5px;font-size:22px}.bug-panel-head p{margin:0;color:var(--bug-muted);font-size:13px}.bug-secure-badge{padding:7px 11px;border-radius:999px;background:rgba(85,229,255,.1);border:1px solid rgba(85,229,255,.24);font-size:12px;color:var(--bug-cyan);font-weight:900}
.bug-form-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:15px}.bug-field{display:block;min-width:0}.bug-field.span-2{grid-column:span 2}.bug-field.span-6,.bug-field-stack.span-6{grid-column:span 6}.bug-field.span-8{grid-column:span 8}.bug-field.span-12{grid-column:span 12}.bug-field-stack{display:grid;grid-template-columns:1fr;gap:12px}.bug-field>span{display:block;margin:0 0 7px;color:#dbe6f8;font-size:13px;font-weight:900}.bug-field input,.bug-field select,.bug-field textarea{width:100%;border:1px solid rgba(158,183,226,.18);border-radius:14px;background:rgba(255,255,255,.055);color:#fff;padding:11px 13px;outline:none;transition:.2s;resize:vertical}.bug-field input,.bug-field select{min-height:46px}.bug-field select option{background:#121d30;color:#fff}.bug-field textarea{line-height:1.65}.bug-field input:focus,.bug-field select:focus,.bug-field textarea:focus{border-color:rgba(85,229,255,.65);box-shadow:0 0 0 4px rgba(85,229,255,.09);background:rgba(255,255,255,.075)}.bug-field input::placeholder,.bug-field textarea::placeholder{color:#71819e}
.bug-upload-section{margin-top:20px;padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:rgba(255,255,255,.025)}.bug-upload-title{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:14px}.bug-upload-title h3{font-size:17px;margin:0 0 5px}.bug-upload-title p{font-size:12px;color:var(--bug-muted);margin:0}.bug-upload-title>span{font-size:12px;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.06);color:#c9d5e8}.bug-dropzone{min-height:180px;border:2px dashed rgba(85,229,255,.28);border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px;cursor:pointer;background:linear-gradient(135deg,rgba(85,229,255,.035),rgba(110,125,255,.035));transition:.22s}.bug-dropzone:hover,.bug-dropzone.is-dragover,.bug-dropzone:focus{border-color:rgba(85,229,255,.78);background:linear-gradient(135deg,rgba(85,229,255,.09),rgba(110,125,255,.08));transform:translateY(-2px);outline:none}.bug-drop-icon{width:52px;height:52px;border-radius:17px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bug-blue),var(--bug-cyan));box-shadow:0 12px 30px rgba(85,229,255,.2);font-size:25px;margin-bottom:12px}.bug-dropzone strong{font-size:17px}.bug-dropzone p{margin:5px 0;color:#b3c0d7}.bug-dropzone small{color:#7283a0;line-height:1.6}
.bug-file-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.bug-file-card{position:relative;min-width:0;border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;background:rgba(255,255,255,.04)}.bug-file-preview{height:112px;background:#07101b;display:flex;align-items:center;justify-content:center;overflow:hidden}.bug-file-preview img,.bug-file-preview video{width:100%;height:100%;object-fit:cover}.bug-video-mark{font-size:34px}.bug-file-meta{padding:10px 38px 10px 11px}.bug-file-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:800}.bug-file-size{margin-top:4px;font-size:11px;color:var(--bug-muted)}.bug-file-remove{position:absolute;right:8px;bottom:10px;width:25px;height:25px;border:0;border-radius:50%;background:rgba(255,92,122,.16);color:#ff91a8;cursor:pointer;font-weight:900}.bug-file-remove:hover{background:#ff5c7a;color:#fff}
.bug-device-row{display:flex;gap:8px;align-items:flex-start;margin-top:16px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.035);color:var(--bug-muted);font-size:12px}.bug-device-row code{color:#a8dff1;white-space:normal;word-break:break-all}.bug-submit-progress{margin-top:16px;padding:13px 15px;border-radius:15px;background:rgba(85,229,255,.055);border:1px solid rgba(85,229,255,.15)}.bug-progress-head{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#c9d7ea}.bug-progress-track{height:7px;background:rgba(255,255,255,.08);border-radius:99px;overflow:hidden;margin-top:9px}.bug-progress-track i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--bug-blue),var(--bug-cyan));transition:width .15s}.bug-form-message{display:none;margin-top:15px;padding:12px 14px;border-radius:14px;font-size:13px;line-height:1.6}.bug-form-message.show{display:block}.bug-form-message.ok{background:rgba(50,210,130,.12);border:1px solid rgba(50,210,130,.25);color:#8df0bc}.bug-form-message.err{background:rgba(255,92,122,.11);border:1px solid rgba(255,92,122,.24);color:#ff9fb3}.bug-form-actions{display:flex;gap:12px;margin-top:17px}.bug-submit-btn,.bug-reset-btn,.bug-refresh-btn{border:0;border-radius:14px;font-weight:900;cursor:pointer;transition:.2s}.bug-submit-btn{min-width:170px;min-height:48px;padding:0 24px;color:#07101b;background:linear-gradient(90deg,var(--bug-gold),var(--bug-cyan));box-shadow:0 12px 30px rgba(85,229,255,.15)}.bug-submit-btn:hover{transform:translateY(-2px)}.bug-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.bug-reset-btn{min-height:48px;padding:0 20px;color:#fff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}.bug-refresh-btn{padding:8px 12px;color:#c8d6ed;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.bug-history-list{padding:0 14px 18px;overflow:auto}.bug-history-item{display:block;width:100%;text-align:left;border:1px solid rgba(255,255,255,.085);border-radius:16px;background:rgba(255,255,255,.035);padding:14px;margin-bottom:10px;color:#fff;cursor:pointer;transition:.18s}.bug-history-item:hover{border-color:rgba(85,229,255,.34);transform:translateY(-2px);background:rgba(255,255,255,.055)}.bug-history-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.bug-history-no{font-size:11px;color:#7d8eaa}.bug-status{font-size:11px;padding:4px 8px;border-radius:999px;font-weight:900}.bug-status.new{background:rgba(255,216,106,.12);color:#ffe08a}.bug-status.in_progress{background:rgba(85,229,255,.12);color:#83efff}.bug-status.need_info{background:rgba(255,149,84,.13);color:#ffb482}.bug-status.resolved{background:rgba(50,210,130,.12);color:#78ecad}.bug-status.closed{background:rgba(160,170,190,.12);color:#bdc6d6}.bug-history-title{margin:10px 0 8px;font-size:14px;font-weight:900;line-height:1.45}.bug-history-meta{display:flex;flex-wrap:wrap;gap:7px;color:#8191ab;font-size:11px}.bug-history-meta span{padding:3px 6px;background:rgba(255,255,255,.045);border-radius:7px}.bug-empty{text-align:center;color:#7788a3;padding:35px 14px;line-height:1.7}.bug-history-detail{display:none;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:#aebbd2;line-height:1.65}.bug-history-item.open .bug-history-detail{display:block}
@media(max-width:1100px){.bug-layout{grid-template-columns:1fr}.bug-history-panel{position:static;max-height:none}.bug-history-list{max-height:520px}.bug-file-list{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:800px){.bug-shell{width:min(94vw,720px);margin-top:16px}.bug-hero{display:block;padding:22px}.bug-hero h1{font-size:30px}.bug-member-card{margin-top:18px;min-width:0}.bug-form-panel{padding:17px}.bug-form-grid{grid-template-columns:1fr}.bug-field.span-2,.bug-field.span-6,.bug-field.span-8,.bug-field.span-12,.bug-field-stack.span-6{grid-column:span 1}.bug-file-list{grid-template-columns:repeat(2,minmax(0,1fr))}.bug-device-row{display:block}.bug-device-row code{display:block;margin-top:5px}.bug-form-actions{display:grid;grid-template-columns:1fr 1fr}.bug-submit-btn,.bug-reset-btn{min-width:0;width:100%}.bug-top-actions{display:none}}
@media(max-width:430px){.bug-file-list{grid-template-columns:1fr}.bug-form-actions{grid-template-columns:1fr}.bug-dropzone{min-height:160px}.bug-panel-head{display:block}.bug-secure-badge,.bug-refresh-btn{display:inline-block;margin-top:10px}}