.data-list{display:grid;gap:8px;padding:12px}.data-item{border:1px solid #34414d;background:#121a22;border-radius:7px;padding:10px;display:grid;gap:3px}.data-item small{color:#87949f}.data-item code{color:#6fb4e9;font-size:10px;word-break:break-all}.pet-real-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.pet-real-card{border:1px solid #34414d;background:#111920;border-radius:9px;padding:14px;display:grid;grid-template-columns:68px 1fr;gap:12px}.pet-real-card.equipped{border-color:#a47a35;box-shadow:inset 0 0 20px rgba(217,168,79,.07)}.pet-real-icon{width:64px;height:64px;border:1px solid #67512e;background:#211a10;border-radius:50%;display:grid;place-items:center;font-size:32px}.pet-real-card h3{margin:0 0 4px}.pet-real-card h3 em{font-style:normal;font-size:10px;color:#f1c879;border:1px solid #6f552e;border-radius:10px;padding:2px 6px}.pet-real-card p{margin:0 0 9px;color:#84919d}.pet-real-card dl{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;margin:0}.pet-real-card dl div{display:flex;justify-content:space-between;border-bottom:1px solid #27313a;padding:4px 0}.pet-real-card dt{color:#7f8c98}.pet-real-card dd{margin:0}.artifact-real-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px}.artifact-real{min-height:155px;border:1px solid #394550;background:#111920;border-radius:9px;padding:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center}.artifact-real.red{border-color:#78403f}.artifact-real.blue{border-color:#355f7f}.artifact-real.green{border-color:#356149}.artifact-real strong{font-size:12px;color:#8f9ca7}.artifact-real b{font-size:15px}.artifact-real small{color:#8c98a3}.artifact-real span{color:#64717c}.artifact-real code{font-size:9px;color:#6eaee0;word-break:break-all}.mail-real-layout{display:grid;grid-template-columns:360px 1fr;min-height:430px}.mail-real-list{border-right:1px solid #303b46;padding:8px}.mail-real-list button{width:100%;display:grid;gap:4px;text-align:left;border:1px solid transparent;background:#131b23;color:#e8edf1;padding:11px;border-radius:6px;margin-bottom:6px}.mail-real-list button:hover,.mail-real-list button.active{border-color:#8b6932;background:#201a11}.mail-real-list small{color:#87939e}.mail-real-paper{padding:22px;background:linear-gradient(#211b13,#15120d);min-width:0}.mail-real-paper header{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid #554832;padding-bottom:12px}.mail-real-paper h2{margin:0 0 5px;color:#e7c77e}.mail-real-paper p,.mail-real-paper time{color:#968b77;margin:0}.mail-real-body{min-height:120px;padding:18px 0;color:#c1b6a2;line-height:1.75}.mail-real-paper h4{color:#dfbd73;margin:8px 0}.mail-real-attachments{display:flex;gap:7px;flex-wrap:wrap}.mail-real-attachments .data-item{min-width:120px;background:#18140e;border-color:#56482f}.mail-real-gold{display:flex;justify-content:space-between;margin-top:14px;border-top:1px dashed #554832;padding-top:10px;color:#c7b78d}.mail-real-paper footer{margin-top:14px;color:#827866;font-size:11px}.warehouse-real{padding:12px}.warehouse-real-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.warehouse-real-head small{color:#85929d}.warehouse-slot-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:5px}.warehouse-slot-grid article{aspect-ratio:1;border:1px solid #3a4650;background:linear-gradient(145deg,#151d25,#0c1217);border-radius:4px;display:grid;place-items:center;position:relative;min-width:0}.warehouse-slot-grid article span{font-size:10px;color:#cbd3da}.warehouse-slot-grid article small{position:absolute;right:3px;bottom:2px;font-size:8px}.warehouse-slot-grid article em{position:absolute;left:2px;top:1px;font-style:normal;font-size:7px;color:#6f7c87}.quest-tools{display:grid;grid-template-columns:120px 130px 190px minmax(240px,1fr) 64px auto;gap:8px;padding:12px;border-bottom:1px solid #2d3843;align-items:center}.quest-tools input,.quest-tools select,.quest-tools button{border:1px solid #34414d;background:#0d141a;color:#edf1f4;border-radius:6px;padding:8px}.quest-tools button{cursor:pointer}.quest-tools span{color:#8d99a4;align-self:center}.quest-level-range{display:grid;grid-template-columns:minmax(72px,1fr) auto minmax(58px,1fr);gap:5px;align-items:center}.quest-level-range input{min-width:0;width:100%}.quest-level-range span{text-align:center}.quest-batch-actions{grid-column:1/-1;display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding-top:2px}.quest-batch-actions small{color:#7f8c98;margin-left:auto}.quest-row-actions{display:flex;gap:6px;align-items:center;min-width:110px}.quest-row-actions button{border:1px solid #44515d;background:#141d25;color:#e8edf1;border-radius:5px;padding:5px 8px;cursor:pointer;white-space:nowrap}.quest-row-actions button.primary,.quest-batch-actions button.primary{border-color:#7e6337;background:#261f13;color:#f0d59b}.quest-row-actions button:disabled,.quest-batch-actions button:disabled{opacity:.45;cursor:not-allowed}.quest-action-disabled{color:#697681;font-size:11px;cursor:help}.quest-action-done{color:#64717c}.quest-real-table{max-height:560px;overflow:auto}.quest-real-table table{width:100%;border-collapse:collapse;font-size:12px}.quest-real-table th,.quest-real-table td{padding:9px 10px;border-bottom:1px solid #28333d;text-align:left}.quest-real-table th{position:sticky;top:0;background:#111820;color:#8996a2}.quest-real-table tbody tr:hover{background:#151e27}@media(max-width:1000px){.pet-real-list,.artifact-real-grid{grid-template-columns:1fr}.mail-real-layout{grid-template-columns:1fr}.mail-real-list{border-right:0;border-bottom:1px solid #303b46}.warehouse-slot-grid{grid-template-columns:repeat(6,1fr)}.quest-tools{grid-template-columns:1fr 1fr}.quest-level-range{grid-column:1/-1}.quest-tools #questSearch{grid-column:1/-1}.quest-tools #questCount{justify-self:end}}


/* 移动端任务与数据表格优化 */
@media (max-width: 768px) {
  .quest-tools {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    padding: 10px !important;
  }
  .quest-tools select, .quest-tools input, .quest-tools button {
    width: 100% !important;
  }
  .quest-level-range {
    display: flex !important;
    gap: 6px !important;
    width: 100% !important;
  }
  .quest-level-range input {
    flex: 1 !important;
  }
  .quest-real-table {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
  .quest-real-table table {
    min-width: 520px !important;
  }
}