@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&family=Noto+Serif+SC:wght@400;600;700&family=ZCOOL+XiaoWei&display=swap";
:root{--ink-black:#1a1a2e;--ink-dark:#16213e;--ink-medium:#0f3460;--ink-light:#e0e0e0;--paper:#f5f0e6;--paper-dark:#e8e0d0;--paper-light:#faf8f3;--accent:#4a5568;--accent-light:#718096;--border-sketch:2px solid var(--ink-black);--border-radius-organic:8px 12px 6px 14px;--border-radius-sm:4px 6px 3px 7px;--shadow-ink:2px 2px 0 #1a1a2e1a,4px 4px 8px #1a1a2e26;--shadow-ink-hover:3px 3px 0 #1a1a2e26,6px 6px 12px #1a1a2e33;--font-display:"ZCOOL XiaoWei","Ma Shan Zheng","Noto Serif SC",serif;--font-body:"Noto Sans SC",system-ui,sans-serif;--font-mono:"Fira Code","Consolas",monospace;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--rarity-common:#9e9e9e;--rarity-rare:#2196f3;--rarity-epic:#9c27b0;--rarity-legendary:#ff9800;--biome-forest:#4caf50;--biome-ocean:#2196f3;--biome-mountain:#795548;--biome-desert:#ffc107;--biome-tundra:#b3e5fc;--biome-swamp:#8bc34a;--item-weapon:#e53935;--item-armor:#5e35b1;--item-accessory:#fb8c00;--item-consumable:#43a047;--item-material:#757575;--item-key-item:gold}
:root{--element-fire:#ff6b35;--element-water:#4ecdc4;--element-grass:#7cb342;--element-electric:#ffd93d;--element-ice:#81d4fa;--element-rock:#a1887f;--element-ground:#d4a373;--element-flying:#90caf9;--element-bug:#aed581;--element-poison:#ba68c8;--element-dark:#5d4e60;--element-light:#fff59d;--element-steel:#90a4ae;--element-dragon:#7e57c2}.element-badge{border-radius:var(--border-radius-sm);text-transform:uppercase;letter-spacing:.05em;color:#fff;text-shadow:0 1px 2px #0000004d;border:1px solid #0000001a;justify-content:center;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.element-fire{background-color:var(--element-fire)}.element-water{background-color:var(--element-water)}.element-grass{background-color:var(--element-grass)}.element-electric{background-color:var(--element-electric);color:var(--ink-black);text-shadow:none}.element-ice{background-color:var(--element-ice);color:var(--ink-dark);text-shadow:none}.element-rock{background-color:var(--element-rock)}.element-ground{background-color:var(--element-ground);color:var(--ink-dark);text-shadow:none}.element-flying{background-color:var(--element-flying);color:var(--ink-dark);text-shadow:none}.element-bug{background-color:var(--element-bug);color:var(--ink-dark);text-shadow:none}.element-poison{background-color:var(--element-poison)}.element-dark{background-color:var(--element-dark)}.element-light{background-color:var(--element-light);color:var(--ink-black);text-shadow:none}.element-steel{background-color:var(--element-steel)}.element-dragon{background-color:var(--element-dragon)}.element-fire:before{content:"火"}.element-water:before{content:"水"}.element-grass:before{content:"草"}.element-electric:before{content:"电"}.element-ice:before{content:"冰"}.element-rock:before{content:"岩"}.element-ground:before{content:"地"}.element-flying:before{content:"飞"}.element-bug:before{content:"虫"}.element-poison:before{content:"毒"}.element-dark:before{content:"暗"}.element-light:before{content:"光"}.element-steel:before{content:"钢"}.element-dragon:before{content:"龙"}
.paper-texture{background-color:var(--paper);background-image:radial-gradient(at 20% 30%,#00000005 0%,#0000 50%),radial-gradient(at 80% 70%,#00000005 0%,#0000 50%)}.ink-card{padding:var(--spacing-md);background:var(--paper);border-radius:var(--border-radius-organic);border:2px solid var(--ink-black);box-shadow:var(--shadow-ink);transition:transform var(--transition-normal),box-shadow var(--transition-normal);position:relative}.ink-card:hover{box-shadow:var(--shadow-ink-hover);transform:translateY(-4px)rotate(-.5deg)}@keyframes ink-spread{0%{filter:blur();opacity:.8}50%{filter:blur(2px);opacity:1}to{filter:blur();opacity:.8}}@keyframes ink-drop{0%{opacity:0;transform:translateY(-10px)}50%{opacity:1}to{opacity:1;transform:translateY(0)}}.ink-button{padding:var(--spacing-sm)var(--spacing-lg);background:var(--ink-black);color:var(--paper);border-radius:var(--border-radius-sm);font-family:var(--font-display);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);border:none;justify-content:center;align-items:center;font-size:1rem;display:inline-flex}.ink-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #1a1a2e4d}.ink-button:active{box-shadow:none;transform:translateY(0)}.ink-input{width:100%;padding:var(--spacing-sm)var(--spacing-md);background:var(--paper-light);border:2px solid var(--ink-light);border-radius:var(--border-radius-sm);font-family:var(--font-body);transition:border-color var(--transition-fast);font-size:1rem}.ink-input:focus{border-color:var(--ink-black);outline:none}.ink-input::placeholder{color:var(--accent-light)}.ink-loader{gap:var(--spacing-sm);align-items:flex-end;height:24px;display:flex}.ink-loader-dot{background:var(--ink-black);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite ink-loader-bounce}.ink-loader-dot:first-child{animation-delay:0s}.ink-loader-dot:nth-child(2){animation-delay:.16s}.ink-loader-dot:nth-child(3){animation-delay:.32s}@keyframes ink-loader-bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-12px)}}.stat-bar{align-items:center;gap:var(--spacing-sm);height:24px;display:flex}.stat-bar-label{width:80px;font-family:var(--font-body);color:var(--ink-dark);font-size:.875rem}.stat-bar-track{background:var(--paper-dark);border:1px solid var(--ink-light);border-radius:6px;flex:1;height:12px;overflow:hidden}.stat-bar-fill{background:linear-gradient(90deg,var(--ink-medium),var(--ink-dark));height:100%;transition:width var(--transition-slow);border-radius:6px}.stat-bar-value{text-align:right;width:40px;font-family:var(--font-mono);color:var(--ink-black);font-size:.875rem}.color-palette{gap:4px;display:flex}.color-swatch{border:1px solid var(--ink-light);border-radius:4px;width:24px;height:24px}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);color:var(--ink-black);background-color:var(--paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--ink-medium)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--ink-black);font-weight:600;line-height:1.3}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{margin-bottom:var(--spacing-md)}img{max-width:100%;height:auto;display:block}.container{max-width:1200px;padding:0 var(--spacing-md);margin:0 auto}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.grid{display:grid}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-muted{color:var(--accent-light)}@media (max-width:640px){html{font-size:14px}h1{font-size:2rem}h2{font-size:1.5rem}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}body:has([data-tools-page])>footer{display:none}body:has([data-tools-page]){overflow:hidden}