.comments-area{scroll-margin-top:1.75rem}.comment-form{margin-bottom:var(--sp-6)}.comment-form-comment textarea{width:100%;background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-sans);font-size:var(--fs-sm);padding:10px var(--sp-4);resize:none;overflow:hidden;min-height:0;transition:border-color var(--duration-fast) var(--ease-out),min-height var(--duration-fast) var(--ease-out);cursor:pointer}.comment-form-comment textarea:focus{outline:none;border-color:var(--color-border)}.comment-form-comment textarea::placeholder{color:var(--color-text-subtle)}.comment-form-author,.comment-form-email,.comment-form__actions{display:none}.comment-form-author,.comment-form-email{width:calc(50% - var(--sp-2));margin-top:var(--sp-3)}.comment-form-author{margin-right:var(--sp-2)}.comment-form-email{margin-left:var(--sp-2)}.comment-form-author input,.comment-form-email input{width:100%;background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-sans);font-size:var(--fs-sm);padding:var(--sp-2) var(--sp-3);transition:border-color var(--duration-fast) var(--ease-out)}.comment-form-author input:focus,.comment-form-email input:focus{outline:none;border-color:var(--color-accent)}.comment-form-author input::placeholder,.comment-form-email input::placeholder{color:var(--color-text-subtle)}.comment-form.is-expanded .comment-form-comment textarea{min-height:80px;resize:vertical;overflow:auto;cursor:text}.comment-form.is-expanded .comment-form-author,.comment-form.is-expanded .comment-form-email{display:inline-block}.comment-form.is-expanded .comment-form__actions{display:flex;align-items:center;justify-content:space-between;margin-top:var(--sp-3);gap:var(--sp-3)}.comment-form__actions-left{display:flex;align-items:center;min-width:0}.comment-form__actions-right{display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0}.comment-form__hint{font-size:var(--fs-sm);font-weight:var(--fw-semibold);font-style:italic;color:var(--color-text-subtle);user-select:none}.comment-form__auth{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--color-text-muted);min-width:0}.comment-form__auth-avatar{width:24px;height:24px;border-radius:var(--radius-full);flex-shrink:0}.comment-form__auth-name{font-weight:var(--fw-medium);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comment-form__auth-logout{color:var(--color-text-subtle);text-decoration:none;font-size:var(--fs-xs);flex-shrink:0}.comment-form__auth-logout:hover{color:var(--color-accent);text-decoration:underline}.btn--comment-cancel{color:var(--color-text-muted);font-size:var(--fs-sm)}.btn--comment-submit{display:inline-flex;align-items:center;gap:var(--sp-2)}.comment-notes{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);color:var(--color-text-subtle);margin-bottom:var(--sp-3)}.comments-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-4);padding-bottom:var(--sp-3);border-bottom:1px solid var(--color-border-subtle)}.comments-title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin:0}.comments-header__actions{display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0}.comments-header__btn{display:inline-flex;align-items:center;gap:var(--sp-1);background:rgb(255 255 255 / .04);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);color:var(--color-text-muted);font-family:var(--font-sans);font-size:var(--fs-xs);font-weight:var(--fw-medium);padding:6px 12px;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out);white-space:nowrap}.comments-header__btn:hover{background:rgb(255 255 255 / .08);color:var(--color-text);border-color:var(--color-border)}.comments-header__btn .icon{width:14px;height:14px;flex-shrink:0}.comment-sort{position:relative}.comment-sort__chevron{transition:transform var(--duration-fast) var(--ease-out)}.comment-sort:has(.comment-sort__popover.is-open) .comment-sort__chevron{transform:rotate(180deg)}.comment-sort__popover{display:none;position:absolute;top:calc(100% + 6px);right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);min-width:160px;padding:0;overflow:hidden}.comment-sort__popover.is-open{display:block}.comment-sort__option{display:flex;align-items:center;gap:var(--sp-2);width:100%;padding:var(--sp-2) var(--sp-3);background:none;border:none;color:var(--color-text-muted);font-family:var(--font-sans);font-size:var(--fs-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);text-align:left}.comment-sort__option:hover{background:var(--color-elevated);color:var(--color-text)}.comment-sort__option.is-active{color:var(--color-accent);font-weight:var(--fw-medium)}.comment-sort__option-icon,.comment-sort__icon{width:18px;height:18px;flex-shrink:0;fill:currentColor;stroke:none;stroke-width:0}.comment-sort__option span{flex:1}.comment-sort__check{width:14px;height:14px;flex-shrink:0;color:var(--color-accent);margin-left:auto}.rules-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-2)}.rules-list li{position:relative;padding-left:var(--sp-5);font-size:var(--fs-sm);color:var(--color-text-muted);line-height:var(--lh-relaxed)}.rules-list li::before{content:'';position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-accent)}.comment-list{list-style:none;margin:0;padding:0}.comment-list .children{list-style:none;margin:0;padding-left:36px}.thread-toggle{position:absolute;left:20px;top:78px;width:20px;height:20px;margin-left:-10px;background:hsl(221.05deg 35.85% 10.39%);border:2px solid #242936;border-radius:50%;cursor:pointer;padding:0;z-index:3;display:flex;align-items:center;justify-content:center;color:rgb(255 255 255 / .4);font-size:16px;line-height:1;font-family:var(--font-sans);transition:border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);font-weight:700;padding-bottom:1px}.thread-toggle::after{content:'\2212'}.thread-toggle::before{content:'';position:absolute;left:50%;bottom:calc(100% + 2px);transform:translateX(-50%);width:2px;height:14px;background:#242936;pointer-events:none;transition:background var(--duration-fast) var(--ease-out)}.thread-toggle:hover{border-color:var(--color-accent);color:var(--color-accent)}.thread-toggle:hover::before{background:var(--color-accent)}.children .thread-toggle{left:14px;top:62px;width:18px;height:18px;margin-left:-8px;font-size:14px}.children .thread-toggle::before{height:10px}.comment-item:not(.comment-item--collapsed)>.children::before{content:'';position:absolute;left:19px;top:var(--stem-top,60px);height:var(--stem-h,0);width:2px;background:#242936;pointer-events:none;z-index:0;transition:background var(--duration-fast) var(--ease-out)}.children .comment-item:not(.comment-item--collapsed)>.children::before{left:14px}.children>.comment-item:not(:last-child)::before{content:'';position:absolute;left:-17px;top:0;bottom:0;width:2px;background:#242936;transition:background var(--duration-fast) var(--ease-out)}.children>.comment-item::after{content:'';position:absolute;left:-17px;top:-2px;width:17px;height:calc(var(--sp-3) + 29px);border-left:2px solid #242936;border-bottom:2px solid #242936;border-bottom-left-radius:10px;background:none;transition:border-color var(--duration-fast) var(--ease-out)}.children .children>.comment-item:not(:last-child)::before{left:-22px}.children .children>.comment-item::after{left:-22px;width:22px;height:calc(var(--sp-3) + 29px)}.comment-item:has(>.thread-toggle:hover)>.children::before{background:var(--color-accent)}.comment-item:has(>.thread-toggle:hover)>.children>.comment-item::before{background:var(--color-accent)}.comment-item:has(>.thread-toggle:hover)>.children>.comment-item::after{border-color:var(--color-accent)}.comment-item--collapsed>.children{display:none}.comment-item--collapsed>.thread-toggle::after,.comment-item--collapsed .thread-toggle::after{content:'+'}.comment-item--collapsed>.comment-item__inner{padding:var(--sp-2) 0}.comment-item--collapsed>.comment-item__inner>.comment-item__avatar{display:none}.comment-item--collapsed>.comment-item__inner>.comment-item__content>.comment-item__body,.comment-item--collapsed>.comment-item__inner>.comment-item__content>.comment-item__actions,.comment-item--collapsed>.comment-item__inner>.comment-item__content>.comment-read-more{display:none}.comment-item--collapsed>.comment-item__inner>.comment-item__content>.comment-item__header>.comment-item__more{display:none}.comment-item--collapsed>.comment-item__inner .thread-toggle{position:relative;left:auto;top:auto;display:inline-flex;flex-shrink:0;margin-left:-3px;margin-right:12px}.comment-item--collapsed>.comment-item__inner .thread-toggle::before{display:none}.comment-list>.comment-item--collapsed>.comment-item__inner{padding-left:15px;padding-top:14.5px}.children>.comment-item--collapsed>.comment-item__inner{padding-left:16px}.thread-expand{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);color:var(--color-accent);background:none;border:none;cursor:pointer;padding:var(--sp-1) 0;margin-top:var(--sp-1);margin-left:calc(40px + var(--sp-3));font-family:var(--font-sans)}.thread-expand:hover{text-decoration:underline}.children .thread-expand{margin-left:calc(28px + var(--sp-3))}.comment-item{position:relative}.comment-list>.comment-item{border-bottom:1px solid var(--color-border-subtle)}.comment-list>.comment-item:last-child{border-bottom:none}.children .comment-item{border-bottom:none}.comment-item__inner{display:flex;gap:var(--sp-3);padding:var(--sp-3) 0;border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease-out)}.comment-item--new .comment-item__inner{animation:commentHighlight 2s ease-out}@keyframes commentHighlight{0%{background:rgba(var(--color-accent-rgb),.1)}100%{background:#fff0}}.comment-item__avatar{width:40px;height:40px;border-radius:var(--radius-full);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:var(--fw-bold);font-size:16px;color:#fff;text-transform:uppercase;user-select:none}.comment-item__avatar--img{object-fit:cover}.children .comment-item__avatar{width:28px;height:28px;font-size:11px}.comment-item__content{flex:1;min-width:0}.comment-item__header{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-1);position:relative}.comment-item__author{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--color-text)}.comment-item__time{font-size:var(--fs-xs);color:var(--color-text-subtle)}.comment-item__body{font-size:var(--fs-sm);color:var(--color-text-muted);line-height:var(--lh-relaxed);margin-bottom:var(--sp-2)}.comment-item__body p{margin:0 0 var(--sp-2)}.comment-item__body p:last-child{margin-bottom:0}.comment-item__body.is-clamped{max-height:130px;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent 100%);mask-image:linear-gradient(to bottom,#000 55%,transparent 100%)}.comment-read-more{display:inline;background:none;border:none;padding:0;color:var(--color-accent);font-size:var(--fs-xs);font-weight:500;cursor:pointer;margin-bottom:var(--sp-2)}.comment-read-more:hover{text-decoration:underline}.comment-awaiting-moderation{display:block;font-size:var(--fs-xs);color:var(--color-warning);margin-bottom:var(--sp-2)}.comment-item__actions{display:flex;align-items:center;gap:var(--sp-1)}.comment-item__action{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-1);background:none;border:none;color:var(--color-text-subtle);cursor:pointer;padding:var(--sp-1);border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out);font-family:var(--font-sans);font-size:var(--fs-xs)}.comment-item__action:hover{color:var(--color-text);background:var(--color-elevated)}.comment-item__action .icon{width:16px;height:16px}.comment-item__action.js-comment-vote.voted[data-type="like"]{color:var(--color-accent)}.comment-item__action.js-comment-vote.voted[data-type="dislike"]{color:var(--color-danger)}.comment-item__vote-count{font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--color-text-muted);min-width:16px;text-align:center}.comment-item__action.js-inline-reply{margin-left:var(--sp-2)}.comment-item__actions .comment-reply-link{display:inline-flex;align-items:center;font-size:var(--fs-xs);color:var(--color-text-subtle);text-decoration:none;padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-sm);margin-left:var(--sp-2);transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.comment-item__actions .comment-reply-link:hover{color:var(--color-text);background:var(--color-elevated)}.inline-reply{padding:var(--sp-3) 0 0}.inline-reply__textarea{width:100%;background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-sans);font-size:var(--fs-sm);padding:10px var(--sp-4);resize:vertical;min-height:70px}.inline-reply__textarea:focus{outline:none;border-color:var(--color-border)}.inline-reply__textarea::placeholder{color:var(--color-text-subtle)}.inline-reply__fields{display:flex;gap:var(--sp-2);margin-top:var(--sp-2)}.inline-reply__input{flex:1;background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-sans);font-size:var(--fs-sm);padding:var(--sp-2) var(--sp-3)}.inline-reply__input:focus{outline:none;border-color:var(--color-border)}.inline-reply__input::placeholder{color:var(--color-text-subtle)}.inline-reply__actions{display:flex;justify-content:flex-end;gap:var(--sp-2);margin-top:var(--sp-2)}.comment-item__more{position:relative;margin-left:auto}.comment-item__dropdown{display:none;position:absolute;top:100%;right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:var(--z-dropdown);min-width:140px;padding:var(--sp-1) 0}.comment-item__more.open .comment-item__dropdown{display:block}.comment-item__dropdown-item{display:flex;align-items:center;gap:var(--sp-2);width:100%;padding:var(--sp-2) var(--sp-3);background:none;border:none;color:var(--color-text-muted);font-size:var(--fs-sm);font-family:var(--font-sans);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);text-align:left}.comment-item__dropdown-item:hover{background:var(--color-elevated);color:var(--color-text)}.comment-item__dropdown-item .icon{width:14px;height:14px}.comment-item__dropdown-item.reported{color:var(--color-text-subtle);pointer-events:none}.report-modal{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--sp-4)}.report-modal__backdrop{position:absolute;inset:0;background:rgb(0 0 0 / .4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:backdropFadeIn 200ms ease-out}.report-modal__dialog{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:420px;max-height:80vh;overflow-y:auto;animation:modalPopIn 200ms ease-out}.report-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-4) var(--sp-3)}.report-modal__title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin:0}.report-modal__close{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--sp-1);border-radius:var(--radius-sm);display:flex}.report-modal__close:hover{color:var(--color-text);background:var(--color-elevated)}.report-modal__body{padding:0 var(--sp-4) var(--sp-4)}.report-modal__subtitle{font-size:var(--fs-base);font-weight:var(--fw-medium);margin:0 0 var(--sp-1)}.report-modal__hint{font-size:var(--fs-xs).gxu-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--gx-sp-2);padding:var(--gx-sp-2) var(--gx-sp-4);font-size:var(--gx-text-sm);font-weight:600;line-height:1.5;border:1px solid #fff0;border-radius:var(--gx-radius-md);cursor:pointer;transition:background var(--gx-transition),border-color var(--gx-transition),color var(--gx-transition);text-decoration:none;font-family:inherit}.gxu-btn--primary{background:var(--gx-accent);color:#fff;border-color:var(--gx-accent)}.gxu-btn--primary:hover{background:var(--gx-accent-hover);border-color:var(--gx-accent-hover)}.gxu-btn--secondary{background:var(--gx-bg-tertiary);color:var(--gx-text-primary);border-color:var(--gx-border)}.gxu-btn--secondary:hover{background:var(--gx-bg-card-hover);border-color:var(--gx-border-light)}.gxu-btn--danger{background:var(--gx-danger);color:#fff;border-color:var(--gx-danger)}.gxu-btn--danger:hover{opacity:.9}.gxu-btn--sm{padding:var(--gx-sp-1) var(--gx-sp-3);font-size:var(--gx-text-xs)}.gxu-btn--full{width:100%}.gxu-btn__spinner{display:inline-block;width:16px;height:16px;border:2px solid rgb(255 255 255 / .3);border-top-color:#fff;border-radius:50%;animation:gxu-spin 0.6s linear infinite}.gxu-btn__spinner[hidden]{display:none}@keyframes gxu-spin{to{transform:rotate(360deg)}}.gxu-form-group{display:flex;flex-direction:column;gap:var(--gx-sp-1)}.gxu-form-label{font-size:var(--gx-text-sm);font-weight:600;color:var(--gx-text-primary)}.gxu-form-input{padding:var(--gx-sp-3);background:var(--gx-bg-input);border:1px solid var(--gx-border);border-radius:var(--gx-radius-md);color:var(--gx-text-primary);font-size:1rem;font-family:inherit;transition:border-color var(--gx-transition),box-shadow var(--gx-transition);outline:none}.gxu-form-input:focus{border-color:var(--gx-accent);box-shadow:0 0 0 3px rgba(var(--gx-accent-rgb),.15)}.gxu-form-input.is-invalid{border-color:var(--gx-danger)}.gxu-form-textarea{resize:vertical;min-height:80px}.gxu-form-hint{font-size:var(--gx-text-xs);color:var(--gx-text-muted)}.gxu-radio-group{display:flex;gap:var(--gx-sp-4)}.gxu-radio{display:flex;align-items:center;gap:var(--gx-sp-2);font-size:var(--gx-text-sm);color:var(--gx-text-primary);cursor:pointer}.gxu-auth__error,.gxu-msg--error{padding:var(--gx-sp-3);background:rgb(225 112 85 / .1);border:1px solid rgb(225 112 85 / .3);border-radius:var(--gx-radius-md);color:var(--gx-danger);font-size:var(--gx-text-sm)}.gxu-auth__success,.gxu-msg--success{padding:var(--gx-sp-3);background:rgb(0 184 148 / .1);border:1px solid rgb(0 184 148 / .3);border-radius:var(--gx-radius-md);color:var(--gx-success);font-size:var(--gx-text-sm)}.gxu-heart{display:inline-flex;align-items:center;gap:var(--gx-sp-1);background:none;border:none;cursor:pointer;color:var(--gx-text-secondary);padding:var(--gx-sp-1);border-radius:var(--gx-radius-sm);transition:color var(--gx-transition),transform var(--gx-transition);font-family:inherit;font-size:var(--gx-text-sm)}.gxu-heart:hover{color:#ff4757}.gxu-heart.is-favorited{color:#ff4757}.gxu-heart.is-favorited .gxu-heart__icon{fill:#ff4757;stroke:#ff4757}.gxu-heart.is-animating{animation:gxu-heart-pop 0.35s ease}@keyframes gxu-heart-pop{0%{transform:scale(1)}30%{transform:scale(1.3)}60%{transform:scale(.9)}100%{transform:scale(1)}}.gxu-heart__icon{flex-shrink:0}.gxu-heart__count{font-variant-numeric:tabular-nums}.gxu-heart--card{position:absolute;top:var(--gx-sp-2);right:var(--gx-sp-2);z-index:2;background:rgb(0 0 0 / .6);backdrop-filter:blur(4px);border-radius:var(--gx-radius-full);padding:6px;color:rgb(255 255 255 / .8)}.gxu-heart--card:hover{background:rgb(0 0 0 / .8);color:#ff4757}.gxu-heart--toolbar{padding:var(--gx-sp-1) var(--gx-sp-3);background:var(--gx-bg-secondary);border:1px solid var(--gx-border);border-radius:var(--gx-radius-md);color:var(--gx-text-secondary);font-size:var(--gx-text-sm);font-weight:600;height:34px}.gxu-heart--toolbar:hover{border-color:var(--gx-border-light);color:#ff4757}.gxu-heart--toolbar[aria-label]::after{display:none}.gxu-heart--bar{padding:var(--gx-sp-2) var(--gx-sp-3);background:var(--gx-bg-tertiary);border-radius:var(--gx-radius-md);font-size:var(--gx-text-sm);font-weight:600}.gxu-heart--bar:hover{background:var(--gx-bg-card-hover)}.gxu-game-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--gx-sp-2);margin:var(--gx-sp-4) 0}.gxu-status-selector{display:flex;flex-wrap:wrap;gap:var(--gx-sp-1)}.gxu-status-btn{display:inline-flex;align-items:center;gap:var(--gx-sp-1);padding:var(--gx-sp-2) var(--gx-sp-3);background:var(--gx-bg-tertiary);border:1px solid var(--gx-border);border-radius:var(--gx-radius-md);color:var(--gx-text-secondary);font-size:var(--gx-text-sm);font-weight:500;font-family:inherit;cursor:pointer;transition:background var(--gx-transition),border-color var(--gx-transition),color var(--gx-transition);white-space:nowrap}.gxu-status-btn:hover{background:var(--gx-bg-card-hover);border-color:var(--gx-border-light);color:var(--gx-text-primary)}.gxu-status-btn.is-active{background:var(--gx-accent);border-color:var(--gx-accent);color:#fff}.gxu-status-btn.is-active:hover{background:var(--gx-accent-hover);border-color:var(--gx-accent-hover)}.gxu-status-btn.is-loading{opacity:.6;pointer-events:none}.gxu-status-btn__icon{font-size:.85em;line-height:1}.gxu-card-status{position:absolute;bottom:var(--gx-sp-2);left:var(--gx-sp-2);z-index:2;display:none;align-items:center;gap:3px;padding:2px 8px;background:var(--gx-accent);color:#fff;font-size:11px;font-weight:600;border-radius:var(--gx-radius-sm);line-height:1.6;pointer-events:none}.gxu-card-status:not(:empty){display:inline-flex}.gxu-card-status--playing{background:#3b82f6}.gxu-card-status--completed{background:#22c55e}.gxu-card-status--plan_to_play{background:#a855f7}.gxu-card-status--dropped{background:#ef4444}.gxu-card-status--on_hold{background:#f59e0b}.gxu-user-nav{position:relative}.gxu-user-nav__trigger{display:flex;align-items:center;background:none;border:none;cursor:pointer;padding:4px;border-radius:var(--gx-radius-full);transition:box-shadow var(--gx-transition)}.gxu-user-nav__trigger:hover,.gxu-user-nav__trigger[aria-expanded="true"]{box-shadow:0 0 0 2px var(--gx-accent)}.gxu-user-nav__avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.gxu-user-nav__dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--gx-bg-secondary);border:1px solid var(--gx-border);border-radius:var(--gx-radius-lg);box-shadow:var(--gx-shadow-lg);z-index:var(--gx-z-dropdown);overflow:hidden}.gxu-user-nav__dropdown[hidden]{display:none}.gxu-user-nav__header{padding:var(--gx-sp-3) var(--gx-sp-4);border-bottom:1px solid var(--gx-border)}.gxu-user-nav__header strong{display:block;color:var(--gx-text-primary);font-size:var(--gx-text-sm)}.gxu-user-nav__header span{display:block;color:var(--gx-text-muted);font-size:var(--gx-text-xs)}.gxu-user-nav__menu{padding:var(--gx-sp-2) 0}.gxu-user-nav__menu a{display:flex;align-items:center;gap:var(--gx-sp-2);padding:var(--gx-sp-2) var(--gx-sp-4);color:var(--gx-text-primary);text-decoration:none;font-size:var(--gx-text-sm);transition:background var(--gx-transition)}.gxu-user-nav__menu a:hover{background:var(--gx-bg-tertiary)}.gxu-user-nav__menu a svg{flex-shrink:0;color:var(--gx-text-muted)}.gxu-user-nav__divider{height:1px;background:var(--gx-border);margin:var(--gx-sp-2) 0}.gxu-login-btn{color:var(--gx-text-secondary)}.gxu-login-btn:hover{color:var(--gx-accent)}@media (max-width:767px){.gxu-user-nav,.gx-navbar__btn.gxu-login-btn{display:none}}.gxu-mobile-user{padding:var(--gx-sp-3) 0;border-bottom:1px solid var(--gx-border)}.gxu-mobile-user__header{display:flex;align-items:center;gap:var(--gx-sp-3);padding:var(--gx-sp-2) var(--gx-sp-3);margin-bottom:var(--gx-sp-1)}.gxu-mobile-user__avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--gx-border)}.gxu-mobile-user__header strong{display:block;color:var(--gx-text-primary);font-size:var(--gx-text-sm);font-weight:600}.gxu-mobile-user__header span{display:block;color:var(--gx-text-muted);font-size:var(--gx-text-xs)}.gxu-mobile-user__nav{display:flex;flex-direction:column}.gxu-mobile-user__footer{border-top:1px solid var(--g