.recycle-overlay{display:flex;position:fixed;inset:0;z-index:10020;padding:4vh 22px;align-items:center;justify-content:center;background:radial-gradient(circle at 70% 15%,rgba(34,211,238,.13),transparent 32%),rgba(3,7,18,.62);backdrop-filter:blur(16px) saturate(135%);-webkit-backdrop-filter:blur(16px) saturate(135%);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}
.recycle-overlay.open{opacity:1;visibility:visible;pointer-events:auto}
.recycle-modal{width:min(1120px,96vw);height:min(820px,92vh);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:30px;background:linear-gradient(145deg,rgba(21,34,61,.91),rgba(9,17,34,.89) 52%,rgba(37,29,65,.83));box-shadow:0 38px 110px rgba(0,0,0,.52),0 18px 55px rgba(34,211,238,.10),inset 0 1px 0 rgba(255,255,255,.16);backdrop-filter:blur(30px) saturate(165%);-webkit-backdrop-filter:blur(30px) saturate(165%);transform:translateY(16px) scale(.985);transition:transform .22s cubic-bezier(.2,.78,.2,1);color:#eef6ff}
.recycle-overlay.open .recycle-modal{transform:translateY(0) scale(1)}
.recycle-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;padding:26px 28px 20px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.015))}
.recycle-kicker{font-size:10px;font-weight:800;letter-spacing:.2em;color:#67e8f9;margin-bottom:7px}
.recycle-head h2{font-size:27px;line-height:1.2;font-weight:700;letter-spacing:-.035em;color:#f8fbff}
.recycle-head p{margin-top:8px;font-size:12px;line-height:1.6;color:rgba(211,226,245,.52)}
.recycle-head-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.recycle-empty-btn,.recycle-close-btn,.recycle-refresh-btn,.recycle-action{font-family:inherit;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.065);color:rgba(238,247,255,.78);cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}
.recycle-empty-btn{height:38px;padding:0 14px;border-radius:12px;font-size:12px}
.recycle-empty-btn:hover{color:#ffd5d5;background:rgba(248,113,113,.13);border-color:rgba(248,113,113,.23)}
.recycle-empty-btn:disabled{opacity:.35;cursor:not-allowed}
.recycle-close-btn{width:38px;height:38px;border-radius:50%;font-size:20px;line-height:1}
.recycle-close-btn:hover{background:rgba(255,255,255,.12);color:#fff;transform:translateY(-1px)}
.recycle-tabs{display:flex;gap:7px;padding:14px 22px 11px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid rgba(255,255,255,.055)}
.recycle-tabs::-webkit-scrollbar{display:none}
.recycle-tabs button{flex:0 0 auto;display:flex;align-items:center;gap:7px;border:1px solid transparent;border-radius:999px;background:transparent;color:rgba(214,229,247,.51);font:600 12px/1 inherit;padding:9px 13px;cursor:pointer;transition:.16s ease}
.recycle-tabs button span{min-width:20px;height:20px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(255,255,255,.07);font-size:10px;color:rgba(226,239,255,.55)}
.recycle-tabs button:hover{background:rgba(255,255,255,.055);color:#eef7ff}
.recycle-tabs button.active{border-color:rgba(103,232,249,.22);background:linear-gradient(135deg,rgba(34,211,238,.14),rgba(139,92,246,.14));color:#effcff}
.recycle-tabs button.active span{background:rgba(103,232,249,.13);color:#bff8ff}
.recycle-toolbar{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:8px 26px;color:rgba(211,227,246,.45);font-size:11px}
.recycle-refresh-btn{height:32px;padding:0 10px;border-radius:10px;display:inline-flex;align-items:center;gap:6px;font-size:11px}
.recycle-refresh-btn svg{width:14px;height:14px}
.recycle-refresh-btn:hover{background:rgba(255,255,255,.11);color:#fff}
.recycle-body{flex:1;min-height:0;overflow-y:auto;padding:2px 22px 18px;scrollbar-color:rgba(255,255,255,.17) transparent;scrollbar-width:thin}
.recycle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.recycle-item{min-width:0;display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:13px;align-items:center;padding:14px;border:1px solid rgba(255,255,255,.085);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.045);transition:transform .16s ease,border-color .16s ease,background .16s ease}
.recycle-item:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.14);background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.045))}
.recycle-icon{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,rgba(34,211,238,.18),rgba(139,92,246,.19));border:1px solid rgba(255,255,255,.09);font-size:18px;font-weight:800;color:#e8fbff}
.recycle-icon[data-type="photo"]{background:linear-gradient(135deg,rgba(244,114,182,.23),rgba(139,92,246,.17))}
.recycle-icon[data-type="ai_chat"],.recycle-icon[data-type="ai_draw"]{background:linear-gradient(135deg,rgba(139,92,246,.26),rgba(236,72,153,.13))}
.recycle-icon[data-type="netdisk"]{background:linear-gradient(135deg,rgba(59,130,246,.24),rgba(34,211,238,.13))}
.recycle-icon img{width:100%;height:100%;display:block;object-fit:cover}
.recycle-main{min-width:0}
.recycle-title{font-size:14px;font-weight:700;color:#f2f8ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.recycle-sub{margin-top:4px;font-size:11px;color:rgba(209,224,243,.48);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.recycle-meta{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:10px;color:rgba(207,223,242,.37)}
.recycle-type-badge{padding:4px 7px;border-radius:999px;color:#bceffc;background:rgba(34,211,238,.09);border:1px solid rgba(34,211,238,.10)}
.recycle-expire.is-urgent{color:#ffc0c0}
.recycle-actions{display:flex;flex-direction:column;gap:7px}
.recycle-action{height:30px;min-width:60px;padding:0 10px;border-radius:9px;font-size:10px;white-space:nowrap}
.recycle-action.restore{color:#bcf7e4;border-color:rgba(52,211,153,.17);background:rgba(52,211,153,.08)}
.recycle-action.restore:hover{background:rgba(52,211,153,.15);border-color:rgba(52,211,153,.25)}
.recycle-action.purge{color:#ffc3c3;border-color:rgba(248,113,113,.16);background:rgba(248,113,113,.07)}
.recycle-action.purge:hover{background:rgba(248,113,113,.15);border-color:rgba(248,113,113,.26)}
.recycle-action:disabled{opacity:.4;cursor:wait}
.recycle-empty,.recycle-loading{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:rgba(211,227,246,.45);padding:36px}
.recycle-empty-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;border-radius:23px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(135deg,rgba(34,211,238,.11),rgba(139,92,246,.13));font-size:28px;color:rgba(232,249,255,.73)}
.recycle-empty strong{font-size:15px;color:rgba(240,248,255,.83)}
.recycle-empty span{margin-top:8px;font-size:11px;line-height:1.7}
.recycle-spinner{width:24px;height:24px;margin-bottom:13px;border:2px solid rgba(255,255,255,.12);border-top-color:#67e8f9;border-radius:50%;animation:recycle-spin .75s linear infinite}
@keyframes recycle-spin{to{transform:rotate(360deg)}}
.recycle-foot{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 26px;border-top:1px solid rgba(255,255,255,.07);color:rgba(207,223,241,.37);font-size:10px;background:rgba(2,7,18,.15)}
.recycle-foot span:first-child{display:flex;align-items:center;gap:7px}.recycle-foot i{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 9px rgba(52,211,153,.65)}
body.recycle-open{overflow:hidden}
@media(max-width:780px){.recycle-overlay{padding:0;align-items:stretch}.recycle-modal{width:100vw;height:100dvh;max-height:none;border-radius:0;border-left:0;border-right:0}.recycle-head{padding:20px 16px 16px}.recycle-head h2{font-size:23px}.recycle-head p{max-width:250px}.recycle-empty-btn{font-size:0;width:38px;padding:0}.recycle-empty-btn::after{content:'清空';font-size:10px}.recycle-tabs{padding-left:12px;padding-right:12px}.recycle-toolbar{padding-left:16px;padding-right:16px}.recycle-body{padding-left:10px;padding-right:10px}.recycle-grid{grid-template-columns:1fr}.recycle-foot{justify-content:center}.recycle-foot span:last-child{display:none}}
@media(max-width:420px){.recycle-item{grid-template-columns:46px minmax(0,1fr);padding:12px;gap:11px}.recycle-icon{width:46px;height:46px}.recycle-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.recycle-action{height:34px}.recycle-head p{font-size:10px}.recycle-empty-btn{display:none}}
@media(prefers-reduced-motion:reduce){.recycle-overlay,.recycle-modal,.recycle-item{transition:none}.recycle-spinner{animation-duration:1.4s}}