/* UI 模板 V2：所有樣式限於 uk 命名空間，不影響既有介面。 */
.uk-root {
 --uk-ink:#18334e; --uk-muted:#526274; --uk-blue:#205789; --uk-navy:#173c68;
 --uk-gold:#f4c44f; --uk-gold-light:#fff0b2; --uk-paper:rgba(255,255,255,.92);
 --uk-line:#d8e0e9; --uk-track:#dce1e7; --uk-progress:#438de0; --uk-pink:#e95482;
 --uk-font-sm:16px; --uk-font-md:20px; --uk-font-lg:24px; --uk-font-xl:32px; --uk-font-hero:44px;
 --uk-radius-sm:12px; --uk-radius-md:20px; --uk-radius-lg:28px; --uk-radius-pill:999px;
 --uk-space-1:4px; --uk-space-2:8px; --uk-space-3:12px; --uk-space-4:16px; --uk-space-5:24px; --uk-space-6:32px;
 --uk-shadow:0 5px 14px #243d5a26; --uk-shadow-inset:inset 0 2px 3px #ffffffb3; --uk-shadow-gold:0 3px 0 #b98624,0 0 16px #ffe4a6;
 color:var(--uk-ink); font:700 var(--uk-font-md)/1.4 "Microsoft JhengHei","Noto Sans TC",sans-serif;
}
.uk-root *, .uk-root *::before, .uk-root *::after {box-sizing:border-box}
.uk-root :where(button,a,select,input) {font:inherit}
.uk-root button,.uk-root a {touch-action:manipulation}
.uk-root button {cursor:pointer}
.uk-root button:focus-visible,.uk-root a:focus-visible,.uk-root input:focus-visible,.uk-root select:focus-visible {outline:3px solid var(--uk-blue);outline-offset:3px}
.uk-root h1,.uk-root h2,.uk-root h3,.uk-root p {margin:0}
.uk-root h2 {font-size:var(--uk-font-lg)}
.uk-root h3 {font-size:var(--uk-font-md)}
.uk-topbar {display:flex;align-items:center;gap:var(--uk-space-4);height:80px;padding:8px 16px;background:var(--uk-paper);border:2px solid white;border-radius:var(--uk-radius-pill);box-shadow:var(--uk-shadow)}
.uk-avatar {width:88px;height:88px;border-radius:50%;border:4px solid var(--uk-gold);background:#fff5d7;object-fit:cover;object-position:top}
.uk-profile {width:252px;flex-shrink:0}
.uk-level {display:flex;align-items:center;gap:20px;font-size:var(--uk-font-lg)}
.uk-exp {font-size:14px;color:var(--uk-muted);font-weight:400}
.uk-resource {display:flex;align-items:center;gap:8px;flex:1;white-space:nowrap;padding:4px 8px;border-radius:var(--uk-radius-pill);background:#edf1f5}
.uk-resource-icon {font-size:36px;line-height:1}
.uk-plus,.uk-round {display:grid;place-items:center;border:1px solid var(--uk-line);background:white;color:var(--uk-ink);border-radius:50%;padding:0;width:32px;height:32px}
.uk-plus {margin-left:auto;font-size:28px}
.uk-round {width:48px;height:48px;font-size:26px;flex-shrink:0}
.uk-nav {display:flex;flex-direction:column;width:124px;padding:8px;background:var(--uk-paper);border:2px solid white;border-radius:var(--uk-radius-md);box-shadow:var(--uk-shadow)}
.uk-nav-item {display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:96px;text-decoration:none;color:var(--uk-ink);border-radius:var(--uk-radius-sm);border:2px solid transparent;background:transparent}
.uk-nav-icon {font-size:38px;line-height:1.1}
.uk-nav-item[aria-current=page],.uk-tab[aria-selected=true],.uk-tab[aria-current=page] {background:linear-gradient(#fff3bd,#f4c44f);border-color:white;color:var(--uk-ink);box-shadow:var(--uk-shadow-gold)}
.uk-ribbon {display:flex;align-items:center;gap:16px;width:max-content;min-width:310px;height:66px;padding:4px 28px 4px 14px;background:linear-gradient(110deg,#286294,var(--uk-navy));border:3px solid white;border-radius:var(--uk-radius-pill);color:white;box-shadow:var(--uk-shadow);font-size:var(--uk-font-xl);letter-spacing:3px}
.uk-ribbon-icon {display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#ffffff14;font-size:40px;letter-spacing:0}
.uk-card {padding:var(--uk-space-4);background:var(--uk-paper);border:2px solid white;border-radius:var(--uk-radius-lg);box-shadow:var(--uk-shadow)}
.uk-list {display:flex;flex-direction:column;gap:var(--uk-space-3)}
.uk-row {display:flex;align-items:center;gap:var(--uk-space-4);padding:var(--uk-space-4);background:#ffffffd9;border:1px solid white;border-radius:var(--uk-radius-md)}
.uk-row-copy {flex:1;min-width:0}
.uk-description {color:var(--uk-muted);font-size:var(--uk-font-sm);font-weight:500;margin-top:4px!important}
.uk-icon-circle {display:grid;place-items:center;flex-shrink:0;width:72px;height:72px;background:#edf1f8;border:3px solid white;border-radius:50%;box-shadow:var(--uk-shadow-inset);font-size:40px}
.uk-icon-circle--gold {background:#ffe59b}
.uk-icon-circle--blue {background:#d8eaff}
.uk-icon-circle--pink {background:#ffe0e7}
.uk-button {display:inline-flex;justify-content:center;align-items:center;gap:16px;min-height:48px;padding:8px 24px;text-decoration:none;border:2px solid #ffffffb3;border-radius:var(--uk-radius-pill);background:linear-gradient(#4c91d1,#205789);color:white;box-shadow:var(--uk-shadow);white-space:nowrap}
.uk-button--primary {min-height:76px;font-size:var(--uk-font-xl);background:linear-gradient(#fff7c7,#f4c44f);color:#493513;box-shadow:var(--uk-shadow-gold)}
.uk-button--small {min-height:48px;padding:6px 20px;font-size:var(--uk-font-md);border-radius:var(--uk-radius-sm)}
.uk-tabs {display:flex;gap:8px}
.uk-tab {display:flex;align-items:center;justify-content:center;gap:16px;flex:1;padding:12px 20px;color:var(--uk-ink);background:#edf1f5;border:2px solid white;border-radius:var(--uk-radius-md);text-decoration:none;white-space:nowrap}
.uk-progress {height:14px;overflow:hidden;border-radius:var(--uk-radius-pill);background:var(--uk-track);box-shadow:inset 0 2px 3px #243d5a20}
.uk-progress-fill {display:block;height:100%;width:var(--uk-value,50%);border-radius:inherit;background:linear-gradient(#8bc0ff,var(--uk-progress))}
.uk-progress--gold .uk-progress-fill {background:linear-gradient(#ffe598,var(--uk-gold))}
.uk-stars {color:#a96b00;font-size:30px;letter-spacing:2px}
.uk-star-empty {color:#677589}
.uk-tag {display:inline-flex;align-items:center;gap:4px;padding:3px 10px;background:#e6edf6;color:var(--uk-ink);border-radius:var(--uk-radius-pill);font-size:var(--uk-font-sm);white-space:nowrap}
.uk-tag--gold {background:var(--uk-gold-light)}
.uk-bubble {position:relative;background:white;color:var(--uk-ink);padding:16px 20px;border-radius:var(--uk-radius-lg);box-shadow:var(--uk-shadow)}
.uk-bubble::after {content:"";position:absolute;bottom:-16px;left:28px;border-width:18px 16px 0 0;border-style:solid;border-color:white transparent transparent transparent}
.uk-stat {display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:#eef1f5;border-bottom:2px solid white;font-size:var(--uk-font-md)}
.uk-muted {color:var(--uk-muted)}
.uk-number {font-variant-numeric:tabular-nums}
.uk-root .uk-art-icon {display:inline-block;width:1.2em;height:1.2em;object-fit:contain;vertical-align:middle;flex-shrink:0}
.uk-root .uk-resource-icon {display:inline-flex;align-items:center;justify-content:center}
.uk-root .uk-resource-icon .uk-art-icon {width:36px;height:36px}
.uk-root .uk-icon-circle>.uk-art-icon {width:92%;height:92%}
.uk-root .uk-nav-icon>.uk-art-icon {width:42px;height:42px}
.uk-root .uk-ribbon-icon>.uk-art-icon {width:48px;height:48px}
.uk-root .uk-round>.uk-art-icon {width:36px;height:36px}
/* 10-22 人物／寵物面板「← 上一頁」：淺底深字膠囊鈕 */
.uk-root .uk-back-pill{display:inline-flex;align-items:center;flex-shrink:0;min-height:40px;padding:0 14px;border:1px solid var(--uk-line);border-radius:20px;background:#fff;color:#18334e;font-size:16px;font-weight:700;white-space:nowrap;cursor:pointer;margin-left:auto}
.uk-root .uk-back-pill+.uk-round{margin-left:8px}