:root{--bg: #f5f6f8;--surface: #ffffff;--ink: #0f1419;--muted: #6b7280;--line: #e5e7eb;--accent: #d11f2f;--accent-dark: #a31524;--radius: 14px;--shadow: 0 12px 32px rgba(15, 20, 25, .08)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.container{width:min(1200px,100% - 40px);margin:0 auto}.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:68px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--accent);color:#fff;font-weight:800;letter-spacing:.5px}.brand-text{display:flex;flex-direction:column;line-height:1.25}.brand-text strong{font-size:16px;letter-spacing:1.5px}.brand-text small{color:var(--muted);font-size:11px;letter-spacing:.5px}.site-nav a{color:var(--muted);font-size:14px;padding:8px 14px;border-radius:999px;transition:color .2s,background .2s}.site-nav a:hover,.site-nav a.router-link-active{color:var(--ink);background:#f1f2f4}.hero{background:#0f1419;color:#fff;padding:56px 0 48px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:42px 42px;pointer-events:none}.hero-inner{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-end;gap:32px}.eyebrow{margin:0 0 12px;font-size:12px;letter-spacing:2px;color:#ff8a95;text-transform:uppercase}.hero h1{margin:0 0 12px;font-size:clamp(28px,4vw,46px);line-height:1.15;letter-spacing:1px}.hero .sub{margin:0;max-width:520px;color:#ffffffa8;font-size:15px;line-height:1.7}.hero-stats{display:flex;gap:36px;flex-shrink:0}.hero-stats div{display:flex;flex-direction:column;gap:4px}.hero-stats strong{font-size:30px;font-weight:700}.hero-stats span{color:#ffffff8c;font-size:12px}.brands-section{background:#eef0f4;border-bottom:1px solid var(--line);padding:34px 0 18px}.brands-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}.brands-head h2{margin:0;font-size:26px;letter-spacing:.5px}.brands-hint{margin:0;max-width:340px;color:var(--muted);font-size:13px;line-height:1.6;text-align:right}.brands-strip{display:flex;align-items:center;gap:10px}.brands-viewport{flex:1;display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,minmax(104px,auto));grid-auto-columns:148px;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-behavior:smooth;padding:2px 2px 10px;scrollbar-width:none}.brands-viewport::-webkit-scrollbar{display:none}.brand-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:104px;padding:14px 8px 12px;background:#fff;border:1px solid #e3e6ea;border-radius:10px;color:var(--ink);cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s,background .2s}.brand-card:hover{border-color:#c9ced6;box-shadow:0 6px 16px #0f141914;transform:translateY(-2px)}.brand-card.active{border-color:var(--accent);background:#fff7f8;box-shadow:0 0 0 2px #d11f2f1f}.brand-card.empty{opacity:.5}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#f2f3f5;color:#4b5563;font-size:14px;font-weight:800;letter-spacing:.5px}.brand-mark img{max-width:100%;max-height:36px;object-fit:contain}.brand-mark.has-logo{width:100%;max-width:104px;height:40px;background:transparent;border-radius:0}.brand-mark-all{background:#0f1419;color:#fff;font-size:11px;letter-spacing:1px}.brand-card strong{font-size:12.5px;font-weight:600;line-height:1.2;text-align:center}.brand-card small{font-size:11px;color:var(--muted);line-height:1.2}.brand-count{position:absolute;top:6px;right:6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:rgba(209,31,47,.1);color:var(--accent);font-style:normal;font-size:10.5px;font-weight:700;display:grid;place-items:center}.brands-arrow{flex:0 0 34px;width:34px;height:34px;border-radius:50%;border:1px solid #d8dce2;background:#fff;color:#4b5563;font-size:18px;line-height:1;cursor:pointer;transition:color .2s,border-color .2s,opacity .2s}.brands-arrow:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.brands-arrow:disabled{opacity:.35;cursor:default}.brands-tip{margin:2px 0 0 44px;color:var(--muted);font-size:12px}.link-inline{border:0;background:none;color:var(--accent);font-size:inherit;cursor:pointer;padding:0 4px}@media (max-width: 720px){.brands-head{flex-direction:column;align-items:flex-start;gap:8px}.brands-hint{text-align:left}.brands-viewport{grid-auto-columns:126px;grid-template-rows:repeat(2,minmax(96px,auto))}.brands-tip{margin-left:0}}.page{padding:28px 0 64px}.toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;box-shadow:0 4px 14px #0f14190a}.tabs{display:flex;background:#f1f2f4;border-radius:10px;padding:4px}.tabs button{border:0;background:transparent;padding:8px 22px;border-radius:8px;color:var(--muted);cursor:pointer;font-size:14px;transition:background .2s,color .2s}.tabs button.active{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 2px 8px #0f141914}.filters{display:flex;flex-wrap:wrap;gap:10px;flex:1;justify-content:flex-end}.filters input,.filters select{height:40px;border:1px solid var(--line);border-radius:10px;padding:0 12px;background:#fafafa;color:var(--ink);outline:none;transition:border-color .2s,background .2s}.filters input{width:230px}.filters select{min-width:130px;cursor:pointer}.filters input:focus,.filters select:focus{border-color:var(--accent);background:#fff}.toolbar-adv{margin-top:12px;padding:12px 16px}.toolbar-adv .filters{justify-content:flex-start}.toolbar-adv .filters input{width:160px}.toolbar-adv .filters input[type=number]{width:140px}.btn{height:40px;padding:0 20px;border:0;border-radius:10px;background:var(--accent);color:#fff;font-weight:600;cursor:pointer;transition:background .2s}.btn:hover{background:var(--accent-dark)}.btn:disabled{opacity:.55;cursor:not-allowed}.result-meta{margin:22px 2px 14px;color:var(--muted);font-size:13px}.result-meta b{color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#d9dce1}.card-media{position:relative;aspect-ratio:4 / 3;background:#eceff2;overflow:hidden}.card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.card:hover .card-media img{transform:scale(1.04)}.media-empty{width:100%;height:100%;display:grid;place-items:center;color:#9aa1a9;font-size:13px;background:repeating-linear-gradient(135deg,#eef0f2,#eef0f2 10px,#e9ecef 10px,#e9ecef 20px)}.badge{position:absolute;top:12px;left:12px;padding:5px 10px;border-radius:999px;background:rgba(15,20,25,.82);color:#fff;font-size:12px;letter-spacing:.5px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.badge.hot{left:auto;right:12px;background:var(--accent)}.card-body{padding:16px 16px 18px;display:flex;flex-direction:column;gap:8px;flex:1}.card-title{margin:0;font-size:17px;line-height:1.35;letter-spacing:.2px}.card-title small{display:block;color:var(--muted);font-size:12px;font-weight:400;margin-bottom:4px}.card-specs{display:flex;flex-wrap:wrap;gap:6px 10px;color:var(--muted);font-size:12.5px}.card-specs span{position:relative}.card-specs span+span:before{content:"·";margin-right:8px;color:#c3c8ce}.card-foot{margin-top:auto;padding-top:10px;border-top:1px dashed var(--line);display:flex;align-items:center;justify-content:space-between}.price{font-size:22px;font-weight:750;color:var(--accent);letter-spacing:.2px}.condition{color:var(--muted);font-size:12px;max-width:45%;text-align:right}.skeleton{height:320px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);overflow:hidden;position:relative}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);animation:shimmer 1.3s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.empty,.error-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:56px 24px;text-align:center;color:var(--muted)}.error-box{border-color:#f1c4c9;background:#fff7f8;color:#8a1522}.load-more{display:flex;justify-content:center;margin-top:28px}.load-more button{height:46px;padding:0 34px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:14px;cursor:pointer;transition:border-color .2s,box-shadow .2s}.load-more button:hover{border-color:var(--accent);box-shadow:0 6px 18px #d11f2f1f}.detail{padding:30px 0 64px}.back{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;margin-bottom:18px;cursor:pointer}.back:hover{color:var(--ink)}.detail-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.85fr);gap:24px;align-items:start}.gallery-main{aspect-ratio:4 / 3;border-radius:var(--radius);overflow:hidden;background:#eceff2;border:1px solid var(--line)}.gallery-main img{width:100%;height:100%;object-fit:cover;display:block}.gallery-thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.gallery-thumbs button{width:92px;height:68px;padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;background:#eceff2;cursor:pointer;transition:border-color .2s}.gallery-thumbs button.active{border-color:var(--accent)}.gallery-thumbs img{width:100%;height:100%;object-fit:cover;display:block}.info-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;position:sticky;top:88px}.info-card .type{color:var(--muted);font-size:12px;letter-spacing:1px}.info-card h1{margin:8px 0 16px;font-size:24px;line-height:1.3}.info-price{font-size:34px;font-weight:800;color:var(--accent)}.info-guide{color:var(--muted);font-size:13px;text-decoration:line-through;margin-top:4px}.info-specs{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-top:20px}.info-specs div{background:#fff;padding:12px 14px}.info-specs dt{color:var(--muted);font-size:11px;margin:0 0 4px}.info-specs dd{margin:0;font-size:14px;font-weight:600}.info-desc{margin-top:22px}.info-desc h2{font-size:14px;margin:0 0 8px}.info-desc p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.8}.detail-empty{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:60px 24px;text-align:center;color:var(--muted);margin-top:24px}.site-footer{border-top:1px solid var(--line);background:#fff;padding:26px 0}.footer-inner{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:12px}@media (max-width: 900px){.hero{padding:42px 0 36px}.hero-inner{flex-direction:column;align-items:flex-start}.hero-stats{gap:28px}.detail-layout{grid-template-columns:1fr}.info-card{position:static}}@media (max-width: 640px){.container{width:calc(100% - 28px)}.toolbar{padding:12px}.tabs{width:100%}.tabs button{flex:1}.filters{width:100%;justify-content:stretch}.filters input{width:100%}.filters select,.filters .btn{flex:1}.grid{grid-template-columns:1fr}.hero-stats strong{font-size:24px}.footer-inner{flex-direction:column}}.btn-ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn-ghost:hover{background:#f3f4f6}.btn-outline{background:transparent;color:var(--ink);border:1.5px solid #d3d7dd}.btn-outline:hover{border-color:var(--ink);background:#fff}.btn-block{width:100%}.admin-page{padding:32px 0 64px}.admin-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}.admin-head h1{margin:0 0 4px;font-size:28px}.admin-sub{margin:0;color:var(--muted);font-size:13px}.admin-head-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.admin-head-actions .btn{height:38px;padding:0 18px;border-radius:999px;font-size:13.5px;box-shadow:0 2px 8px #0f14190f}.admin-head-actions .btn:hover{box-shadow:0 6px 16px #d11f2f29}.admin-head-actions .btn-ghost:hover,.admin-head-actions .btn-outline:hover{box-shadow:0 4px 12px #0f141914}.eyebrow.dark{color:var(--accent);margin-bottom:6px}.summary-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.summary-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;display:flex;align-items:baseline;justify-content:space-between}.summary-card span{color:var(--muted);font-size:12.5px}.summary-card strong{font-size:26px}.summary-card .ok{color:#12805c}.summary-card .hot{color:var(--accent)}.summary-card .muted{color:#8b919a}.admin-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;margin-bottom:16px}.admin-toolbar input,.admin-toolbar select{height:40px;border:1px solid var(--line);border-radius:10px;padding:0 12px;background:#fafafa;color:var(--ink);outline:none}.admin-toolbar input{flex:1;min-width:200px}.admin-toolbar select{min-width:120px;cursor:pointer}.admin-toolbar input:focus,.admin-toolbar select:focus{border-color:var(--accent);background:#fff}.admin-error,.notice-box{margin:0 0 14px;padding:12px 16px;border-radius:10px;font-size:13px}.admin-error{background:#fff7f8;border:1px solid #f1c4c9;color:#8a1522;text-align:left;padding:12px 16px}.notice-box{background:#f0f9f5;border:1px solid #bfe6d6;color:#12805c}.table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;min-width:960px}.admin-table th,.admin-table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line);font-size:13px;vertical-align:middle}.admin-table th{background:#fafbfc;color:var(--muted);font-weight:600;white-space:nowrap}.admin-table tbody tr:last-child td{border-bottom:0}.admin-table tbody tr:hover{background:#fcfcfd}.table-empty{text-align:center;color:var(--muted);padding:40px 0}.thumb{width:56px;height:42px;border-radius:8px;overflow:hidden;background:#eef0f2;display:grid;place-items:center;color:#9aa1a9;font-size:11px}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.cell-title{font-weight:600;font-size:13.5px;line-height:1.4}.cell-sub{color:var(--muted);font-size:12px;margin-top:2px}.cell-price{color:var(--accent);font-weight:700}.status-tag{display:inline-block;padding:3px 9px;border-radius:999px;font-size:12px;background:#eef0f2;color:#5f6670}.status-tag.ok{background:#e8f7f0;color:#12805c}.status-tag.warn{background:#fff4e5;color:#9a5b00}.status-tag.muted{background:#f1f2f4;color:#6b7280}.row-actions{display:flex;flex-wrap:wrap;gap:12px}.link{border:0;background:transparent;padding:0;color:#1a56db;font-size:13px;cursor:pointer}.link:hover{text-decoration:underline}.link.danger{color:var(--accent)}.link:disabled{color:#b6bbc2;cursor:not-allowed;text-decoration:none}.pager{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;color:var(--muted);font-size:12.5px}.pager div{display:flex;gap:10px}.admin-login{display:grid;place-items:center;min-height:62vh}.login-card{width:min(420px,100%);background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:30px 28px}.login-head{display:flex;align-items:center;gap:14px;margin-bottom:22px}.login-head h1{margin:0;font-size:22px}.login-head p{margin:4px 0 0;color:var(--muted);font-size:12.5px}.login-hint{margin:18px 0 0;color:#8b919a;font-size:12px;line-height:1.6}.form-error{margin:0 0 14px;color:#8a1522;font-size:13px}.admin-form{display:flex;flex-direction:column;gap:18px}.form-section{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.form-section h2{margin:0 0 16px;font-size:15px}.section-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:16px}.section-head h2{margin:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}.field{display:flex;flex-direction:column;gap:6px}.field>span{color:var(--muted);font-size:12.5px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fafafa;color:var(--ink);outline:none;transition:border-color .2s,background .2s}.field textarea{resize:vertical;min-height:96px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);background:#fff}.field-wide{grid-column:1 / -1}.field.invalid input,.field.invalid select,.field.invalid textarea{border-color:#d0342c;background:#fff7f8}.field>.field-error{color:#c4271f;font-size:12px}.checkbox-field>span{display:block}.checkbox{display:inline-flex;align-items:center;gap:8px;font-size:13px}.checkbox input{width:auto}.upload-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.upload-row input[type=file]{font-size:13px}.brand-logo-editor{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.brand-logo-preview{width:120px;height:76px;display:grid;place-items:center;border:1px dashed var(--line);border-radius:12px;background:#fafafa;color:#9aa1a9;font-size:12px;overflow:hidden}.brand-logo-preview img{max-width:92%;max-height:58px;object-fit:contain;display:block}.brand-logo-actions{display:flex;flex-direction:column;gap:8px;font-size:13px}.brand-logo-actions input[type=file]{font-size:13px}.thumb-grid{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.thumb-item{position:relative;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#eef0f2}.thumb-item img{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block}.thumb-cover{position:absolute;top:8px;left:8px;padding:3px 8px;border-radius:999px;background:rgba(15,20,25,.82);color:#fff;font-size:11px}.thumb-actions{display:flex;gap:12px;padding:6px 10px 8px;background:#fff}.video-grid{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.video-item{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#0f1419}.video-item video{width:100%;aspect-ratio:16 / 9;display:block;background:#0f1419}.detail-videos{margin-top:22px}.detail-videos h2{margin:0 0 4px;font-size:17px}.form-actions{display:flex;gap:12px}.admin-nav{display:flex;gap:8px;margin-bottom:18px;border-bottom:1px solid var(--line)}.admin-nav a{padding:10px 14px;color:var(--muted);font-size:13.5px;text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px}.admin-nav a:hover{color:var(--ink)}.admin-nav a.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.field-hint{color:#8b919a;font-size:12px;line-height:1.5}.field select:disabled,.field input:disabled{background:#f3f4f6;color:#8b919a;cursor:not-allowed}.perm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.perm-item{position:relative;display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:#fff;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s}.perm-item:hover{border-color:#cdd2d9;box-shadow:0 4px 12px #0f14190f}.perm-item input{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-shrink:0;width:18px;height:18px;margin:1px 0 0;border:1.5px solid #c3c8ce;border-radius:5px;background:#fff;cursor:pointer;transition:border-color .2s,background .2s}.perm-item input:checked{border-color:var(--accent);background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='M6.5 12.2 2.8 8.5l1.2-1.2 2.5 2.5 5.5-5.5 1.2 1.2z'/%3E%3C/svg%3E") center / 13px 13px no-repeat}.perm-item:has(input:checked){border-color:#d11f2f73;background:#fff7f8}.perm-item span{display:flex;flex-direction:column;gap:3px}.perm-item strong{font-size:13px}.perm-item small{color:var(--muted);font-size:12px;line-height:1.5}.perm-tags{display:flex;flex-wrap:wrap;gap:6px}@media (max-width: 900px){.summary-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.admin-head h1{font-size:22px}.admin-head-actions{width:100%}.admin-toolbar input{width:100%;flex:1 1 100%}.admin-toolbar select{flex:1}.form-grid,.perm-grid{grid-template-columns:1fr}.form-actions .btn{flex:1}.pager{flex-direction:column;align-items:stretch}}.site-nav{display:flex;align-items:center;gap:4px}.account{position:relative;margin-left:6px}.account-trigger{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px 0 4px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);cursor:pointer;transition:border-color .2s,box-shadow .2s}.account-trigger:hover{border-color:#d3d8e0;box-shadow:0 4px 12px #0f14190f}.account-name{max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.account-caret{color:var(--muted);font-size:11px}.user-avatar{display:inline-grid;place-items:center;flex:0 0 auto;border-radius:50%;overflow:hidden;background:#e9ecf1;color:#4b5563;font-weight:700;line-height:1;-webkit-user-select:none;user-select:none}.user-avatar img{width:100%;height:100%;object-fit:cover;display:block}.account-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:184px;padding:6px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 36px #0f141924;z-index:60}.account-menu-head{display:flex;flex-direction:column;gap:2px;padding:8px 10px 10px;margin-bottom:6px;border-bottom:1px solid var(--line)}.account-menu-head strong{font-size:13.5px}.account-menu-head small{color:var(--muted);font-size:12px}.account-item{display:block;width:100%;padding:9px 10px;border:0;border-radius:8px;background:none;color:var(--ink);font-size:13.5px;text-align:left;cursor:pointer}.account-item:hover{background:#f4f5f7}.account-item.danger{color:var(--accent)}.account-item.danger:hover{background:#fff3f4}.avatar-editor{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.avatar-actions{display:flex;flex-direction:column;gap:8px}.avatar-buttons{display:flex;gap:10px;flex-wrap:wrap}.avatar-upload{display:inline-flex;align-items:center;justify-content:center}@media (max-width: 720px){.account-name{display:none}.account-trigger{padding:0 10px 0 4px}}