.feedback-page{margin:0;background:#f1f8fd;color:#18334c;font:15px/1.65 'Noto Sans SC','Microsoft YaHei',system-ui,sans-serif}.feedback-header{background:linear-gradient(110deg,#007bb5,#13b3db)}.feedback-header>div{max-width:1240px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:19px 24px;gap:15px}.feedback-header a{color:white;text-decoration:none}.feedback-brand{font-size:20px;font-weight:700}.feedback-shell{--fb-sky:#0284c7;--fb-ink:#18334c;--fb-muted:#60788d;--fb-line:#c9e5f4;--fb-wash:#f1f8fd;color:var(--fb-ink);font:14px/1.65 'Noto Sans SC','Microsoft YaHei',system-ui,sans-serif;max-width:1240px;margin:auto;padding:30px 24px 60px}.feedback-shell *{box-sizing:border-box}.feedback-shell [hidden]{display:none!important}.feedback-shell h1{font-size:27px;line-height:1.35;margin:0 0 8px}.feedback-shell h2{font-size:19px;line-height:1.5;margin:0}.feedback-shell h3{font-size:15px;margin:0}.feedback-shell p{margin:0 0 12px}.fb-top{display:flex;justify-content:space-between;align-items:start;gap:18px;margin-bottom:24px}.fb-top p{color:var(--fb-muted);max-width:680px}.fb-caption,.fb-help{font-size:12px;color:var(--fb-muted)}.fb-caption{margin-top:7px}.fb-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.fb-button{font:inherit;min-height:42px;padding:8px 15px;border:1px solid #9bd2eb;border-radius:8px;background:white;color:#076b9b;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;touch-action:manipulation}.fb-button:hover{background:#eaf7ff}.fb-button.primary{background:var(--fb-sky);border-color:var(--fb-sky);color:white;font-weight:600}.fb-button.danger{color:#a52335;border-color:#edbcc4;background:#fff8f9}.fb-button.small{min-height:34px;padding:5px 10px;font-size:12px}.feedback-shell :is(button,input,select,textarea):disabled{opacity:.55;cursor:not-allowed}.feedback-shell :is(button,a,input,select,textarea):focus-visible{outline:3px solid #38bdf87a;outline-offset:3px}.fb-input{font:inherit;color:var(--fb-ink);width:100%;min-width:0;min-height:43px;padding:9px 11px;border:1px solid #a8d7ed;border-radius:8px;background:#fbfdff;outline:0}.fb-input:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0ea5e91c}.fb-input::placeholder{color:#8195a6}.feedback-shell textarea.fb-input{resize:vertical;min-height:116px;line-height:1.7}.fb-label{display:block;font-weight:600;font-size:13px;min-width:0}.fb-label>span{display:block;margin-bottom:6px}.fb-note{padding:12px 15px;border:1px solid #9ad4f0;border-radius:8px;background:#eaf7ff;color:#095e85;margin:0 0 18px;overflow-wrap:anywhere}.fb-note[data-type=error]{color:#9d1b2b;background:#fff2f3;border-color:#f0c1c7}.fb-note[data-type=success]{color:#136744;background:#edf9f2;border-color:#bce1cc}.fb-note .fb-actions{margin-top:9px}.fb-filters{background:white;border:1px solid var(--fb-line);border-radius:12px;padding:16px;margin-bottom:18px}.fb-filter-row{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.fb-filter-row>.fb-label{flex:1;min-width:130px}.fb-filter-row>.fb-label.search{flex:2;min-width:200px}.fb-advanced{margin-top:12px}.fb-advanced summary{color:#076b9b;cursor:pointer;min-height:32px;line-height:32px}.fb-advanced .fb-filter-row{padding-top:10px}.fb-workspace{display:grid;grid-template-columns:minmax(250px,320px) minmax(0,1fr);border:1px solid var(--fb-line);border-radius:13px;background:white;overflow:hidden;min-height:570px}.fb-sidebar{border-right:1px solid var(--fb-line);min-width:0;background:#fbfdff}.fb-list-head{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e5f0f7;color:var(--fb-muted);font-size:12px}.fb-list{max-height:720px;overflow-y:auto}.fb-ticket{display:block;text-align:left;width:100%;border:0;border-bottom:1px solid #e5f0f7;border-left:3px solid transparent;padding:16px 14px;background:transparent;cursor:pointer;font:inherit;touch-action:manipulation;color:var(--fb-ink)}.fb-ticket:hover{background:#edf8ff}.fb-ticket[aria-current=true]{background:#edf8ff;border-left-color:var(--fb-sky)}.fb-ticket strong{display:block;font-size:14px;line-height:1.6;overflow-wrap:anywhere;margin-bottom:7px}.fb-ticket .fb-help{display:block;margin-top:7px}.fb-badges{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.fb-tag{display:inline-block;font-size:11px;line-height:1.7;padding:2px 8px;border-radius:20px;background:#edf4f9;color:#5f7689;white-space:nowrap}.fb-tag[data-status=open]{background:#e5f4fd;color:#0674a5}.fb-tag[data-status=processing]{background:#fff4d9;color:#8b6012}.fb-tag[data-status=resolved]{background:#e9f7ef;color:#157144}.fb-tag[data-status=closed]{background:#eef1f4;color:#687a87}.fb-tag.priority-high{background:#fff0ed;color:#aa3d2c}.fb-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:15px;border-top:1px solid #e5f0f7}.fb-detail{padding:24px;min-width:0}.fb-empty{padding:45px 20px;text-align:center;color:var(--fb-muted);overflow-wrap:anywhere}.fb-empty strong{display:block;font-size:18px;color:var(--fb-ink);margin-bottom:8px}.fb-detail-header{padding-bottom:18px;border-bottom:1px solid #e5f0f7;margin-bottom:19px;overflow-wrap:anywhere}.fb-detail-header h2{margin-bottom:10px}.fb-detail-header .fb-actions{margin-top:12px}.fb-thread{display:flex;flex-direction:column;gap:18px;max-height:680px;overflow-y:auto;padding:0 3px 4px 0}.fb-message{border-left:3px solid #d4e7f1;padding:0 0 0 14px;min-width:0}.fb-message.staff{border-left-color:#0284c7}.fb-message-head{display:flex;justify-content:space-between;gap:10px;align-items:baseline;flex-wrap:wrap;font-size:12px;color:var(--fb-muted);margin-bottom:7px}.fb-message-head strong{color:var(--fb-ink);font-size:13px}.fb-message.staff .fb-message-head strong{color:#076b9b}.fb-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 10px!important;line-height:1.85}.fb-attachments{display:flex;gap:8px;flex-wrap:wrap}.fb-attachment{border:1px solid #d5e8f2;background:#f7fbfe;border-radius:8px;padding:9px;max-width:100%;min-width:0;font-size:12px}.fb-attachment img,.fb-attachment video{display:block;width:100%;max-width:270px;max-height:210px;object-fit:contain;background:#e9f1f6;border-radius:4px;margin-bottom:7px}.fb-attachment a{color:#076b9b;overflow-wrap:anywhere}.fb-attachment small{color:var(--fb-muted);display:block;overflow-wrap:anywhere}.fb-attachment.removed{color:#778a9a;border-style:dashed}.fb-compose{border-top:1px solid #e5f0f7;margin-top:22px;padding-top:18px}.fb-compose.new{border-top:0;margin-top:0;padding-top:0}.fb-compose .fb-label{margin-bottom:15px}.fb-compose .fb-actions{justify-content:space-between}.fb-compose .fb-actions>.fb-actions{justify-content:start}.fb-upload-list{display:flex;flex-direction:column;gap:7px;margin:12px 0}.fb-upload-item{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid #d5e8f2;border-radius:7px;padding:7px 9px;background:#f6fbfe;overflow-wrap:anywhere}.fb-upload-item span{min-width:0}.fb-upload-file{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.fb-manage{padding:14px;background:#f3f9fc;border:1px solid #d5e8f2;border-radius:8px;margin:16px 0}.fb-manage .fb-actions{margin-top:12px}.fb-log{margin-top:22px;border-top:1px solid #e5f0f7;padding-top:15px}.fb-log summary{cursor:pointer;color:#076b9b;min-height:36px}.fb-log-row{padding:9px 0;border-bottom:1px solid #e5f0f7;font-size:12px;color:var(--fb-muted);overflow-wrap:anywhere}.fb-log-row strong{display:block;color:var(--fb-ink)}.fb-storage{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#f8fbfd;border:1px solid var(--fb-line);border-radius:10px;padding:15px 18px;margin-top:20px}.fb-storage p{font-size:12px;color:var(--fb-muted);margin:4px 0 0}.fb-storage progress{accent-color:#0284c7;width:180px;height:7px;display:block;margin-top:8px}.fb-closed{margin-top:20px;padding:14px 16px;background:#f3f7fa;border-radius:8px;color:#617689}.fb-busy-text{font-size:12px;color:#076b9b}.fb-attachment-error{color:#a52335!important}.fb-identity-block{padding:24px;border:1px solid var(--fb-line);border-radius:12px;background:white}
@media(max-width:820px){.fb-workspace{grid-template-columns:minmax(210px,260px) minmax(0,1fr)}.fb-detail{padding:18px}.feedback-shell{padding:25px 16px 45px}.fb-filter-row{gap:10px}}@media(max-width:640px){.feedback-header>div{padding:16px 18px}.feedback-shell{padding:22px 12px 35px}.fb-top{gap:12px;flex-wrap:wrap;margin-bottom:18px}.feedback-shell h1{font-size:24px}.fb-top>.fb-actions{width:100%}.fb-top>.fb-actions .fb-button{flex:1}.fb-workspace{display:block;min-height:0}.fb-sidebar{border-right:0;border-bottom:1px solid var(--fb-line)}.fb-list{max-height:250px}.fb-ticket{padding:12px 14px}.fb-detail{padding:20px 15px}.fb-filter-row>.fb-label{min-width:calc(50% - 10px)}.fb-filter-row>.fb-label.search{min-width:100%}.fb-filter-row>.fb-button{flex:1}.fb-thread{max-height:none}.fb-attachment img,.fb-attachment video{max-width:100%}.fb-storage{align-items:start;flex-direction:column}.fb-compose .fb-actions{gap:10px}.fb-manage .fb-filter-row>.fb-label{min-width:100%}}@media(prefers-reduced-motion:reduce){.feedback-shell *{scroll-behavior:auto!important;transition:none!important}}
