/* Personal workspace, loaded only when entering the personal center. */
.profile-view .catalog>.section-title{display:none}
.profile-view .catalog{padding-top:28px}
#personal-panel{--profile-panel:#181c25;--profile-line:#ffffff12;--profile-muted:#9aa7bb;min-width:0}
#personal-panel[data-section]>.profile-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:24px 30px;margin:0 0 26px;border:1px solid #ffffff13;border-radius:18px;background:radial-gradient(ellipse at 100% 0,#d4f58a0a,transparent 55%),#181c25;box-shadow:none}
#personal-panel .profile-identity{display:flex;align-items:center;gap:20px;min-width:0}
#personal-panel .profile-avatar{display:grid;place-items:center;flex:none;width:64px;height:64px;border:1px solid #d4f58a25;border-radius:18px;background:#d4f58a10;color:#d4f58a;font-size:26px;font-weight:650;box-shadow:none}
#personal-panel .profile-identity .eyebrow{margin:0 0 8px;color:#b3c58e;font-size:9px;letter-spacing:2px}
#personal-panel #profile-display-name{margin:0 0 8px;color:#edf0f6;font-size:27px;font-weight:650;line-height:1.3;overflow-wrap:anywhere;letter-spacing:-.5px}
#personal-panel .profile-storage{margin:0;color:var(--profile-muted);font-size:12px;line-height:1.8}
#personal-panel .profile-auth{display:flex;gap:9px;margin:0}
#personal-panel .profile-auth button{min-height:40px;padding:9px 16px;border:1px solid #ffffff26;border-radius:8px;background:none;color:#dce3ee;font-size:12px}
#personal-panel #profile-register{background:#d4f58a;color:#202715;border-color:#d4f58a}
#personal-panel #profile-overview{display:grid;grid-column:1 / -1;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding-top:22px;border-top:1px solid #ffffff10}
#personal-panel #profile-overview>button{display:flex;align-items:baseline;justify-content:center;justify-self:stretch;width:100%;gap:12px;padding:0 24px;min-height:32px;border:0;border-right:1px solid #ffffff12;border-radius:0;background:none;box-shadow:none;text-align:left}
#personal-panel #profile-overview>button:first-child{padding-left:0}
#personal-panel #profile-overview>button:last-child{border-right:0}
#personal-panel #profile-overview b{color:#e5ebf3;font-size:27px;font-weight:550;line-height:1.2;margin:0}
#personal-panel #profile-overview span{color:var(--profile-muted);font-size:12px;margin:0}
#personal-panel #profile-overview>button:hover b{color:#d4f58a}
#personal-panel .profile-workspace{display:grid;grid-template-columns:208px minmax(0,1fr);align-items:start;gap:28px}
#personal-panel .profile-sidebar{position:sticky;top:calc(var(--site-header-height,92px) + 20px);min-width:0}
#personal-panel #profile-tabs{display:flex;flex-direction:column;gap:5px;margin:0;padding:7px;border:1px solid var(--profile-line);border-radius:13px;background:#171b23;overflow:visible;box-shadow:none}
#personal-panel #profile-tabs>button{display:flex;align-items:center;gap:12px;flex:none;width:100%;padding:13px 12px;min-height:65px;border:1px solid transparent;border-radius:8px;background:none;color:#9eacbf;text-align:left;white-space:normal}
#personal-panel #profile-tabs svg{width:19px;height:19px;flex:none}
#personal-panel #profile-tabs strong{display:block;font-size:13px;line-height:1.5;font-weight:500}
#personal-panel #profile-tabs small{display:block;margin-top:4px;color:#92a0b4;font-size:10px;line-height:1.4}
#personal-panel #profile-tabs>button:hover{background:#ffffff04;color:#e5ebf3}
#personal-panel #profile-tabs>button[aria-selected=true]{background:#d4f58a0e;border-color:#d4f58a24;color:#d4f58a}
#personal-panel #profile-tabs>button[aria-selected=true] small{color:#acbc92}
#personal-panel .profile-private-note{margin:20px 14px;color:#a1aec0;font-size:11px;line-height:1.8}
#personal-panel .profile-private-note>span{color:#c5d69f;margin-right:4px}
#personal-panel .profile-private-note small{display:block;margin:4px 0 0 16px;color:#8c99ad;font-size:10px}
#personal-panel .profile-content{min-width:0}
#personal-panel .profile-section-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:18px;margin:1px 0 22px}
#personal-panel .profile-section-heading h2{grid-column:1;margin:0 0 8px;color:#e9edf5;font-size:23px;font-weight:600;line-height:1.4}
#personal-panel .profile-section-heading p{grid-column:1;margin:0;color:var(--profile-muted);font-size:12px;line-height:1.8}
#personal-panel [role=tabpanel]{min-width:0}
#personal-panel #results:not(.watchlist-compact){grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 18px;margin-top:18px}
#personal-panel #results.watchlist-compact{margin-top:18px;grid-template-columns:1fr}
#personal-panel #results:has(>.empty){grid-template-columns:1fr}
#personal-panel #results .empty{grid-column:1 / -1;padding:48px 20px;border:1px dashed #ffffff21;border-radius:12px;background:#ffffff02}
#personal-panel .profile-queue{margin:0 0 14px;border:1px solid var(--profile-line);border-radius:10px;background:#181c25}
#personal-panel .profile-queue>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;padding:15px 18px;color:#c4cedc;font-size:12px;cursor:pointer}
#personal-panel .profile-queue>summary::-webkit-details-marker{display:none}
#personal-panel .profile-queue>summary small{margin-left:12px;color:#94a2b6;font-size:11px}
#personal-panel .profile-queue>summary>span:last-child{color:#acbd8e;font-size:0}
#personal-panel .profile-queue>summary>span:last-child:after{content:'展开 ↓';font-size:11px}
#personal-panel .profile-queue[open]>summary>span:last-child:after{content:'收起 ↑'}
#personal-panel .profile-queue[open]>summary{border-bottom:1px solid var(--profile-line)}
#personal-panel .profile-queue #backlog-panel{margin:0;padding:18px;background:none;border:0;border-radius:0}
#personal-panel .profile-queue #backlog-title{font-size:18px}
#personal-panel .profile-queue .backlog-list{grid-template-columns:repeat(2,minmax(0,1fr))}
#personal-panel #open-updates-center{grid-column:2;grid-row:1 / 3;align-self:center;display:flex;gap:15px;width:auto;margin:0;padding:9px 12px;border:1px solid var(--profile-line);border-radius:8px;background:none}
#personal-panel #open-updates-center strong{font-size:12px;font-weight:500}
#personal-panel #open-updates-center small{display:none}
#personal-panel #batch-tools{margin:0;padding:0;border:0;background:none}
#personal-panel .batch-heading{display:flex;justify-content:flex-end;align-items:center;min-height:38px;padding:0;margin:0 0 8px;border:0}
#personal-panel .batch-heading>span{margin-right:auto;color:var(--profile-muted);font-size:11px}
#personal-panel .batch-heading button{min-height:34px;padding:6px 12px;border-radius:7px;background:none;border:1px solid #ffffff22;color:#c9d4e2;font-size:11px}
#personal-panel #watch-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 15px;padding:0 0 16px;border-bottom:1px solid var(--profile-line)}
#personal-panel #watch-tabs button{min-height:36px;padding:7px 12px;border:1px solid transparent;background:#ffffff03;border-radius:7px;color:#a9b7ca;font-size:12px}
#personal-panel #watch-tabs button.active{background:#d4f58a11;border-color:#d4f58a3b;color:#d4f58a}
#personal-panel #watch-tabs button span{margin-left:5px;color:inherit;opacity:.85}
#personal-panel .watchlist-filters{display:grid;grid-template-columns:minmax(0,1fr) 160px auto;align-items:end;gap:12px;margin:0;padding:0;border:0;background:none;border-radius:0}
#personal-panel .watchlist-filters label{min-width:0;font-size:11px;color:var(--profile-muted);gap:8px}
#personal-panel .watch-search-field{min-height:42px;border-radius:8px;background:#161a22;border-color:#ffffff1c}
#personal-panel .watchlist-filters select{width:100%;min-width:0;min-height:42px;padding:9px 10px;border:1px solid #ffffff1c;border-radius:8px;background:#161a22;color:#d8e1ee;font-size:12px}
#personal-panel #clear-watch-query{min-height:42px;padding:8px 12px;border:1px solid #ffffff1c;border-radius:8px;background:none;color:#abb8ca;font-size:11px}
#personal-panel .watchlist-view{display:flex;justify-content:flex-end;align-items:center;gap:6px;margin:14px 0 0}
#personal-panel .watchlist-view>span{display:none}
#personal-panel .watchlist-view>button{min-height:32px;padding:5px 10px;font-size:11px}
#personal-panel .watch-results-count{margin:-26px 0 18px;color:#94a2b6;font-size:11px;max-width:55%;line-height:1.6}
#personal-panel #profile-pane-settings{display:grid;grid-template-columns:1fr 1fr;gap:18px}
#personal-panel .settings-intro{display:none}
#personal-panel .settings-card{min-width:0;margin:0;padding:22px;border:1px solid var(--profile-line);border-radius:13px;background:#181c25;box-shadow:none}
#personal-panel .account-panel,#personal-panel .device-settings,#personal-panel .backup-settings{grid-column:1 / -1}
#personal-panel .account-panel{display:flex;align-items:center;justify-content:space-between;gap:24px}
#personal-panel .account-intro{gap:0;min-width:0}
#personal-panel .account-icon{display:none}
#personal-panel .settings-card .eyebrow{margin:0 0 10px;font-size:9px;letter-spacing:1.4px;color:#a8bc8f}
#personal-panel .settings-card h3{margin:0 0 10px;color:#e2e9f3;font-size:17px;font-weight:600;line-height:1.5}
#personal-panel .settings-card p{font-size:12px;line-height:1.85;color:#a2b0c3}
#personal-panel .settings-card .settings-heading{margin-bottom:14px}
#personal-panel .settings-card .account-actions{display:flex;flex-wrap:wrap;gap:8px;flex:0 0 auto;max-width:48%}
#personal-panel .settings-card button{min-height:38px;padding:8px 12px;border:1px solid #ffffff25;border-radius:7px;background:#ffffff04;color:#cbd6e5;font-size:12px}
#personal-panel .settings-card .account-primary,#personal-panel #export-list{background:#d4f58a;color:#222b17;border-color:#d4f58a}
#personal-panel .settings-card label{font-size:12px;color:#bdc9d9}
#personal-panel .settings-card select{width:100%;min-width:0;min-height:44px;padding:10px;border:1px solid #ffffff20;border-radius:8px;background:#11151c;color:#d7e0ed;font-size:12px}
#personal-panel .display-settings>label{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid #ffffff0d;line-height:1.7}
#personal-panel .display-settings input[type=checkbox]{width:18px;height:18px;min-width:18px;margin:0;accent-color:#d4f58a}
#personal-panel .backup-settings .watchlist-tools{margin:16px 0 0;padding:0;border:0;display:block}
#personal-panel .backup-settings .watchlist-tools>p{display:none}
#personal-panel .backup-settings .watchlist-tools>div{display:flex;flex-wrap:wrap;gap:8px}
#personal-panel .backup-settings .backup-note{margin:14px 0 0;font-size:11px}
#personal-panel #profile-pane-journal{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:20px}
#personal-panel #activity-panel{grid-column:1;grid-row:1;margin:0;padding:20px;border:1px solid var(--profile-line);border-radius:13px;background:#181c25}
#personal-panel #weekly-goal-panel{grid-column:2;grid-row:1;margin:0;padding:20px;border:1px solid var(--profile-line);border-radius:13px;background:#181c25}
#personal-panel #weekly-goal-panel h3{font-size:17px;line-height:1.6}
#personal-panel #weekly-goal-panel .goal-heading{display:block}
#personal-panel #weekly-goal-panel .goal-badge{display:inline-block;margin-top:10px}
#personal-panel #weekly-goal-form{flex-wrap:wrap}
#personal-panel #weekly-goal-form>label{width:100%}
#personal-panel #weekly-goal-form button{padding-inline:10px}
#personal-panel .activity-calendar{gap:5px}
#personal-panel .activity-calendar>button{min-height:48px;padding:6px 3px}
#personal-panel #organizer-panel{margin:0;padding:22px;background:#181c25;border:1px solid var(--profile-line);border-radius:13px}
#personal-panel #organizer-panel h3{font-size:19px}
#personal-panel .collection-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#personal-panel .collection-tile{min-width:0;border-radius:10px;background:#10151d;border-color:#ffffff15}
#personal-panel #playback-history,#personal-panel #source-updates,#personal-panel #watch-updates{margin:0 0 18px;padding:22px;border:1px solid var(--profile-line);border-radius:13px;background:#181c25}
#personal-panel .history-grid{gap:14px}
#personal-panel button:focus-visible,#personal-panel select:focus-visible,#personal-panel input:focus-visible,#personal-panel summary:focus-visible{outline:2px solid #d4f58a;outline-offset:3px}
@media(max-width:1200px){
 #personal-panel .profile-workspace{grid-template-columns:186px minmax(0,1fr);gap:22px}
 #personal-panel #results:not(.watchlist-compact){grid-template-columns:repeat(3,minmax(0,1fr))}
 #personal-panel .watchlist-filters{grid-template-columns:minmax(0,1fr) 150px}
 #personal-panel #clear-watch-query{grid-column:1 / -1;justify-self:start;min-height:30px;border:0;padding:0}
 #personal-panel #profile-pane-journal{grid-template-columns:1fr}
 #personal-panel #weekly-goal-panel{grid-column:1;grid-row:2}
}
@media(max-width:900px){
 #personal-panel .profile-workspace{grid-template-columns:1fr;gap:22px}
 #personal-panel .profile-sidebar{position:static}
 #personal-panel #profile-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
 #personal-panel #profile-tabs>button{min-height:48px;padding:11px 10px;justify-content:center;gap:9px}
 #personal-panel #profile-tabs small,#personal-panel .profile-private-note{display:none}
 #personal-panel #profile-tabs strong{font-size:12px}
 #personal-panel #profile-tabs svg{width:17px;height:17px}
 #personal-panel .profile-section-heading{margin-bottom:18px}
}
@media(max-width:700px){
 .profile-view .catalog{padding-top:20px}
 #personal-panel[data-section]>.profile-summary{grid-template-columns:minmax(0,1fr);gap:18px;padding:20px 18px;margin-bottom:18px;border-radius:13px}
 #personal-panel .profile-identity{gap:14px}
 #personal-panel .profile-avatar{width:48px;height:48px;font-size:21px;border-radius:13px}
 #personal-panel #profile-display-name{font-size:22px;margin-bottom:6px}
 #personal-panel .profile-identity .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:6px}
 #personal-panel .profile-storage{font-size:10px}
 #personal-panel .profile-auth{gap:8px}
 #personal-panel .profile-auth button{min-height:36px;padding:7px 13px;font-size:11px}
 #personal-panel #profile-overview{gap:0;padding-top:17px}
 #personal-panel #profile-overview>button{display:block;min-height:42px;padding:0 14px;text-align:center}
 #personal-panel #profile-overview>button:first-child{padding-left:0}
 #personal-panel #profile-overview>button:last-child{padding-right:0}
 #personal-panel #profile-overview b{display:block;font-size:24px}
 #personal-panel #profile-overview span{display:block;font-size:10px;margin-top:5px}
 #personal-panel #profile-tabs{padding:5px;border-radius:11px}
 #personal-panel #profile-tabs>button{padding:10px 4px;min-height:46px;gap:6px;border-radius:7px}
 #personal-panel #profile-tabs strong{font-size:11px}
 #personal-panel #profile-tabs svg{width:15px;height:15px}
 #personal-panel .profile-section-heading h2{font-size:21px}
 #personal-panel .profile-section-heading p{font-size:11px}
 #personal-panel #results:not(.watchlist-compact){grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}
 #personal-panel #results.watchlist-compact>.card{padding:12px}
 #personal-panel .profile-queue>summary{padding:13px;font-size:11px}
 #personal-panel .profile-queue>summary small{margin-left:8px;font-size:10px}
 #personal-panel .profile-queue .backlog-list{grid-template-columns:1fr}
 #personal-panel #open-updates-center{padding:7px 8px;gap:0}
 #personal-panel #open-updates-center>span:last-child{display:none}
 #personal-panel #open-updates-center strong{font-size:10px}
 #personal-panel #open-updates-center>span:last-child{font-size:10px}
 #personal-panel .batch-heading>span{font-size:10px;max-width:62%;line-height:1.6}
 #personal-panel #watch-tabs{gap:5px;padding-bottom:12px;margin-bottom:14px}
 #personal-panel #watch-tabs button{min-height:34px;padding:6px 9px;font-size:11px}
 #personal-panel .watchlist-filters{grid-template-columns:1fr;gap:12px}
 #personal-panel .watchlist-filters label{font-size:11px}
 #personal-panel .watchlist-filters select{font-size:12px}
 #personal-panel .watch-results-count{margin-top:-25px;font-size:10px}
 #personal-panel #profile-pane-settings{grid-template-columns:1fr;gap:14px}
 #personal-panel .settings-card{padding:18px;border-radius:11px}
 #personal-panel .account-panel{display:block}
 #personal-panel .settings-card .account-actions{max-width:none;margin-top:16px}
 #personal-panel .settings-card h3{font-size:16px}
 #personal-panel .settings-card p{font-size:11px}
 #personal-panel .settings-card select{font-size:12px}
 #personal-panel .display-settings>label{font-size:12px}
 #personal-panel #activity-panel,#personal-panel #weekly-goal-panel,#personal-panel #organizer-panel,#personal-panel #playback-history,#personal-panel #source-updates,#personal-panel #watch-updates{padding:16px;border-radius:11px}
 #personal-panel .collection-gallery{grid-template-columns:1fr}
 #personal-panel .activity-calendar{gap:3px}
 #personal-panel .activity-calendar>button{min-height:42px}
}
#playback-defaults{display:grid;gap:12px;max-width:none;padding:0;border:0;background:none}
#playback-defaults input[type=checkbox]{width:auto;accent-color:#d4f58a}
#playback-defaults label{display:block}
#playback-defaults label select{display:block;margin-top:6px}
#playback-defaults button{justify-self:start}