@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/_next/static/media/inter-cyrillic-ext-400-normal.f572b170.woff2) format("woff2"),url(/_next/static/media/inter-cyrillic-ext-400-normal.2a31c04b.woff) format("woff");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/_next/static/media/inter-cyrillic-400-normal.372704ff.woff2) format("woff2"),url(/_next/static/media/inter-cyrillic-400-normal.a6b6ef6f.woff) format("woff");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/_next/static/media/inter-greek-ext-400-normal.4ce1df5d.woff2) format("woff2"),url(/_next/static/media/inter-greek-ext-400-normal.88ede1ea.woff) format("woff");unicode-range:u+1f??}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/_next/static/media/inter-greek-400-normal.d7020e3c.woff2) format("woff2"),url(/_next/static/media/inter-greek-400-normal.cc58c11b.woff) format("woff");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/_next/static/media/inter-vietnamese-400-normal.de4fc44f.woff2) format("woff2"),url(/_next/static/media/inter-vietnamese-400-normal.a9dd2faf.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/_next/static/media/inter-latin-ext-400-normal.32a25442.woff2) format("woff2"),url(/_next/static/media/inter-latin-ext-400-normal.4edcaace.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/_next/static/media/inter-latin-400-normal.ef6d3f52.woff2) format("woff2"),url(/_next/static/media/inter-latin-400-normal.2c7a775c.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(/_next/static/media/inter-cyrillic-ext-500-normal.fe0d9b14.woff2) format("woff2"),url(/_next/static/media/inter-cyrillic-ext-500-normal.5a6bb1da.woff) format("woff");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(/_next/static/media/inter-cyrillic-500-normal.7c15bba8.woff2) format("woff2"),url(/_next/static/media/inter-cyrillic-500-normal.b9f8c929.woff) format("woff");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(/_next/static/media/inter-greek-ext-500-normal.cbd51e2d.woff2) format("woff2"),url(/_next/static/media/inter-greek-ext-500-normal.7a4aa726.woff) format("woff");unicode-range:u+1f??}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(/_next/static/media/inter-greek-500-normal.f41f43db.woff2) format("woff2"),url(/_next/static/media/inter-greek-500-normal.d9a33207.woff) format("woff");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(/_next/static/media/inter-vietnamese-500-normal.7c0a695f.woff2) format("woff2"),url(/_next/static/media/inter-vietnamese-500-normal.a3a73b95.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(/_next/static/media/inter-latin-ext-500-normal.d9b491de.woff2) format("woff2"),url(/_next/static/media/inter-latin-ext-500-normal.a19a84a6.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(/_next/static/media/inter-latin-500-normal.b7b43ace.woff2) format("woff2"),url(/_next/static/media/inter-latin-500-normal.cb4c8ceb.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(/_next/static/media/inter-cyrillic-ext-700-normal.74b516d2.woff2) format("woff2"),url(/_next/static/media/inter-cyrillic-ext-700-normal.4b4022a6.woff) format("woff");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(/_next/static/media/inter-cyrillic-700-normal.e9e5b2dc.woff2) format("woff2"),url(/_next/static/media/inter-cyrillic-700-normal.93eba3c3.woff) format("woff");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(/_next/static/media/inter-greek-ext-700-normal.827cd618.woff2) format("woff2"),url(/_next/static/media/inter-greek-ext-700-normal.31f1075d.woff) format("woff");unicode-range:u+1f??}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(/_next/static/media/inter-greek-700-normal.97f0eeeb.woff2) format("woff2"),url(/_next/static/media/inter-greek-700-normal.5ec6c758.woff) format("woff");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(/_next/static/media/inter-vietnamese-700-normal.faf12809.woff2) format("woff2"),url(/_next/static/media/inter-vietnamese-700-normal.bc68b199.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(/_next/static/media/inter-latin-ext-700-normal.b63daa1a.woff2) format("woff2"),url(/_next/static/media/inter-latin-ext-700-normal.93534b50.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(/_next/static/media/inter-latin-700-normal.953b7aa5.woff2) format("woff2"),url(/_next/static/media/inter-latin-700-normal.9c21d4dc.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Oswald;font-style:normal;font-weight:700;src:url(/_next/static/media/oswald-cyrillic-ext-700-normal.644f3352.woff2) format("woff2"),url(/_next/static/media/oswald-cyrillic-ext-700-normal.a356ed2e.woff) format("woff");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Oswald;font-style:normal;font-weight:700;src:url(/_next/static/media/oswald-cyrillic-700-normal.dcafaea9.woff2) format("woff2"),url(/_next/static/media/oswald-cyrillic-700-normal.aaf6ca08.woff) format("woff");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Oswald;font-style:normal;font-weight:700;src:url(/_next/static/media/oswald-vietnamese-700-normal.ea6e06fa.woff2) format("woff2"),url(/_next/static/media/oswald-vietnamese-700-normal.30604361.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Oswald;font-style:normal;font-weight:700;src:url(/_next/static/media/oswald-latin-ext-700-normal.b4a34ffc.woff2) format("woff2"),url(/_next/static/media/oswald-latin-ext-700-normal.41d87c54.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Oswald;font-style:normal;font-weight:700;src:url(/_next/static/media/oswald-latin-700-normal.6003289b.woff2) format("woff2"),url(/_next/static/media/oswald-latin-700-normal.92a4adae.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}:root{--bg:#fff;--panel:#fff;--text:#1f2937;--muted:#6b7280;--border:#e5e7eb;--primary:#fc0;--accent:#111827;--danger:#ff4d4f;--mobile-scale:0.88;--color-white:#fff;--color-black:#000;--spacing:0.25rem;--text-sm:0.875rem;--text-sm--line-height:1.42857;--default-transition-duration:0.15s;--default-transition-timing-function:cubic-bezier(0.4,0,0.2,1);--overlay-bg:rgba(0,0,0,.5);--btn-primary-bg:#16a34a;--btn-primary-bg-disabled:#93c5fd;--btn-primary-text:#fff;--btn-secondary-bg:#e5e7eb;--btn-secondary-text:#111827;--btn-dark-bg:#1f2937;--btn-dark-text:#fff;--btn-radius:8px;--btn-padding-y:8px;--btn-padding-x:12px;--btn-font-size:14px}*{box-sizing:border-box}body,html{height:100%}body{background:var(--bg);color:var(--text);font-family:Noto Sans SC,Microsoft YaHei,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Source Han Sans SC,sans-serif;margin:0}.layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.online-indicator{background:transparent;color:var(--muted);font-size:13px;padding:0;pointer-events:none;position:fixed;right:12px;top:12px;z-index:999}.sidebar{background:var(--panel);border-right:1px solid var(--border);padding:20px 12px}.sidebar-toggle{display:none}.brand{align-items:center;font-size:18px;font-weight:700;gap:10px;margin-bottom:16px}.brand,.menu{display:flex}.menu{flex-direction:column;gap:8px}.menu-item{align-items:center;border-radius:10px;color:var(--text);display:flex;gap:10px;padding:10px 12px;text-decoration:none}.menu-item.active{background:#fff6d5}.menu-item:hover{background:#f2f3f6}.menu-icon{align-items:center;color:var(--muted);display:inline-flex;height:20px;justify-content:center;width:20px}.content{height:50%;padding:10px 26px;width:100%}.page-fade{animation:pageFadeIn .22s ease both}@keyframes pageFadeIn{0%{opacity:0;transform:translate3d(0,2px,0)}to{opacity:1;transform:none}}.page-title{font-size:28px;font-weight:800;margin-bottom:20px}.section-header{align-items:center;background:#2d2d2d;border-radius:8px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.06);color:#fff;display:inline-flex;margin-bottom:14px;padding:8px 16px}.feature-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.feature-card{align-items:center;background:#fbf7e9;border:1px solid #e9e3cc;border-radius:12px;color:var(--text);display:flex;flex-direction:column;gap:8px;justify-content:center;outline:none;padding:16px;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.feature-card:hover{box-shadow:0 6px 18px rgba(0,0,0,.08);transform:translateY(-2px)}.feature-card:active{box-shadow:0 2px 8px rgba(0,0,0,.08);transform:translateY(0)}.feature-card:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px rgba(255,204,0,.35)}.feature-icon{height:48px;object-fit:contain;width:48px}.feature-icon--placeholder{align-items:center;color:var(--muted);display:inline-flex;height:32px;justify-content:center;width:32px}.feature-label{font-size:14px;font-weight:700}.feature-empty{color:var(--muted);font-size:14px;padding:8px 0}@media (max-width:480px){.feature-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.info-panels{align-items:start;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:12px}.info-panels>.panel-card:first-child{grid-column:1/-1}.panel-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.04);overflow:hidden}.panel-card__header{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-weight:600;padding:10px 12px}.panel-card__body{padding:12px}.panel-center{align-items:center;display:flex;justify-content:center;margin:8px 0}.panel-emblem{height:72px;image-rendering:auto;object-fit:contain;width:72px}.panel-emblem--empty{align-items:center;background:#fafafa;border:1px dashed #d1d5db;border-radius:8px;color:#9ca3af;display:flex;height:72px;justify-content:center;width:72px}.panel-list{list-style:none;margin:0;padding:0}.panel-item{align-items:center;border-top:1px dashed #e5e7eb;display:flex;justify-content:space-between;padding:6px 0}.panel-item:first-child{border-top:none}.panel-item .label{color:#6b7280;font-size:12px}.gear-layout{display:grid;gap:16px;grid-template-columns:380px 1fr}.gear-dropzone{background:#fafafa;border:1px dashed var(--border);border-radius:12px;color:var(--muted);padding:18px;position:relative;text-align:center}.gear-dropzone.is-hover{border-color:var(--primary);box-shadow:0 0 0 3px rgba(255,204,0,.35)}.gear-file-input{cursor:pointer;inset:0;opacity:0;position:absolute}.gear-preview{background:#fff;border:1px solid var(--border);border-radius:12px;margin-top:12px;overflow:hidden}.gear-preview-img{display:block;height:auto;width:100%}.cn-panel__icon{align-items:center;display:flex;justify-content:center;margin:10px 0 6px}.cn-panel__list{list-style:none;margin:0;padding:0}.cn-panel__row{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:8px 0}.cn-panel__row:first-child{border-top:none}.cn-panel__row--center{color:#374151;font-weight:600;justify-content:center}.cn-panel__label{color:#6b7280;font-size:13px}.cn-panel__value,.panel-item .value{color:#111827;font-weight:600}.bar-chart{display:block;height:auto;margin-left:10px;margin-top:10px;max-width:100%}.chart-empty{background:#fafafa;border:1px dashed #e5e7eb;border-radius:8px;color:#9ca3af;padding:16px;text-align:center}@media (max-width:860px){.info-panels{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.feature-card{transition:none}}.demo-gallery{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-top:12px}.demo-card{background:#fbf7e9;border:1px solid #e9e3cc;border-radius:12px;display:flex;flex-direction:column;gap:10px;padding:12px}.demo-image{background:linear-gradient(135deg,#fff,#f3efe0);border-radius:8px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);height:120px}.demo-title{font-size:14px;font-weight:700}.demo-actions{display:flex;gap:8px}@media (max-width:480px){.demo-image{height:96px}}.guide-section{background:var(--panel);border:1px solid var(--border);border-radius:12px;margin:24px auto;max-width:1024px;padding:12px}.guide-title{font-size:18px;font-weight:700;margin-bottom:12px}.guide-image{border-radius:8px;display:block;height:auto;width:100%}.guide-empty{color:var(--muted);font-size:14px}.toolbar{align-items:center;display:flex;gap:12px;margin-bottom:20px}.btn,.input,.select{background:var(--panel);border:1px solid var(--border);border-radius:10px;font-size:14px;height:36px;padding:0 12px}.input{flex:1}.input-sm{flex:0;font-size:13px;height:32px;padding:0 8px;width:140px}.btn,.select{align-items:center;display:inline-flex;gap:8px}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-ghost{background:var(--panel);border-color:var(--border);color:var(--text)}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,240px);justify-content:start}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;min-height:314px;padding:16px 16px 8px;position:relative;text-align:center;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease;width:240px}.card:hover{box-shadow:0 6px 20px rgba(0,0,0,.06);transform:translateY(-2px)}.card.selected{border-color:var(--primary);box-shadow:0 0 0 4px rgba(255,204,0,.25)}.card-top{align-items:center;display:flex;justify-content:center;margin-bottom:16px;min-height:136px;position:relative}.card-avatar,.card-top{background:var(--color-white)}.card-avatar{border:none;border-radius:8px;height:120px;margin-top:20px;object-fit:contain;width:120px}.card-name{font-size:16px;font-weight:700;line-height:1.6;margin-top:8px}.card-sub{color:var(--muted);font-size:14px;line-height:1.6;margin-top:4px;text-align:center}.card-level{display:block;line-height:1.4;margin-top:2px}.auto-shrink{display:block;height:22px;overflow:hidden;text-align:center;text-overflow:clip;transform-origin:center center;transition:font-size .16s ease,transform .16s ease;white-space:nowrap;width:100%}.img-modal{align-items:flex-start;display:flex;inset:0;justify-content:center;overscroll-behavior:contain;padding-top:12px;position:fixed;touch-action:none;z-index:1000}.img-modal__backdrop{animation:modalFadeIn .16s ease;backdrop-filter:blur(2px);background:rgba(0,0,0,.6);inset:0;position:absolute}.img-modal__image{animation:modalZoomIn .16s ease;border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.35),0 2px 8px rgba(0,0,0,.25);display:block;height:auto;position:relative;transform-origin:top center;width:auto;will-change:transform}.img-modal__viewport{align-items:flex-start;cursor:var(--modal-cursor,auto);display:flex;justify-content:center;overflow:hidden}.img-modal__viewport.is-dragging{cursor:grabbing}.img-modal__close{background:hsla(0,0%,100%,.9);border:none;border-radius:999px;box-shadow:0 2px 8px rgba(0,0,0,.2);color:#111;cursor:pointer;font-size:20px;height:32px;line-height:32px;position:absolute;right:12px;top:12px;transition:background .16s ease,transform .16s ease;width:32px}.img-modal__close:hover{background:#fff}.img-modal__close:active{transform:scale(.96)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalZoomIn{0%{opacity:.8;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.card-actions{border-top:1px solid #e9e9e9;display:flex;gap:12px;margin-top:12px;padding:12px 16px 0}.card-actions,.mini-btn{align-items:center;justify-content:center}.mini-btn{background:#f5f5f5;border:1px solid #e6e6e6;border-radius:10px;box-shadow:0 1px 2px rgba(0,0,0,.06);color:#333;display:inline-flex;font-size:26px;gap:6px;height:32px;line-height:26px;min-width:96px;padding:0 12px;transition:background .2s ease,box-shadow .2s ease,transform .06s ease}.mini-btn:hover{background:#efefef;box-shadow:0 2px 6px rgba(0,0,0,.08)}.mini-btn:active{background:#eaeaea;transform:scale(.98)}.mini-btn[disabled]{box-shadow:none;color:#8a8a8a;cursor:not-allowed;opacity:1}.mini-btn[disabled],.nav-btn{background:#f5f5f5;border-color:#e6e6e6}.nav-btn{align-items:center;color:#333;display:inline-flex;gap:6px;justify-content:center}.nav-btn:hover{background:#efefef}.nav-btn:active{background:#eaeaea}.nav-btn[disabled]{background:#f5f5f5;color:#8a8a8a}.delete-btn{appearance:none;background:var(--bg);border:none;border-radius:9999px;color:var(--text);outline:none;padding:0;position:absolute;right:0;top:0;transition:background var(--default-transition-duration) var(--default-transition-timing-function)}.btn .icon,.mini-btn .icon,.nav-btn .icon,.select .icon{display:inline-block;line-height:0;vertical-align:middle}.delete-btn:hover{background:var(--bg)}.star-btn{align-items:center;background:transparent;border:none;color:#9ca3af;cursor:pointer;display:inline-flex;height:14px;justify-content:center;margin-left:6px;transition:color .3s ease,transform .3s ease;vertical-align:middle;width:14px}.star-btn:hover{color:#6b7280}.star-btn.active{color:#f2cb51}.card-delete{align-items:center;background:var(--color-white);border:1px solid var(--danger);border-radius:8px;color:var(--danger);display:inline-flex;height:24px;justify-content:center;opacity:.9;position:absolute;right:12px;top:12px;transition:opacity .15s ease;width:24px}.card-delete:hover{opacity:.7}.empty{align-items:center;border:2px dashed var(--border);border-radius:18px;color:var(--muted);display:flex;height:200px;justify-content:center}.log{background:#111827;border:1px solid #1f2937;border-radius:12px;color:#e5e7eb;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;line-height:1.5;max-height:280px;overflow:auto;padding:12px 14px;white-space:pre-wrap}@media (max-width:1200px){.grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.layout{grid-template-columns:1fr}.sidebar{background:var(--panel);box-shadow:0 10px 30px rgba(0,0,0,.2);height:100vh;left:0;max-width:340px;position:fixed;top:0;transform:translateX(-100%);transition:transform .22s ease;width:82vw;z-index:100}.sidebar.open{transform:translateX(0)}.sidebar-toggle{align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.08);color:var(--text);display:inline-flex;height:36px;left:12px;padding:0 12px;position:fixed;top:10px;z-index:110}.grid{grid-template-columns:repeat(2,1fr)}}.maple-grid{background:transparent}.maple-grid .card{border-color:#4b5563;color:#e5e7eb}.maple-grid .card,.maple-grid .card-avatar,.maple-grid .card-top{background:#1f2937}.maple-grid .card-name{color:#f9fafb}.maple-grid .card-sub{color:#cbd5e1}.guide-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:8px 16px 18px}.guide-tab{background:var(--panel);border:1px solid var(--border);border-radius:10px;color:var(--text);cursor:pointer;font-size:14px;padding:8px 14px;transition:background var(--default-transition-duration) var(--default-transition-timing-function),box-shadow var(--default-transition-duration) var(--default-transition-timing-function),transform var(--default-transition-duration) var(--default-transition-timing-function)}.guide-tab:hover{background:#f2f3f6}.guide-tab.is-active{background:#fff6d5;border-color:#e5d39a;box-shadow:0 1px 2px rgba(0,0,0,.06);font-weight:600}.guide-grid{margin:32px auto;max-width:100%;padding:0 16px}.guide-grid-inner{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.guide-grid-item{background:linear-gradient(180deg,#fff,#fafafa);border:1px solid rgba(0,0,0,.06);border-radius:14px;box-shadow:0 1px 2px rgba(0,0,0,.06);overflow:hidden;position:relative;transition:box-shadow .18s ease,transform .16s ease,border-color .18s ease}.guide-grid-item:hover{border-color:rgba(0,0,0,.08);box-shadow:0 6px 20px rgba(0,0,0,.12);transform:translateY(-2px)}.guide-grid-item:active{transform:translateY(0) scale(.99)}.guide-grid-item:before{background:radial-gradient(circle at var(--ripple-x,50%) var(--ripple-y,50%),rgba(0,0,0,.08),transparent 40%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .22s ease}.guide-grid-item:active:before{opacity:1}.guide-grid-img{aspect-ratio:4/3;display:block;height:auto;object-fit:cover;width:100%}.guide-grid-caption{background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.04));border-top:1px solid rgba(0,0,0,.06);color:#000;font-size:16px;overflow:hidden;padding:10px 12px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.guide-grid-caption:after{background:rgba(0,0,0,.08);border-radius:9999px;content:"";display:inline-block;height:6px;margin-left:8px;width:6px}.guide-grid-item:focus-visible{box-shadow:0 0 0 3px rgba(255,204,0,.35),0 6px 20px rgba(0,0,0,.12);outline:none}@media (max-width:768px){.guide-grid-inner{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-grid-caption{padding:8px 10px}}@media (max-width:480px){.content{padding:12px 10px}.toolbar{flex-wrap:wrap;gap:8px}.btn,.input,.select{font-size:12px;height:30px;padding:0 8px}.grid{grid-template-columns:repeat(2,minmax(170px,1fr))}.card{border-radius:10px;max-width:100%;min-width:0;padding:12px;width:auto}.card-top{margin-bottom:12px;min-height:100px}.mini-btn{font-size:12px;height:28px;min-width:72px;padding:0 8px}}@media (max-width:360px){.grid{grid-template-columns:1fr}}.char-modal{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.char-modal,.char-modal__overlay{inset:0;position:fixed;z-index:1000}.char-modal__overlay{animation:charModalFadeIn .16s ease forwards;backdrop-filter:blur(2px);background:rgba(90,90,90,.5);opacity:0}.char-modal__dialog{animation:charModalPopIn .18s ease forwards;background:hsla(0,0%,50%,.76);border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.1);height:650px;left:50%;max-height:90vh;max-width:96vw;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%) scale(.98);width:780px;z-index:1001}.char-modal__content{display:grid;grid-template-columns:1fr;height:100%}.char-modal__left{border-right:1px solid #f0f0f0;padding:16px}.char-modal__expbar{background:transparent;padding:8px 16px;position:static}.char-modal__title{color:#3498db;font-size:18px;font-weight:600;margin-bottom:12px}.char-modal__empty,.char-modal__error,.char-modal__loading{color:#666;font-size:14px}.char-modal__base{align-items:flex-start;display:flex;gap:12px}.char-modal__avatar{border:1px solid #eaeaea;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);max-width:180px;width:100%}.char-modal__info{display:grid;gap:8px}.char-modal__table{border:1px solid #f0f0f0;border-radius:8px;overflow:auto}.mini-btn{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;font-size:12px;padding:4px 12px;transition:all .2s}.mini-btn:hover{background:#f3f4f6;border-color:#9ca3af}.mini-btn:disabled{cursor:not-allowed;opacity:.5}.mini-input{border:1px solid #d1d5db;border-radius:4px;font-size:12px;outline:none;padding:4px 8px}.mini-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.1)}.char-modal__row{border-bottom:1px solid #f7f7f7;display:grid;grid-template-columns:40% 60%;height:32px;line-height:32px;transition:background .16s ease}.char-modal__row:hover{background:rgba(52,152,219,.06)}.char-modal__cell{font-size:13px;overflow:hidden;padding:0 10px;text-overflow:ellipsis;white-space:nowrap}.char-modal__cell--key{color:#555}.char-modal__cell--val{color:#222}@keyframes charModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes charModalPopIn{0%{transform:translate(-50%,-50%) scale(.98)}to{transform:translate(-50%,-50%) scale(1)}}.glow-border{background:linear-gradient(180deg,#fff,#fafafa),radial-gradient(120px 80px at 10% 10%,rgba(52,152,219,.06),transparent 60%);background-blend-mode:normal,multiply;border:1px solid rgba(52,152,219,.5);border-radius:12px;box-shadow:0 0 0 2px rgba(52,152,219,.2),0 8px 18px rgba(0,0,0,.12)}.char-card{display:grid;grid-template-rows:auto 1fr;padding:12px}.char-card__header{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:8px}.char-card__name{color:#1f2937;font-size:18px;font-weight:800}.char-card__class{color:#3498db;font-size:13px}.char-card__body{display:grid;gap:12px;grid-template-columns:160px 1fr}.char-card__avatar{background:#0b1020;border:1px solid #eaeaea;border-radius:10px;height:160px;object-fit:contain;width:160px}.char-card__meta{display:grid;gap:8px;grid-template-columns:repeat(1,minmax(0,1fr))}.char-meta__item{align-items:center;background:#fff;border:1px solid #f0f0f0;border-radius:8px;display:flex;justify-content:space-between;padding:8px 10px}.char-meta__item .label{color:#6b7280;font-size:12px}.char-meta__item .value{color:#111827;font-weight:700}.stat-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:12px}.stat-card{background:linear-gradient(180deg,#fff,#fafafa);border:1px solid rgba(0,0,0,.06);border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.06);padding:10px;transition:transform .14s ease,box-shadow .16s ease}.stat-card:hover{box-shadow:0 6px 18px rgba(0,0,0,.12);transform:translateY(-1px)}.stat-card__title{color:#6b7280;font-size:12px;margin-bottom:6px}.stat-card__value{color:#1f2937;font-size:18px;font-weight:800}.radial-progress{--size:92px;--track:#e5e7eb;--fill:#3498db;background:conic-gradient(var(--fill) calc(var(--p, 0)*1%),var(--track) 0);border-radius:999px;display:grid;height:var(--size);place-items:center;width:var(--size)}.radial-progress__text{color:#111827;font-size:14px;font-weight:700;text-shadow:0 1px 0 hsla(0,0%,100%,.8)}.section-title{color:#374151;font-size:14px;font-weight:700;margin:8px 0}@media (max-width:860px){.char-modal__dialog{height:88vh;width:96vw}.char-modal__content{grid-auto-rows:auto;grid-template-columns:1fr}.char-modal__left{border-bottom:1px solid #f0f0f0;border-right:none}.char-modal__expbar{padding:8px 12px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.char-banner{align-items:center;animation:charBannerFade .18s ease both;border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.06);display:flex;font-size:13px;gap:8px;margin:8px 12px;padding:8px 12px}.char-banner--info{background:linear-gradient(180deg,#e6f4ff,#d9f0ff);border:1px solid #bae6fd;color:#0b1020}@keyframes charBannerFade{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.profile-card{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.12);display:flex;flex-direction:column;gap:12px;padding:16px 16px 0;position:relative}.profile-card__header{width:100%}.profile-hero{align-items:center;display:flex;flex-direction:column;gap:14px;position:relative}.profile-level{align-items:center;background:transparent;border:none;box-shadow:none;color:#fff;display:inline-flex;font-size:clamp(12px,1.5vw,14px);font-weight:600;isolation:isolate;justify-content:center;left:50%;letter-spacing:.1px;padding:3px 28px;position:absolute;top:-17px;transform:translateX(-50%);white-space:nowrap;z-index:3;--level-bg:#8d949c;--level-bg-top:#6f7983;--level-bg-bottom:#b0b6be;--level-shadow:rgba(0,0,0,.08);transition:color .2s ease,transform .2s ease}.profile-level:before{background:linear-gradient(180deg,var(--level-bg-top) 0,var(--level-bg) 100%);border-bottom-left-radius:16px;border-bottom-right-radius:16px;box-shadow:inset 0 -1px 0 hsla(0,0%,100%,.45);content:"";height:100%;left:0;position:absolute;right:0;top:0;transition:background .2s ease,height .2s ease;z-index:-1}.profile-level__label{font-weight:500;margin-right:6px;opacity:.9}.profile-level__value{font-weight:700;letter-spacing:.3px}.profile-level:hover{filter:brightness(1.02)}@media (max-width:360px){.profile-level{font-size:11px;padding:3px 12px}}.profile-level--compact{font-size:11px;padding:3px 12px}.profile-avatar__img{background:transparent;border-radius:0;box-shadow:none;height:auto;margin-top:60px;padding:0;width:clamp(120px,22vw,160px)}.profile-info{display:none}.profile-name{color:#f9fafb;font-size:clamp(16px,1.9vw,18px);font-weight:600;letter-spacing:.2px}.profile-meta{color:#374151;display:flex;flex-wrap:wrap;gap:8px}.profile-meta--center{justify-content:center}.badge{background:linear-gradient(180deg,#7dd3fc,#38bdf8);border:1px solid #0ea5e9;border-radius:999px;color:#0b1020;font-size:12px;padding:2px 8px}.dot{align-self:center;background:#64748b;border-radius:50%;height:6px;width:6px}.profile-actions{display:flex;gap:8px}.btn{background:#334155;border:1px solid #4b5563;border-radius:8px;color:#e5e7eb;cursor:pointer;padding:6px 12px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn:hover{background:#3b4656;box-shadow:0 6px 14px rgba(0,0,0,.35);transform:translateY(-1px)}.btn:active{box-shadow:none;transform:translateY(0)}.btn--primary{background:linear-gradient(180deg,#7dd3fc,#38bdf8);border-color:#0ea5e9;color:#0b1020}.profile-exp{display:grid;gap:10px;margin:12px 0 0;padding-top:6px;place-items:center;width:calc(100% + 32px)}.profile-expbar{margin:0;width:100%}.profile-expbar__track{background:#d1d5db;border-radius:6px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);height:12px;overflow:hidden;position:relative;width:100%;z-index:1}.profile-expbar__fill{background:linear-gradient(180deg,#fff36a,#f4e500 50%,#e4d400);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.65),0 0 0 1px rgba(0,0,0,.12);height:100%;left:0;position:absolute;top:0;transition:width .24s ease}.profile-expbar__text{color:#fff;font-size:11px;font-weight:600;left:50%;line-height:1;position:absolute;text-shadow:0 1px 1px rgba(0,0,0,.35);top:50%;transform:translate(-50%,-50%);-webkit-text-stroke:.1px #c7b9b9e7;text-stroke:1px #fff;pointer-events:none;text-align:center;white-space:nowrap}.profile-panel{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-top:12px;overflow:hidden}.panel-toggle{background:#334155;border:none;color:#e5e7eb;cursor:pointer;padding:10px 12px;text-align:left;width:100%}.panel-body{max-height:0;transition:max-height .25s ease}.panel-body.is-open{max-height:300px}.stat-list{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}.stat-item{background:#2f3747;border:1px solid #41506a;border-radius:8px;display:flex;justify-content:space-between;padding:8px}.stat-key{color:#cbd5e1}.stat-val{color:#f9fafb;font-weight:600}.stat-empty{color:#94a3b8;padding:12px}.profile-story{background:rgba(28,34,46,.9);border:1px solid #3b4656;border-radius:10px;margin-top:12px;overflow:hidden}.story-content{color:#cbd5e1;line-height:1.6;max-height:160px;overflow:auto;padding:10px 12px}@media (max-width:960px){.profile-card{gap:10px;padding:12px 12px 6px}.profile-avatar{height:auto;width:clamp(104px,24vw,140px)}}.profile-name--pill{background:linear-gradient(180deg,#5bd8e6,#2fc6e3);border:1px solid #62d9e8;border-radius:999px;color:#fff;font-size:clamp(14px,1.8vw,16px);letter-spacing:.2px;line-height:1.3;margin-top:8px;padding:0 40px;position:static;text-shadow:0 1px 0 rgba(0,0,0,.12)}.profile-class-tag{align-items:center;background:#9ca3af;border:1px solid #adb3bd;border-radius:10px;color:#fff;display:inline-flex;flex-direction:column;font-size:12px;gap:2px;justify-content:center;left:26px;line-height:1.2;padding:6px 10px;position:absolute;text-align:center;top:8px;width:168px}.profile-class-en{font-weight:700}.profile-class-zh{font-weight:500}.profile-class-combined{font-weight:600;white-space:nowrap}.profile-sidebadge{align-items:center;background:linear-gradient(180deg,#b8bbc0,#b8bbc0);border:1px solid #b0bec5;border-radius:18px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.6),0 1px 2px rgba(0,0,0,.06);color:#fff;display:flex;font-size:14px;height:32px;justify-content:space-between;left:16px;line-height:32px;padding:0 10px;position:absolute;top:50%;transform:translateY(-28%);width:168px}.profile-sidebadge--rank{top:calc(50% + 44px);transform:translateY(-28%)}.profile-sidebadge--coins{align-items:center;background:linear-gradient(180deg,#b8bbc0,#b8bbc0);border:1px solid #b0bec5;border-radius:18px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.6),0 1px 2px rgba(0,0,0,.06);color:#fff;display:flex;font-size:14px;height:32px;justify-content:space-between;line-height:32px;padding:0 10px;position:absolute;right:26px;top:50%;transform:translateY(-28%);width:168px}.profile-sidebadge__label{letter-spacing:.2px;opacity:.95}.profile-sidebadge__value{font-weight:700;letter-spacing:.3px}.profile-sidebadge--left-1{top:calc(50% + 4px);transform:translateY(-28%)}.profile-sidebadge--left-2{top:calc(50% + 40px);transform:translateY(-28%)}.profile-sidebadge--left-3{top:calc(50% + 76px);transform:translateY(-28%)}.profile-sidebadge--left-4{top:calc(50% + 112px);transform:translateY(-28%)}.profile-sidebadge--right-1{height:32px;left:auto;right:18px;top:calc(50% + 4px);transform:translateY(-28%);width:168px}.profile-sidebadge--right-2{height:32px;left:auto;right:18px;top:calc(50% + 40px);width:168px}.profile-sidebadge--right-3{height:32px;left:auto;right:18px;top:calc(50% + 76px);width:168px}.profile-sidebadge--right-4{height:32px;left:auto;right:18px;top:calc(50% + 112px);width:168px}@media (max-width:960px){.profile-class-tag,.profile-sidebadge{left:12px;width:148px}.profile-sidebadge{font-size:13px;height:30px;transform:translateY(-24%)}.profile-sidebadge--rank{top:calc(50% + 40px)}.profile-sidebadge--coins{font-size:13px;height:30px;right:12px;transform:translateY(-24%);width:148px}.profile-sidebadge--left-2{top:calc(50% + 34px)}.profile-sidebadge--left-3{top:calc(50% + 80px)}.profile-sidebadge--left-4{top:calc(50% + 120px)}.profile-sidebadge--right-1{transform:translateY(-24%)}.profile-sidebadge--right-1,.profile-sidebadge--right-2{font-size:13px;height:30px;right:12px;width:148px}.profile-sidebadge--right-2{top:calc(50% + 40px)}.profile-sidebadge--right-3{top:calc(50% + 80px)}.profile-sidebadge--right-3,.profile-sidebadge--right-4{font-size:13px;height:30px;right:12px;width:148px}.profile-name--pill,.profile-sidebadge--right-4{top:calc(50% + 120px)}.profile-name--pill{font-size:13px;padding:0 32px;transform:translate(-50%,-24%)}}.profile-avatar__img{display:block;height:120px;object-fit:contain;width:120px}.profile-avatar__img[aria-busy=true]{background:#f2f3f6;border-radius:8px}.Sidebar_brandImage__IMFgZ{height:auto;max-width:100%;object-fit:contain;width:100%}.ClientShell_topButtonsContainer__3mkQq{gap:12px;position:absolute;right:24px;top:12px;z-index:9999}.ClientShell_iconButton__lzhgk,.ClientShell_topButtonsContainer__3mkQq{align-items:center;display:flex}.ClientShell_iconButton__lzhgk{background-color:#fff;border-radius:12px;box-shadow:0 2px 5px rgba(0,0,0,.08);cursor:pointer;height:36px;justify-content:center;min-width:36px;padding:8px;position:relative;transition:all .2s ease}.ClientShell_iconButton__lzhgk.ClientShell_disabledCursor__kwa50{cursor:default}.ClientShell_iconButton__lzhgk:hover{box-shadow:0 4px 8px rgba(0,0,0,.12)}.ClientShell_badge__cfj7E{background-color:#22c55e;border-radius:10px;box-shadow:0 1px 2px rgba(0,0,0,.1);color:#fff;font-size:10px;font-weight:700;min-width:18px;padding:2px 6px;position:absolute;right:-6px;text-align:center;top:-6px}.ClientShell_badgeLanguage__IN5Vm{background-color:#3b82f6;min-width:20px}.ClientShell_styleButtonWrapper__hB88F{position:relative}.ClientShell_styleButton__9_jta{border:none}.ClientShell_styleButton__9_jta.ClientShell_retro__O0sXV{background-color:#f7c744;border:2px solid #000;border-radius:0;box-shadow:3px 3px 0 #000}.ClientShell_styleButtonBadge__3Igwm{background-color:#8b5cf6;min-width:20px}.ClientShell_styleButton__9_jta.ClientShell_retro__O0sXV .ClientShell_styleButtonBadge__3Igwm{background-color:#000}.ClientShell_hintArrow__NTYQr{bottom:2px;opacity:.8;position:absolute;right:2px}.ClientShell_styleMenu__fk8F2{animation:ClientShell_fadeIn__Cex1e .2s ease;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.15);min-width:160px;overflow:hidden;position:absolute;right:0;top:44px;z-index:10000}@keyframes ClientShell_fadeIn__Cex1e{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ClientShell_menuItem__0R9XU{align-items:center;background-color:transparent;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;gap:10px;padding:12px 16px;transition:background-color .2s ease}.ClientShell_menuItem__0R9XU:last-child{border-bottom:none}.ClientShell_menuItem__0R9XU:hover{background-color:#f5f5f5}.ClientShell_menuItem__0R9XU.ClientShell_active__9fK70{background-color:#e6f7ff}.ClientShell_menuItemIcon__piusk{font-size:16px;line-height:1}.ClientShell_menuItemText__qQL6O{color:#1f2937;font-size:14px;font-weight:500}.ClientShell_menuItem__0R9XU.ClientShell_active__9fK70 .ClientShell_menuItemText__qQL6O{color:#1890ff}