:root{--bg:#fff;--panel:#fff;--text:#1f2937;--muted:#6b7280;--border:#e5e7eb;--primary:#fc0;--accent:#111827;--danger:#ff4d4f;--color-white:#fff;--color-black:#000;--spacing:0.25rem;--text-sm:0.875rem;--text-sm--line-height:calc(1.25 / 0.875);--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{margin:0;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;background:var(--bg);color:var(--text)}.layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:var(--panel);border-right:1px solid var(--border);padding:20px 12px}.sidebar-toggle{display:none}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;margin-bottom:16px}.menu{display:flex;flex-direction:column;gap:8px}.menu-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:var(--text);text-decoration:none}.menu-item.active{background:#fff6d5}.menu-item:hover{background:#f2f3f6}.menu-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted)}.content{padding:28px 32px}.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{display:inline-flex;align-items:center;padding:8px 16px;background:#2d2d2d;color:#fff;border-radius:8px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.06);margin-bottom:14px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:16px;gap:16px}.feature-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;border-radius:12px;border:1px solid #e9e3cc;background:#fbf7e9;text-decoration:none;color:var(--text);transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;outline:none}.feature-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.08)}.feature-card:active{transform:translateY(0);box-shadow:0 2px 8px rgba(0,0,0,.08)}.feature-card:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px rgba(255,204,0,.35)}.feature-icon{width:48px;height:48px;object-fit:contain}.feature-icon--placeholder{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted)}.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{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}}.info-panels{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;align-items:start;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{padding:10px 12px;font-weight:600;color:#374151;background:#f9fafb;border-bottom:1px solid #e5e7eb}.panel-card__body{padding:12px}.panel-center{display:flex;justify-content:center;align-items:center;margin:8px 0}.panel-emblem{width:72px;height:72px;object-fit:contain;image-rendering:auto}.panel-emblem--empty{width:72px;height:72px;border:1px dashed #d1d5db;border-radius:8px;color:#9ca3af;display:flex;justify-content:center;align-items:center;background:#fafafa}.panel-list{list-style:none;padding:0;margin:0}.panel-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-top:1px dashed #e5e7eb}.panel-item:first-child{border-top:none}.panel-item .label{color:#6b7280;font-size:12px}.cn-panel__icon{display:flex;justify-content:center;align-items:center;margin:10px 0 6px}.cn-panel__list{list-style:none;padding:0;margin:0}.cn-panel__row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-top:1px solid #e5e7eb}.cn-panel__row:first-child{border-top:none}.cn-panel__row--center{justify-content:center;font-weight:600;color:#374151}.cn-panel__label{color:#6b7280;font-size:13px}.cn-panel__value,.panel-item .value{color:#111827;font-weight:600}.bar-chart{margin-left:10px;margin-top:10px;max-width:100%;height:auto;display:block}.chart-empty{padding:16px;text-align:center;color:#9ca3af;border:1px dashed #e5e7eb;border-radius:8px;background:#fafafa}@media (max-width:860px){.info-panels{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.feature-card{transition:none}}.demo-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:16px;gap:16px;margin-top:12px}.demo-card{background:#fbf7e9;border:1px solid #e9e3cc;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px}.demo-image{height:120px;border-radius:8px;background:linear-gradient(135deg,#fff,#f3efe0);box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}.demo-title{font-size:14px;font-weight:700}.demo-actions{display:flex;gap:8px}@media (max-width:480px){.demo-image{height:96px}}.guide-section{max-width:1024px;margin:24px auto;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--panel)}.guide-title{font-size:18px;font-weight:700;margin-bottom:12px}.guide-image{width:100%;height:auto;display:block;border-radius:8px}.guide-empty{color:var(--muted);font-size:14px}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:20px}.btn,.input,.select{height:36px;border:1px solid var(--border);border-radius:10px;background:var(--panel);padding:0 12px;font-size:14px}.input{flex:1 1}.input-sm{flex:0 1;width:500px;height:32px;padding:80 0;font-size:15px}.btn,.select{display:inline-flex;align-items:center;gap:8px}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-ghost{background:var(--panel)}.grid{display:grid;grid-template-columns:repeat(auto-fill,240px);justify-content:start;grid-gap:16px;gap:16px}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px 16px 8px;position:relative;width:240px;min-height:314px;text-align:center;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.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{position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:16px;min-height:136px}.card-avatar,.card-top{background:var(--color-white)}.card-avatar{margin-top:20px;width:120px;height:120px;border-radius:8px;border:none;object-fit:contain}.card-name{font-weight:700;margin-top:8px;font-size:16px;line-height:1.6}.card-sub{color:var(--muted);font-size:14px;line-height:1.6;margin-top:4px;text-align:center}.card-level{display:block;margin-top:2px;line-height:1.4}.auto-shrink{display:block;width:100%;text-align:center;height:22px;white-space:nowrap;overflow:hidden;text-overflow:clip;transform-origin:center center;transition:font-size .16s ease,transform .16s ease}.img-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1000;overscroll-behavior:contain;touch-action:none}.img-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:modalFadeIn .16s ease}.img-modal__image{position:relative;width:auto;height:auto;border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.35),0 2px 8px rgba(0,0,0,.25);animation:modalZoomIn .16s ease;will-change:transform;display:block}.img-modal__viewport{position:relative;width:90vw;height:90vh;overflow:hidden;display:flex;align-items:flex-start;justify-content:center;cursor:var(--modal-cursor,auto)}.img-modal__viewport.is-dragging{cursor:-webkit-grabbing;cursor:grabbing}.img-modal__close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:999px;border:none;background:hsla(0,0%,100%,.9);color:#111;font-size:20px;line-height:32px;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.2);transition:background .16s ease,transform .16s ease}.img-modal__close:hover{background:#fff}.img-modal__close:active{transform:scale(.96)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalZoomIn{0%{transform:scale(.96);opacity:.8}to{transform:scale(1);opacity:1}}.card-actions{margin-top:12px;padding:12px 16px 0;border-top:1px solid #e9e9e9;display:flex;gap:12px}.card-actions,.mini-btn{justify-content:center;align-items:center}.mini-btn{display:inline-flex;gap:6px;height:32px;min-width:96px;padding:0 12px;border:1px solid #e6e6e6;border-radius:10px;background:#f5f5f5;color:#333;font-size:26px;line-height:26px;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.06);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{transform:scale(.98);background:#eaeaea}.mini-btn[disabled]{color:#8a8a8a;cursor:not-allowed;box-shadow:none;opacity:1}.mini-btn[disabled],.nav-btn{background:#f5f5f5;border-color:#e6e6e6}.nav-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#333}.nav-btn:hover{background:#efefef}.nav-btn:active{background:#eaeaea}.nav-btn[disabled]{background:#f5f5f5;color:#8a8a8a}.delete-btn{position:absolute;top:0;right:0;padding:0;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg);border-radius:9999px;color:var(--text);transition:background var(--default-transition-duration) var(--default-transition-timing-function)}.btn .icon,.mini-btn .icon,.nav-btn .icon,.select .icon{display:inline-block;vertical-align:middle;line-height:0}.delete-btn:hover{background:var(--bg)}.star-btn{margin-left:6px;width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:#9ca3af;cursor:pointer;transition:color .3s ease,transform .3s ease;vertical-align:middle}.star-btn:hover{color:#6b7280}.star-btn.active{color:#f2cb51}.card-delete{position:absolute;top:12px;right:12px;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--danger);background:var(--color-white);color:var(--danger);border-radius:8px;opacity:.9;transition:opacity .15s ease}.card-delete:hover{opacity:.7}.empty{display:flex;align-items:center;justify-content:center;height:200px;border:2px dashed var(--border);border-radius:18px;color:var(--muted)}.log{background:#111827;color:#e5e7eb;border-radius:12px;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;line-height:1.5;white-space:pre-wrap;overflow:auto;max-height:280px;border:1px solid #1f2937}@media (max-width:1200px){.grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.layout{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;height:100vh;width:82vw;max-width:340px;transform:translateX(-100%);transition:transform .22s ease;z-index:100;box-shadow:0 10px 30px rgba(0,0,0,.2);background:var(--panel)}.sidebar.open{transform:translateX(0)}.sidebar-toggle{position:fixed;top:10px;left:12px;z-index:110;height:36px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text);display:inline-flex;align-items:center;box-shadow:0 2px 8px rgba(0,0,0,.08)}.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-grid{margin:32px auto;max-width:1120px;padding:0 16px}.guide-grid-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.guide-grid-item{position:relative;border:1px solid rgba(0,0,0,.06);border-radius:14px;background:linear-gradient(180deg,#fff,#fafafa);box-shadow:0 1px 2px rgba(0,0,0,.06);overflow:hidden;transition:box-shadow .18s ease,transform .16s ease,border-color .18s ease}.guide-grid-item:hover{box-shadow:0 6px 20px rgba(0,0,0,.12);transform:translateY(-2px);border-color:rgba(0,0,0,.08)}.guide-grid-item:active{transform:translateY(0) scale(.99)}.guide-grid-item:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--ripple-x,50%) var(--ripple-y,50%),rgba(0,0,0,.08),transparent 40%);opacity:0;transition:opacity .22s ease}.guide-grid-item:active:before{opacity:1}.guide-grid-img{display:block;width:100%;aspect-ratio:4/3;height:auto;object-fit:cover}.guide-grid-caption{font-size:16px;color:#000;text-align:center;padding:10px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.04));border-top:1px solid rgba(0,0,0,.06)}.guide-grid-caption:after{content:"";display:inline-block;width:6px;height:6px;margin-left:8px;border-radius:9999px;background:rgba(0,0,0,.08)}.guide-grid-item:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(255,204,0,.35),0 6px 20px rgba(0,0,0,.12)}@media (max-width:768px){.guide-grid-inner{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-grid-caption{padding:8px 10px}}.char-modal{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.char-modal,.char-modal__overlay{position:fixed;inset:0;z-index:1000}.char-modal__overlay{background:rgba(90,90,90,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;animation:charModalFadeIn .16s ease forwards}.char-modal__dialog{position:fixed;width:780px;height:650px;top:50%;left:50%;transform:translate(-50%,-50%) scale(.98);background:hsla(0,0%,50%,.76);border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.1);animation:charModalPopIn .18s ease forwards;z-index:1001;max-width:96vw;max-height:90vh;overflow:hidden}.char-modal__content{display:grid;grid-template-columns:1fr;height:100%}.char-modal__left{padding:16px;border-right:1px solid #f0f0f0}.char-modal__expbar{position:static;padding:8px 16px;background:transparent}.char-modal__title{font-weight:600;color:#3498db;font-size:18px;margin-bottom:12px}.char-modal__empty,.char-modal__error,.char-modal__loading{color:#666;font-size:14px}.char-modal__base{display:flex;gap:12px;align-items:flex-start}.char-modal__avatar{width:100%;max-width:180px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);border:1px solid #eaeaea}.char-modal__info{display:grid;grid-gap:8px;gap:8px}.char-modal__table{overflow:auto;border:1px solid #f0f0f0;border-radius:8px}.char-modal__row{display:grid;grid-template-columns:40% 60%;height:32px;line-height:32px;border-bottom:1px solid #f7f7f7;transition:background .16s ease}.char-modal__row:hover{background:rgba(52,152,219,.06)}.char-modal__cell{padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.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{border:1px solid rgba(52,152,219,.5);box-shadow:0 0 0 2px rgba(52,152,219,.2),0 8px 18px rgba(0,0,0,.12);border-radius:12px;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}.char-card{display:grid;grid-template-rows:auto 1fr;padding:12px}.char-card__header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.char-card__name{font-size:18px;font-weight:800;color:#1f2937}.char-card__class{font-size:13px;color:#3498db}.char-card__body{display:grid;grid-template-columns:160px 1fr;grid-gap:12px;gap:12px}.char-card__avatar{width:160px;height:160px;object-fit:contain;border-radius:10px;border:1px solid #eaeaea;background:#0b1020}.char-card__meta{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-gap:8px;gap:8px}.char-meta__item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border:1px solid #f0f0f0;border-radius:8px;background:#fff}.char-meta__item .label{color:#6b7280;font-size:12px}.char-meta__item .value{color:#111827;font-weight:700}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;margin-bottom:12px}.stat-card{border:1px solid rgba(0,0,0,.06);border-radius:12px;background:linear-gradient(180deg,#fff,#fafafa);padding:10px;box-shadow:0 1px 2px rgba(0,0,0,.06);transition:transform .14s ease,box-shadow .16s ease}.stat-card:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,0,0,.12)}.stat-card__title{font-size:12px;color:#6b7280;margin-bottom:6px}.stat-card__value{font-size:18px;font-weight:800;color:#1f2937}.radial-progress{--size:92px;--track:#e5e7eb;--fill:#3498db;width:var(--size);height:var(--size);border-radius:999px;background:conic-gradient(var(--fill) calc(var(--p, 0) * 1%),var(--track) 0);display:grid;place-items:center}.radial-progress__text{font-size:14px;font-weight:700;color:#111827;text-shadow:0 1px 0 hsla(0,0%,100%,.8)}.section-title{font-size:14px;font-weight:700;color:#374151;margin:8px 0}@media (max-width:860px){.char-modal__dialog{width:96vw;height:88vh}.char-modal__content{grid-template-columns:1fr;grid-auto-rows:auto}.char-modal__left{border-right:none;border-bottom:1px solid #f0f0f0}.char-modal__expbar{padding:8px 12px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.char-banner{margin:8px 12px;padding:8px 12px;border-radius:8px;font-size:13px;display:flex;align-items:center;gap:8px;box-shadow:0 1px 2px rgba(0,0,0,.06);animation:charBannerFade .18s ease both}.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{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 16px 0;background:#fff;border:1px solid #d1d5db;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.12);position:relative}.profile-card__header{width:100%}.profile-hero{display:flex;flex-direction:column;align-items:center;gap:14px;position:relative}.profile-level{position:absolute;top:-17px;left:50%;transform:translateX(-50%);z-index:3;white-space:nowrap;font-size:clamp(12px,1.5vw,14px);color:#fff;font-weight:600;letter-spacing:.1px;display:inline-flex;align-items:center;justify-content:center;padding:3px 28px;background:transparent;border:none;box-shadow:none;isolation:isolate;--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{content:"";position:absolute;left:0;right:0;top:0;height:100%;background:linear-gradient(180deg,var(--level-bg-top) 0,var(--level-bg) 100%);border-bottom-left-radius:16px;border-bottom-right-radius:16px;z-index:-1;box-shadow:inset 0 -1px 0 hsla(0,0%,100%,.45);transition:background .2s ease,height .2s ease}.profile-level__label{margin-right:6px;opacity:.9;font-weight:500}.profile-level__value{font-weight:700;letter-spacing:.3px}.profile-level:hover{filter:brightness(1.02)}@media (max-width:360px){.profile-level{padding:3px 12px;font-size:11px}}.profile-level--compact{padding:3px 12px;font-size:11px}.profile-avatar__img{margin-top:60px;width:clamp(120px,22vw,160px);height:auto;border-radius:0;padding:0;background:transparent;box-shadow:none}.profile-info{display:none}.profile-name{font-size:clamp(16px,1.9vw,18px);font-weight:600;letter-spacing:.2px;color:#f9fafb}.profile-meta{display:flex;flex-wrap:wrap;gap:8px;color:#374151}.profile-meta--center{justify-content:center}.badge{padding:2px 8px;border-radius:999px;background:linear-gradient(180deg,#7dd3fc,#38bdf8);color:#0b1020;border:1px solid #0ea5e9;font-size:12px}.dot{width:6px;height:6px;border-radius:50%;background:#64748b;align-self:center}.profile-actions{display:flex;gap:8px}.btn{padding:6px 12px;border-radius:8px;border:1px solid #4b5563;background:#334155;color:#e5e7eb;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 14px rgba(0,0,0,.35);background:#3b4656}.btn:active{transform:translateY(0);box-shadow:none}.btn--primary{background:linear-gradient(180deg,#7dd3fc,#38bdf8);color:#0b1020;border-color:#0ea5e9}.profile-exp{margin:12px 0 0;display:grid;place-items:center;grid-gap:10px;gap:10px;width:calc(100% + 32px)}.profile-expbar{margin:0;width:100%}.profile-expbar__track{position:relative;width:100%;height:12px;border-radius:6px;background:#d1d5db;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);overflow:hidden}.profile-expbar__fill{position:absolute;left:0;top:0;height:100%;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);transition:width .24s ease}.profile-expbar__text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:11px;font-weight:600;line-height:1;text-shadow:0 1px 1px rgba(0,0,0,.35);-webkit-text-stroke:.1px #c7b9b9e7;text-stroke:1px #fff;pointer-events:none;white-space:nowrap;text-align:center}.profile-panel{margin-top:12px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.panel-toggle{width:100%;text-align:left;padding:10px 12px;background:#334155;color:#e5e7eb;border:none;cursor:pointer}.panel-body{max-height:0;transition:max-height .25s ease}.panel-body.is-open{max-height:300px}.stat-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px;padding:10px}.stat-item{display:flex;justify-content:space-between;padding:8px;background:#2f3747;border:1px solid #41506a;border-radius:8px}.stat-key{color:#cbd5e1}.stat-val{color:#f9fafb;font-weight:600}.stat-empty{color:#94a3b8;padding:12px}.profile-story{margin-top:12px;background:rgba(28,34,46,.9);border:1px solid #3b4656;border-radius:10px;overflow:hidden}.story-content{max-height:160px;overflow:auto;padding:10px 12px;color:#cbd5e1;line-height:1.6}@media (max-width:960px){.profile-card{padding:12px 12px 6px;gap:10px}.profile-avatar{width:clamp(104px,24vw,140px);height:auto}}.profile-name--pill{position:absolute;left:50%;top:calc(50% + 118px);transform:translate(-50%,-28%);z-index:2;font-size:clamp(14px,1.8vw,16px);padding:0 40px;border-radius:999px;background:linear-gradient(180deg,#5bd8e6,#2fc6e3);border:1px solid #62d9e8;color:#fff;line-height:1.3;letter-spacing:.2px;text-shadow:0 1px 0 rgba(0,0,0,.12)}.profile-class-tag{position:absolute;top:8px;left:26px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 10px;border-radius:10px;background:#9ca3af;color:#fff;border:1px solid #adb3bd;font-size:12px;line-height:1.2;text-align:center;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{position:absolute;left:16px;top:50%;transform:translateY(-28%);width:168px;height:32px;padding:0 10px;border-radius:18px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#b8bbc0,#b8bbc0);border:1px solid #b0bec5;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.6),0 1px 2px rgba(0,0,0,.06);color:#fff;font-size:14px;line-height:32px}.profile-sidebadge--rank{top:calc(50% + 44px);transform:translateY(-28%)}.profile-sidebadge--coins{position:absolute;right:26px;top:50%;transform:translateY(-28%);width:168px;height:32px;padding:0 10px;border-radius:18px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#b8bbc0,#b8bbc0);border:1px solid #b0bec5;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.6),0 1px 2px rgba(0,0,0,.06);color:#fff;font-size:14px;line-height:32px}.profile-sidebadge__label{opacity:.95;letter-spacing:.2px}.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{left:auto;right:18px;top:calc(50% + 4px);transform:translateY(-28%);width:168px;height:32px}.profile-sidebadge--right-2{left:auto;right:18px;top:calc(50% + 40px);width:168px;height:32px}.profile-sidebadge--right-3{left:auto;right:18px;top:calc(50% + 76px);width:168px;height:32px}.profile-sidebadge--right-4{left:auto;right:18px;top:calc(50% + 112px);width:168px;height:32px}@media (max-width:960px){.profile-class-tag,.profile-sidebadge{left:12px;width:148px}.profile-sidebadge{transform:translateY(-24%);height:30px;font-size:13px}.profile-sidebadge--rank{top:calc(50% + 40px)}.profile-sidebadge--coins{right:12px;transform:translateY(-24%);width:148px;height:30px;font-size:13px}.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{right:12px;transform:translateY(-24%);width:148px;height:30px;font-size:13px}.profile-sidebadge--right-2{right:12px;top:calc(50% + 40px);width:148px;height:30px;font-size:13px}.profile-sidebadge--right-3{right:12px;top:calc(50% + 80px);width:148px;height:30px;font-size:13px}.profile-sidebadge--right-4{right:12px;top:calc(50% + 120px);width:148px;height:30px;font-size:13px}.profile-name--pill{top:calc(50% + 120px);transform:translate(-50%,-24%);font-size:13px;padding:0 32px}}