.empty-view-wrap{width:100%;padding-top:12vh;text-align:center;font-size:12px;color:#999;display:flex;flex-direction:column;align-items:center}.empty-view-wrap img.empty-icon{width:120px;height:120px}.empty-view-wrap img.empty-icon+*{margin-top:8px}.empty-view-wrap .content{display:flex;flex-direction:column;align-items:center;width:100%;padding-left:20px;padding-right:20px}.empty-view-wrap .content p{font-size:12px;color:#999;font-weight:400;line-height:1.4}.empty-view-wrap .content .btn-wrap{min-width:76px;padding:2px;min-height:28px;max-height:28px;border-radius:44px;background:linear-gradient(221deg,#ffe44d,#ffd736);display:flex;align-items:center;justify-content:center;margin-top:10px;font-size:13px;font-weight:600;color:#222}[data-hy-theme=dark] .empty-view-wrap .content p,[data-hy-theme=light] .empty-view-wrap .content p{color:var(--color_text_dark03_common, #999)}.breed-page{width:100%;max-width:100%;min-height:100dvh;overflow:visible;padding:16px 16px calc(48px + env(safe-area-inset-bottom,0px));padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));background:#121212;color:#f5f5f5;font-size:16px;line-height:1.5;font-family:PingFang SC,Noto Sans SC,system-ui,sans-serif}.breed-shell{min-width:0;max-width:1080px;margin:0 auto}.breed-hero,.breed-card{width:100%;max-width:100%;min-width:0}.breed-hero h1{margin:0 0 8px;font-size:28px;line-height:1.2}.breed-hero span,.breed-card p,.breed-meta{margin:0 0 8px;color:#c4c9d1;font-size:15px}.breed-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;margin:16px 0}.mode-row button,.breed-action,.pal-select__trigger,.pal-select__menu button,.pal-multi__chips button,.breed-tabs button,.breed-more{border:0;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.breed-tabs button{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:8px 6px;color:#d1d5db;background:#1e1e1e;border:1px solid #333333;border-radius:10px;font-size:13px;line-height:1.2;white-space:nowrap}.breed-tabs button:hover:not(.is-active){color:#e5e7eb;border-color:#4b5563}.breed-tabs button.is-active,.mode-row button.is-active{color:#0b1d2c;background:#3b82f6;border-color:#3b82f6}.breed-card{padding:16px;background:#1e1e1e;border:1px solid #333333;border-radius:14px}.breed-card h2{margin:0 0 8px;font-size:22px;line-height:1.3}.breed-card h3{margin:0 0 10px;font-size:18px;line-height:1.3}.breed-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin:16px 0}.pal-select{position:relative;z-index:0;display:flex;flex-direction:column;gap:8px}.pal-select.is-open{z-index:20}.pal-select__label{color:#e5e7eb;font-size:15px}.pal-select__trigger,.pal-select__menu input{width:100%;box-sizing:border-box;min-height:64px;padding:12px 14px;color:#fff;background:#121212;border:1px solid #333333;border-radius:14px;font-size:16px}.pal-select__trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}.pal-select__chevron{color:#6b7280;font-size:16px}.pal-select__menu input{min-height:48px;font-size:16px}.pal-select__placeholder{color:#9ca3af;font-size:16px}.pal-select__menu{position:absolute;z-index:30;top:calc(100% + 8px);right:0;left:0;display:flex;flex-direction:column;max-height:min(70vh,640px);overflow:hidden;padding:10px;background:#171717;border:1px solid #333333;border-radius:16px}.pal-select__menu ul{min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.pal-select__empty{padding:16px 10px;color:#c4c9d1;font-size:16px}.pal-select__menu ul,.pal-multi__chips,.path-list ol,.pair-grid,.result-row{margin:0;padding:0;list-style:none}.pal-select__menu button,.pal-chip,.pal-multi__chips button,.pair-grid article,.path-list li{display:flex;align-items:center;gap:10px}.pal-select__menu button,.pal-multi__chips button{width:100%;min-height:48px;padding:8px 10px;color:#fff;background:transparent;text-align:left;font-size:16px}.pal-chip{min-width:0}.pal-chip img,.pal-select__menu img{width:44px;height:44px;object-fit:cover;background:#222;border:1px solid #333333;border-radius:10px}.pal-multi__chips img{width:32px;height:32px;object-fit:cover;background:#222;border:1px solid #333333;border-radius:8px}.pal-chip strong,.pal-select__menu strong{display:block;font-size:16px;line-height:1.3}.pal-chip small,.pal-face small,.pal-select__menu small{display:block;color:#c4c9d1;font-size:12px;line-height:1.35}.pal-multi__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.pal-multi__chips button{width:auto;background:#121212;border:1px solid #333333;border-radius:999px;padding:8px 12px;font-size:14px}.breed-result,.path-list section{margin-top:16px;padding:16px 12px;background:#121212;border:1px solid #333333;border-radius:14px}.breed-result h3{text-align:center}.result-row{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin-top:12px}.result-row em,.pair-grid article em,.path-list li em{color:#60a5fa;font-size:22px;font-style:normal}.pair-grid,.path-list ol{display:grid;gap:10px}.pair-grid{grid-template-columns:minmax(0,1fr);margin-top:12px}.pair-grid article,.path-list li{position:relative;flex-wrap:wrap;justify-content:center;padding:12px;background:linear-gradient(180deg,#1e1e1e,#181818);border:1px solid #333333;border-radius:12px}.pair-grid article span{position:absolute;top:8px;right:8px;color:#9ca3af;font-size:12px}.pal-face{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:64px;text-align:center}.pal-face img{width:48px;height:48px;object-fit:contain;background:#111;border:1px solid #333333;border-radius:10px}.pal-face strong{font-size:13px}.result-row .pal-face{width:min(100%,220px);min-width:0;padding:12px 14px;background:#171717;border:1px solid #333333;border-radius:16px;gap:6px}.result-row .pal-face img{width:96px;height:96px}.result-row .pal-face strong{font-size:18px}.result-row .pal-face--highlight{border-color:#eab308;box-shadow:0 0 0 1px #eab308,0 0 24px rgba(234,179,8,.28)}.mode-row{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:16px 0}.mode-row button{min-height:52px;padding:14px 16px;color:#fff;background:rgba(0,0,0,.2);border:1px solid #333333;border-radius:12px;text-align:left;font-size:16px}.mode-row strong{display:block;font-size:16px}.mode-row small{display:block;margin-top:4px;color:#c4c9d1;font-size:13px;line-height:1.4}.mode-row button.is-active small{color:#dbeafe}.pal-multi{margin-top:8px}.pal-multi+.breed-action{margin-top:32px}.breed-grid+.breed-action{margin-top:20px}.breed-action{display:block;width:100%;min-height:48px;margin-top:20px;padding:14px 20px;color:#fff;background:#3b82f6;border-radius:10px;font-size:16px}.breed-action:disabled{color:#9ca3af;background:#374151}.breed-error{color:#fca5a5}.breed-more{display:block;width:100%;min-height:44px;margin:16px auto 0;padding:12px 20px;color:#e5e7eb;background:#121212;border:1px solid #333333;border-radius:10px;font-size:15px}.path-list header{margin-bottom:12px;color:#e5e7eb;font-size:15px;word-break:break-word}@media(min-width:375px){.breed-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.breed-tabs button{font-size:13px;padding:10px 8px}.breed-hero h1{font-size:30px}.pal-select__trigger{min-height:72px}.result-row .pal-face img{width:108px;height:108px}}@media(min-width:481px){.breed-page{padding:24px 20px calc(56px + env(safe-area-inset-bottom,0px));font-size:17px}.breed-hero h1{font-size:34px}.breed-hero span,.breed-card p,.breed-meta{font-size:16px}.breed-card{padding:20px}.breed-card h2{font-size:24px}.mode-row{grid-template-columns:repeat(2,minmax(0,1fr))}.pal-chip img,.pal-select__menu img{width:52px;height:52px}}@media(min-width:769px){.breed-page{padding:32px 24px 64px;font-size:18px;line-height:1.55}.breed-hero h1{font-size:42px}.breed-hero span,.breed-card p,.breed-meta{font-size:18px}.breed-tabs{display:flex;flex-wrap:wrap;justify-content:flex-start;margin:24px 0}.breed-tabs button{min-height:0;padding:12px 20px;font-size:16px}.breed-card{padding:24px;border-radius:16px}.breed-card h2{font-size:28px}.breed-card h3{font-size:22px}.breed-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}.pal-select{gap:10px}.pal-select__label{font-size:17px}.pal-select__trigger,.pal-select__menu input{min-height:88px;padding:16px 18px;border-radius:16px;font-size:18px}.pal-select__chevron{font-size:18px}.pal-select__menu input{min-height:52px;font-size:16px}.pal-select__placeholder{font-size:18px}.pal-select__menu button,.pal-chip,.pal-multi__chips button,.pair-grid article,.path-list li{gap:14px}.pal-select__menu button{min-height:0;padding:10px}.pal-chip img,.pal-select__menu img{width:56px;height:56px;border-radius:12px}.pal-multi__chips img{width:36px;height:36px}.pal-chip strong,.pal-select__menu strong{font-size:20px}.pal-chip small,.pal-face small,.pal-select__menu small{font-size:14px}.pal-multi__chips button{font-size:16px}.breed-result,.path-list section{margin-top:24px;padding:32px 20px;border-radius:16px}.result-row{flex-direction:row;flex-wrap:wrap;gap:28px;margin-top:20px}.result-row em,.pair-grid article em,.path-list li em{font-size:32px}.pair-grid,.path-list ol{gap:12px}.pair-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.pair-grid article,.path-list li{flex-wrap:nowrap;padding:16px}.pair-grid article span{font-size:14px}.pal-face{min-width:88px;gap:6px}.pal-face img{width:64px;height:64px;border-radius:12px}.pal-face strong{font-size:16px}.result-row .pal-face{width:auto;min-width:148px;padding:18px 20px 16px;border-radius:18px;gap:8px}.result-row .pal-face img{width:128px;height:128px}.result-row .pal-face strong{font-size:20px}.mode-row{gap:12px;margin:20px 0}.mode-row button{min-height:0;padding:16px 18px;font-size:18px}.mode-row strong{font-size:18px}.mode-row small{margin-top:6px;font-size:15px}.pal-multi+.breed-action{margin-top:36px}.breed-action{display:inline-block;width:auto;min-height:0;margin-top:20px;padding:14px 24px;font-size:17px}.breed-more{width:auto;min-height:0;font-size:16px}.path-list header{font-size:17px}}.template-home{background:var(--color-bg-black);display:grid;min-height:100vh;place-items:center;padding:var(--space-layout-section-gap-lg);box-sizing:border-box}.template-logo{margin:0;color:var(--color-text-strong);font-family:var(--type-font-family-primary);font-size:var(--type-size-900);font-weight:var(--type-weight-bold);line-height:var(--type-line-height-900);text-align:center}.template-logo__accent{color:var(--color-primary-base)}@media(max-width:480px){.template-logo{font-size:var(--type-size-700);line-height:var(--type-line-height-700)}}:root{--color-alpha-black-alpha-0: rgba(0, 0, 0, 0);--color-alpha-black-alpha-10: rgba(0, 0, 0, .1);--color-alpha-black-alpha-12: rgba(0, 0, 0, .12);--color-alpha-black-alpha-16: rgba(0, 0, 0, .16);--color-alpha-black-alpha-2: rgba(0, 0, 0, .02);--color-alpha-black-alpha-24: rgba(0, 0, 0, .24);--color-alpha-black-alpha-4: rgba(0, 0, 0, .04);--color-alpha-black-alpha-8: rgba(0, 0, 0, .08);--color-alpha-white-alpha-0: rgba(255, 255, 255, 0);--color-alpha-white-alpha-10: rgba(255, 255, 255, .1);--color-alpha-white-alpha-12: rgba(255, 255, 255, .12);--color-alpha-white-alpha-16: rgba(255, 255, 255, .16);--color-alpha-white-alpha-2: rgba(255, 255, 255, .02);--color-alpha-white-alpha-24: rgba(255, 255, 255, .24);--color-alpha-white-alpha-4: rgba(255, 255, 255, .04);--color-alpha-white-alpha-8: rgba(255, 255, 255, .08);--color-blue-100: #cefefe;--color-blue-200: #9ef7ff;--color-blue-300: #6ee8fd;--color-blue-400: #49d4fb;--color-blue-500: #0eb7fa;--color-blue-600: #0a8ed6;--color-blue-700: #066bb3;--color-blue-800: #034c90;--color-blue-alpha-700: rgba(6, 107, 179, .2);--color-brand-100: #7a5b09;--color-brand-200: #947210;--color-brand-300: #b69218;--color-brand-400: #dcb325;--color-brand-50: #514202;--color-brand-500: #ffd732;--color-brand-600: #ffe466;--color-brand-700: #feeb84;--color-brand-800: #fff3ad;--color-brand-alpha-700: rgba(254, 235, 132, .2);--color-gray-0: #ffffff;--color-gray-100: #f5f5f5;--color-gray-200: #ebebeb;--color-gray-300: #d1d1d1;--color-gray-400: #a3a3a3;--color-gray-50: #f7f7f7;--color-gray-500: #7b7b7b;--color-gray-600: #5c5c5c;--color-gray-700: #333333;--color-gray-800: #262626;--color-gray-900: #1c1c1c;--color-gray-950: #171717;--color-green-100: #d4fed8;--color-green-200: #a7feba;--color-green-300: #7bfaa3;--color-green-400: #59f499;--color-green-500: #25ed8b;--color-green-600: #1ccb88;--color-green-700: #12ab7f;--color-green-800: #0b8973;--color-green-alpha-700: rgba(18, 171, 127, .2);--color-green-alpha-wiki-raid-badge: rgba(66, 201, 132, .2);--color-red-100: #ffe8d6;--color-red-200: #ffccad;--color-red-300: #ffac84;--color-red-400: #ff8a66;--color-red-500: #fe5431;--color-red-600: #db3424;--color-red-700: #b61b19;--color-red-800: #920f17;--color-red-alpha-700: rgba(182, 27, 25, .2);--color-slate-0: #000306;--color-slate-100: #1b2228;--color-slate-200: #273039;--color-slate-300: #343f49;--color-slate-400: #46535f;--color-slate-50: #11161b;--color-slate-500: #626e7a;--color-slate-550: #767c7f;--color-slate-600: #7e8994;--color-slate-700: #aeb6be;--color-slate-800: #dfe3e7;--color-slate-850: #eceef0;--color-slate-900: #f5f7fa;--color-slate-950: #ffffff;--color-yellow-100: #fdfed4;--color-yellow-200: #fefdab;--color-yellow-300: #fdfb82;--color-yellow-400: #faf961;--color-yellow-500: #f9f62f;--color-yellow-600: #d6d322;--color-yellow-700: #b3b017;--color-yellow-800: #908c0e;--color-yellow-alpha-700: rgba(179, 176, 23, .2);--neutral-gray-0: #ffffff;--neutral-gray-100: #f5f5f5;--neutral-gray-200: #ebebeb;--neutral-gray-300: #d1d1d1;--neutral-gray-400: #a3a3a3;--neutral-gray-50: #f7f7f7;--neutral-gray-500: #7b7b7b;--neutral-gray-600: #5c5c5c;--neutral-gray-700: #333333;--neutral-gray-800: #262626;--neutral-gray-900: #1c1c1c;--neutral-gray-950: #171717;--radius-100: 2px;--radius-200: 4px;--radius-300: 6px;--radius-400: 8px;--radius-50: 0px;--radius-500: 12px;--radius-600: 20px;--radius-900: 999px;--space-element-100: 2px;--space-element-1000: 20px;--space-element-1200: 32px;--space-element-200: 4px;--space-element-300: 6px;--space-element-400: 8px;--space-element-50: 0px;--space-element-500: 10px;--space-element-600: 12px;--space-element-700: 14px;--space-element-800: 16px;--space-element-900: 18px;--space-layout-100: 4px;--space-layout-200: 6px;--space-layout-300: 8px;--space-layout-400: 12px;--space-layout-50: 0px;--space-layout-500: 14px;--space-layout-600: 16px;--space-layout-700: 20px;--type-font-family-number: Segoe UI;--type-font-family-primary: Microsoft YaHei UI;--type-letter-spacing-0: 0em;--type-line-height-100: 18px;--type-line-height-1000: 64px;--type-line-height-200: 20px;--type-line-height-25: 14px;--type-line-height-300: 24px;--type-line-height-400: 26px;--type-line-height-50: 16px;--type-line-height-500: 28px;--type-line-height-600: 32px;--type-line-height-700: 40px;--type-line-height-800: 48px;--type-line-height-900: 56px;--type-size-100: 12px;--type-size-1000: 56px;--type-size-200: 14px;--type-size-300: 16px;--type-size-400: 18px;--type-size-50: 10px;--type-size-500: 20px;--type-size-600: 24px;--type-size-700: 32px;--type-size-800: 40px;--type-size-900: 48px;--type-weight-bold: 700;--type-weight-regular: 400}:root{--color-bg-alpha-bg: var(--color-alpha-white-alpha-2);--color-bg-alpha-soft: var(--color-alpha-white-alpha-8);--color-bg-alpha-strong: var(--color-alpha-white-alpha-12);--color-bg-alpha-weak: var(--color-alpha-white-alpha-4);--color-bg-black: var(--color-slate-0);--color-bg-color-blue: var(--color-blue-200);--color-bg-color-green: var(--color-green-200);--color-bg-color-red: var(--color-red-200);--color-bg-color-yellow: var(--color-yellow-200);--color-bg-disabled: var(--color-slate-200);--color-bg-hover: var(--color-slate-100);--color-bg-pressed: var(--color-slate-50);--color-bg-reverse: var(--color-slate-900);--color-bg-reverse-hover: var(--color-gray-50);--color-bg-reverse-pressed: var(--color-gray-100);--color-bg-soft: var(--color-slate-100);--color-bg-sub: var(--color-slate-200);--color-bg-surface: var(--color-slate-300);--color-bg-weak: var(--color-slate-50);--color-icon-black: var(--color-slate-0);--color-icon-disabled: var(--color-slate-500);--color-icon-soft: var(--color-slate-700);--color-icon-strong: var(--color-slate-900);--color-icon-sub: var(--color-slate-800);--color-icon-weak: var(--color-slate-600);--color-primary-alpha: var(--color-brand-alpha-700);--color-primary-base: var(--color-brand-500);--color-primary-dark: var(--color-brand-400);--color-primary-darker: var(--color-brand-300);--color-static-black: var(--color-slate-0);--color-static-white: var(--color-gray-0);--color-status-error: var(--color-red-400);--color-status-error-bg: var(--color-red-alpha-700);--color-status-info: var(--color-blue-400);--color-status-info-bg: var(--color-blue-alpha-700);--color-status-success: var(--color-green-400);--color-status-success-bg: var(--color-green-alpha-700);--color-status-success-wiki-raid-badge-bg: var(--color-green-alpha-wiki-raid-badge);--color-status-warning: var(--color-yellow-300);--color-status-warning-bg: var(--color-yellow-alpha-700);--color-stroke-active: var(--color-slate-400);--color-stroke-area: var(--color-alpha-white-alpha-10);--color-stroke-disabled: var(--color-slate-100);--color-stroke-soft: var(--color-slate-200);--color-stroke-strong: var(--color-slate-900);--color-stroke-sub: var(--color-slate-300);--color-text-black: var(--color-slate-0);--color-text-disabled: var(--color-slate-500);--color-text-soft: var(--color-slate-700);--color-text-strong: var(--color-slate-900);--color-text-sub: var(--color-slate-800);--color-text-weak: var(--color-slate-600);--color-text-wiki-hero-description: var(--color-slate-550);--color-text-wiki-raid-material-name: var(--color-slate-850);--radius-full: var(--radius-900);--radius-lg: var(--radius-300);--radius-md: var(--radius-200);--radius-none: var(--radius-50);--radius-sm: var(--radius-100);--radius-xl: var(--radius-400);--radius-xxl: var(--radius-500);--space-element-gap-lg: var(--space-element-600);--space-element-gap-md: var(--space-element-400);--space-element-gap-none: var(--space-element-50);--space-element-gap-sm: var(--space-element-200);--space-element-padding-2lg: var(--space-element-800);--space-element-padding-lg: var(--space-element-600);--space-element-padding-max: var(--space-element-1200);--space-element-padding-md: var(--space-element-400);--space-element-padding-mid: var(--space-element-200);--space-element-padding-min: var(--space-element-100);--space-element-padding-sm: var(--space-element-300);--space-element-padding-card-content: var(--space-element-500);--size-card-min-height: 188px;--size-card-media-height: 124px;--space-layout-content-gap: var(--space-layout-100);--space-layout-component-gap: var(--space-layout-400);--space-layout-page-padding: var(--space-layout-400);--space-layout-section-gap: var(--space-layout-300);--space-layout-section-gap-lg: var(--space-layout-700);--z-index-modal: 1000;--z-index-tooltip: 60;--z-index-tooltip-portal: 1001}*,*:before,*:after{box-sizing:border-box}:root{color:#f5f5f5;background:#121212;font-family:PingFang SC,Noto Sans SC,system-ui,sans-serif}html,body{min-width:320px;min-height:100%;margin:0;overflow-x:hidden}body{min-height:100dvh}.app-shell{box-sizing:border-box;width:min(720px,100% - 48px);margin:0 auto;padding:96px 0}.app-shell__eyebrow{color:#ff8a3d;font-weight:700;text-transform:uppercase}