.materials-main{max-width:1312px;margin:0 auto;padding:45px 0}.materials-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.materials-heading h1{font-size:38px;margin:12px 0;letter-spacing:2px}.materials-heading p,.material-dialog p{color:var(--muted);font-size:14px;line-height:1.8}.material-primary{background:var(--red);border:1px solid var(--red);color:#fff;padding:12px 21px;border-radius:5px;font:inherit;cursor:pointer}.material-primary:hover{background:var(--deep)}button:disabled{opacity:.55;cursor:wait}.material-overview{display:flex;align-items:center;gap:65px;padding:24px 32px;margin:28px 0 34px;border:1px solid var(--line);border-radius:7px;background:#fffcf7}.material-overview small{display:block;color:var(--muted);font-size:12px}.material-overview strong{display:block;font-weight:500;font-size:28px;margin-top:8px;color:var(--red)}.material-overview p{margin:0 0 0 auto;line-height:1.9;font-size:13px;color:var(--red)}.material-overview p span{color:var(--muted);font-size:11px}.material-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px}.material-tabs{display:flex;gap:4px}.material-tabs button,.material-filters button{padding:10px 16px;border:0;background:none;border-radius:4px;color:var(--muted)}.material-tabs button[aria-pressed=true]{background:var(--red);color:white}.material-filters{display:flex;align-items:center;gap:10px}.material-filters input,.material-filters select,.material-dialog input:not([type=file]),.material-dialog select,.asset-picker input{font:inherit;border:1px solid var(--line);background:#fffefa;border-radius:4px;padding:10px 12px;color:var(--ink);min-width:0}.material-filters input{width:185px}.material-status{font-size:12px;color:var(--muted);min-height:20px;margin:22px 0 15px}.material-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.material-card{background:#fffdfa;border:1px solid var(--line);border-radius:7px;overflow:hidden;min-width:0}.material-card .material-thumb{width:100%;height:155px;object-fit:cover;background:#eee7db;display:block}.material-card .material-symbol{height:155px;display:grid;place-items:center;font-size:38px;color:var(--gold);background:#f0eadd}.material-card-body{padding:17px}.material-card h2{font-size:14px;margin:0 0 10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.material-card p{font-size:11px;color:var(--muted);margin:8px 0;line-height:1.8}.material-card button{border:1px solid var(--line);background:transparent;border-radius:4px;color:var(--red);padding:7px 14px;margin-top:8px}.material-empty{grid-column:1/-1;text-align:center;background:#fffcf7;border:1px dashed #d5c6ad;border-radius:7px;padding:50px 20px}.material-empty .empty-symbol{font-size:38px;color:var(--gold)}.material-empty h2{font-size:20px;margin:17px 0 12px}.material-empty p{font-size:13px;line-height:1.9;color:var(--muted);margin-bottom:22px}.mobile-note{margin-top:32px;display:flex;gap:20px;align-items:center;padding:23px 28px;border:1px solid var(--line);border-radius:7px}.mobile-mark{width:45px;height:54px;border:2px solid #bfa67e;border-radius:8px;display:grid;place-items:center;font-size:30px;color:var(--gold);flex-shrink:0}.mobile-note h2{font-size:15px;margin:0 0 8px;font-weight:600}.mobile-note p{font-size:12px;color:var(--muted);margin:0 0 6px}.mobile-note small{font-size:11px;color:var(--muted)}.mobile-badge{margin-left:auto;flex-shrink:0;font-size:11px;color:#a38458;border:1px solid #dcccaf;padding:7px 10px;border-radius:3px}.material-dialog{width:min(620px,92vw);border:1px solid var(--line);border-radius:10px;padding:28px;background:#fffcf7;color:var(--ink);max-height:90vh;overflow:auto;font:14px "Microsoft YaHei",sans-serif}.material-dialog::backdrop,.asset-picker::backdrop{background:#29201bcc;backdrop-filter:blur(3px)}.material-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.material-dialog-head h2{font-size:20px;margin:0;overflow-wrap:anywhere}.material-dialog-head button{border:0;background:none;font-size:25px;color:#8a7e71;cursor:pointer}.material-dialog label{display:flex;flex-direction:column;gap:10px;margin:20px 0;font-size:13px}.material-dialog .upload-area{background:#f4eee4;border:1px dashed #cdbb9e;padding:30px 20px;border-radius:6px;text-align:center;gap:20px}.upload-area input{max-width:100%}.upload-area small{color:var(--muted)}.material-dialog progress{width:100%;accent-color:var(--red)}#upload-status{white-space:pre-line;max-height:160px;overflow:auto}#preview-content img,#preview-content video{max-height:350px;max-width:100%;display:block;margin:20px auto;object-fit:contain}#preview-content audio{width:100%;margin-top:20px}#rename-form{display:flex;align-items:flex-end;gap:12px}#rename-form label{flex:1;margin:0}#rename-form button{flex-shrink:0}.asset-picker{--red:#8a282b;--gold:#b58b4c;--line:#e5ddd2;--ink:#302a28;--muted:#827a73;width:min(860px,94vw);max-height:85vh;background:#fffcf7;color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:25px;font:14px "Microsoft YaHei",sans-serif}.asset-picker .material-grid{margin-top:20px;grid-template-columns:repeat(3,minmax(0,1fr));max-height:53vh;overflow:auto}.asset-picker .material-thumb,.asset-picker .material-symbol{height:105px}.asset-picker>p{color:var(--muted);font-size:12px}.asset-picker input{width:100%;margin-top:16px}.asset-picker .material-card button{cursor:pointer}.asset-picker .material-empty{padding:28px}.asset-picker a{color:var(--red)}
@media(max-width:1439px){.materials-main{margin:0 5%}}@media(max-width:1050px){.material-toolbar{align-items:flex-start;flex-direction:column}.material-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.material-overview{gap:30px}}@media(max-width:650px){.materials-main{padding-top:30px}.materials-heading h1{font-size:30px}.materials-heading{align-items:flex-start;flex-direction:column}.material-overview{padding:20px 15px;gap:25px;flex-wrap:wrap}.material-overview p{margin-left:0}.material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.material-filters{flex-wrap:wrap}.material-tabs button{padding:9px 12px}.mobile-note{padding:20px 16px;align-items:flex-start;flex-wrap:wrap}.mobile-badge{margin-left:65px}.asset-picker .material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#rename-form{flex-direction:column;align-items:stretch}}

.account-password{max-width:520px;background:#fffdfa;border:1px solid var(--line);padding:25px;border-radius:8px}.account-password label{display:flex;flex-direction:column;gap:8px;margin:18px 0}.account-password input{font:inherit;padding:12px;border:1px solid var(--line);border-radius:4px}.account-password p{font-size:13px;color:var(--muted);line-height:1.8}