.app-layout{display:flex;min-height:100vh;background:var(--bg-page);flex-direction:column}.main-content{flex:1;min-height:100vh;display:flex;flex-direction:column;background:var(--bg-page)}.content-container{padding:var(--space-6) var(--space-8);max-width:var(--max-w-4xl);margin:0 auto;width:100%;flex:1;box-sizing:border-box}.hero-banner{position:relative;width:100vw;margin-left:50%;transform:translate(-50%);margin-bottom:var(--space-10);min-height:clamp(420px,55vh,560px);overflow:hidden;border-radius:0 0 var(--radius-3xl) var(--radius-3xl);background:var(--gradient-hero);isolation:isolate}.hero-background{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-hero);z-index:0}.hero-mesh{position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--gradient-hero-overlay);mix-blend-mode:screen;z-index:0}.hero-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%);z-index:0}.hero-glow{position:absolute;border-radius:50%;filter:blur(110px);animation:heroGlowFloat 14s ease-in-out infinite;will-change:transform;z-index:0}.hero-glow-1{width:520px;height:520px;background:#2dd4bf47;top:-200px;left:5%;animation-delay:0s}.hero-glow-2{width:420px;height:420px;background:#22d3ee38;top:-120px;right:8%;animation-delay:-5s}.hero-glow-3{width:380px;height:380px;background:#fbbf2429;bottom:-150px;left:38%;animation-delay:-9s}@keyframes heroGlowFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-25px) scale(1.05)}50%{transform:translateY(-35px) scale(1.1)}75%{transform:translate(-20px,-15px) scale(1.05)}}.hero-wrapper{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;padding:var(--space-16) var(--space-10);min-height:clamp(420px,55vh,560px)}.hero-cover-content{position:relative;z-index:2;text-align:center;color:var(--color-white);max-width:820px;padding:0 var(--space-6)}.brand-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1-5) var(--space-4);background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);color:#ffffffeb;letter-spacing:.08em;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.brand-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--color-accent-300);box-shadow:0 0 12px var(--color-accent-300);animation:badgePulse 2.5s ease-in-out infinite}@keyframes badgePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.brand-name{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:var(--font-extrabold);margin:var(--space-7) 0 var(--space-5);line-height:var(--leading-tight);letter-spacing:-.02em;background:var(--gradient-text-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-accent{background:var(--gradient-text-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding:0 .05em}.hero-slogan{font-size:clamp(1rem,1.5vw,1.2rem);font-weight:var(--font-normal);margin:0 0 var(--space-10);color:#ffffffe0;line-height:var(--leading-relaxed)}.hero-quote{font-size:var(--text-sm);font-style:italic;line-height:var(--leading-relaxed);margin:var(--space-7) 0 0;padding:0;color:#ffffffc7;border:none;opacity:.85}.hero-scroll-hint{position:absolute;bottom:var(--space-7);left:50%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:var(--space-1-5);color:#ffffffb3;font-size:var(--text-xs);letter-spacing:.15em;animation:scrollHint 2.6s var(--ease-in-out) infinite;pointer-events:none}.hero-scroll-arrow{font-size:var(--text-base);display:inline-block;transform:translateZ(0)}@keyframes scrollHint{0%,to{transform:translate(-50%);opacity:.6}50%{transform:translate(-50%,8px);opacity:1}}.category-anchors{position:sticky;top:0;z-index:var(--z-sticky);margin:0 calc(var(--space-8) * -1);padding:var(--space-3) var(--space-8);background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-light);transition:var(--transition-all)}.category-anchors-inner{display:flex;align-items:center;gap:var(--space-4);max-width:var(--max-w-4xl);margin:0 auto;flex-wrap:wrap}.category-anchors-search{position:relative;display:flex;align-items:center;flex:0 1 320px;min-width:220px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-full);padding:0 var(--space-3-5) 0 var(--space-4);transition:var(--transition-all);box-shadow:var(--shadow-xs)}.category-anchors-search:focus-within{border-color:var(--color-primary-400);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.16)}.category-anchors-search-icon{color:var(--text-tertiary);margin-right:var(--space-2);font-size:var(--text-sm)}.category-anchors-search input{flex:1;border:0;outline:none;background:transparent;padding:var(--space-2-5) 0;font-size:var(--text-sm);color:var(--text-primary);min-width:0}.category-anchors-search input::placeholder{color:var(--text-tertiary)}.category-anchors-clear{border:0;background:var(--color-gray-100);color:var(--text-tertiary);width:22px;height:22px;border-radius:50%;cursor:pointer;line-height:1;font-size:var(--text-sm);display:flex;align-items:center;justify-content:center;transition:var(--transition-colors)}.category-anchors-clear:hover{background:var(--color-gray-200);color:var(--text-secondary)}.category-anchors-list{display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:var(--space-0-5) 0;flex:1 1 auto;min-width:0}.category-anchors-list::-webkit-scrollbar{display:none}.category-anchor{display:inline-flex;align-items:center;gap:var(--space-1-5);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);text-decoration:none;white-space:nowrap;transition:var(--transition-all);cursor:pointer;box-shadow:var(--shadow-xs)}.category-anchor:hover{color:var(--theme-text, var(--color-primary-700));border-color:var(--theme, var(--color-primary-400));background:var(--theme-soft, var(--color-primary-50));transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--theme-rgb, var(--color-primary-rgb)),.16)}.category-anchor-icon{font-size:var(--text-sm)}.category-anchor-text{font-weight:var(--font-medium)}.category-anchor-count{margin-left:var(--space-0-5);padding:1px var(--space-2);background:var(--color-gray-50);border-radius:var(--radius-full);color:var(--text-tertiary);font-size:var(--text-2xs);font-weight:var(--font-semibold);border:1px solid var(--border-light)}.category-anchor:hover .category-anchor-count{color:var(--theme-text, var(--color-primary-700));border-color:var(--theme, var(--color-primary-400));background:#ffffffd9}.theme-honey{--theme: var(--theme-honey);--theme-soft: var(--theme-honey-soft);--theme-text: var(--theme-honey-text);--theme-rgb: var(--theme-honey-rgb)}.theme-teal{--theme: var(--theme-teal);--theme-soft: var(--theme-teal-soft);--theme-text: var(--theme-teal-text);--theme-rgb: var(--theme-teal-rgb)}.theme-deep{--theme: var(--theme-deep);--theme-soft: var(--theme-deep-soft);--theme-text: var(--theme-deep-text);--theme-rgb: var(--theme-deep-rgb)}.theme-emerald{--theme: var(--theme-emerald);--theme-soft: var(--theme-emerald-soft);--theme-text: var(--theme-emerald-text);--theme-rgb: var(--theme-emerald-rgb)}.theme-sky{--theme: var(--theme-sky);--theme-soft: var(--theme-sky-soft);--theme-text: var(--theme-sky-text);--theme-rgb: var(--theme-sky-rgb)}.theme-mist{--theme: var(--theme-mist);--theme-soft: var(--theme-mist-soft);--theme-text: var(--theme-mist-text);--theme-rgb: var(--theme-mist-rgb)}.tool-section{margin-bottom:var(--space-12);scroll-margin-top:80px}.section-header-ms{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding-left:var(--space-3);border-left:3px solid var(--theme, var(--color-primary-500))}.section-header-ms-num{font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:var(--font-extrabold);line-height:1;color:var(--theme-text, var(--color-primary-700));opacity:.85;letter-spacing:-.02em;font-variant-numeric:tabular-nums;width:48px;flex-shrink:0}.section-header-ms-body{flex:1;min-width:0}.section-header-ms-icon-row{display:flex;align-items:center;gap:var(--space-2-5);margin-bottom:var(--space-1-5);flex-wrap:wrap}.section-header-icon{font-size:var(--text-xl);line-height:1}.section-header-ms-count{display:inline-flex;align-items:center;padding:var(--space-0-5) var(--space-2-5);border-radius:var(--radius-full);background:var(--theme-soft, var(--color-primary-50));color:var(--theme-text, var(--color-primary-700));font-size:var(--text-2xs);font-weight:var(--font-semibold);letter-spacing:.03em}.section-header-ms-title{margin:0;font-size:clamp(1.15rem,1.8vw,1.4rem);font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:-.01em}.section-header-ms-subtitle{margin:var(--space-1) 0 0;color:var(--text-tertiary);font-size:var(--text-sm);letter-spacing:.01em}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-3)}.tool-card{position:relative;display:flex;align-items:flex-start;gap:var(--space-3-5);padding:var(--space-3-5) var(--space-4-5, 18px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:var(--transition-all);cursor:pointer;text-decoration:none;color:inherit;overflow:hidden;min-height:76px;box-shadow:var(--shadow-xs)}.tool-card:before{content:"";position:absolute;top:0;left:var(--space-3);right:var(--space-3);height:2.5px;background:var(--theme, var(--color-primary-500));border-radius:0 0 3px 3px;opacity:0;transition:opacity var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out);transform:translateY(-2px)}.tool-card:hover{border-color:var(--theme, var(--color-primary-400));box-shadow:0 8px 20px rgba(var(--theme-rgb, var(--color-primary-rgb)),.12),0 0 0 1px rgba(var(--theme-rgb, var(--color-primary-rgb)),.05);transform:translateY(-3px);background:var(--bg-card)}.tool-card:hover:before{opacity:1;transform:translateY(0)}.tool-card:active{transform:translateY(-1px)}.tool-card .tool-icon{width:42px;height:42px;border-radius:var(--radius-lg);display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-xl);background:var(--theme-soft, var(--color-primary-50));flex-shrink:0;line-height:1;transition:transform var(--duration-normal) var(--ease-out),background var(--duration-normal) var(--ease-out);margin-top:2px}.tool-card:hover .tool-icon{transform:scale(1.1);background:var(--theme-soft, var(--color-primary-100))}.tool-card .tool-info{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;flex:1}.tool-card .tool-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);line-height:1.4;letter-spacing:-.005em;transition:color var(--duration-fast) var(--ease-out)}.tool-card:hover .tool-name{color:var(--theme-text, var(--color-primary-700))}.tool-card .tool-desc{font-size:var(--text-xs);color:var(--text-tertiary);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.empty-search{text-align:center;padding:var(--space-16) var(--space-8);background:var(--bg-card);border:1px dashed var(--border-color);border-radius:var(--radius-2xl);margin-bottom:var(--space-12)}.empty-search-icon{font-size:var(--text-5xl);margin-bottom:var(--space-4);opacity:.5}.empty-search-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.empty-search-desc{color:var(--text-tertiary);font-size:var(--text-sm);margin-bottom:var(--space-6)}.empty-search-reset{border:0;background:var(--color-primary-500);color:var(--color-white);padding:var(--space-2-5) var(--space-6);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-colors);box-shadow:var(--shadow-primary-sm)}.empty-search-reset:hover{background:var(--color-primary-600)}.home-footer{margin-top:auto;padding:var(--space-8) var(--space-8) var(--space-10);border-top:1px solid var(--border-light);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.home-footer p{margin:var(--space-1) 0;font-weight:var(--font-normal)}.home-footer a{color:var(--text-tertiary);text-decoration:none;transition:var(--transition-colors);border-bottom:1px solid transparent}.home-footer a:hover{color:var(--color-primary-600);border-bottom-color:var(--color-primary-600)}@media (max-width: 1024px){.content-container{padding:var(--space-5) var(--space-6)}.hero-banner{margin-bottom:var(--space-8);min-height:clamp(380px,50vh,480px)}.hero-wrapper{padding:var(--space-12) var(--space-8);min-height:clamp(380px,50vh,480px)}.category-anchors{margin:0 calc(var(--space-6) * -1);padding:var(--space-2-5) var(--space-6)}.category-anchors-search{flex:1 1 100%;min-width:0}.category-anchors-list{width:100%;flex:1 1 100%}}@media (max-width: 768px){.content-container{padding:var(--space-4) var(--space-4)}.hero-banner{margin-bottom:var(--space-6);min-height:320px;border-radius:0 0 var(--radius-2xl) var(--radius-2xl)}.hero-wrapper{padding:var(--space-10) var(--space-5);min-height:320px}.hero-scroll-hint{display:none}.category-anchors{margin:0 calc(var(--space-4) * -1);padding:var(--space-2-5) var(--space-4)}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:var(--space-2-5)}.tool-card{padding:var(--space-3) var(--space-3-5);border-radius:var(--radius-md);gap:var(--space-3);min-height:72px}.tool-card .tool-icon{width:36px;height:36px;font-size:var(--text-lg);border-radius:var(--radius-md)}.tool-card .tool-name{font-size:var(--text-sm)}.tool-card .tool-desc{font-size:var(--text-2xs);-webkit-line-clamp:2}.section-header-ms{padding-left:var(--space-2-5);border-left-width:2.5px}.section-header-ms-num{width:38px}}@media (max-width: 480px){.tool-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.tool-section{animation:fadeInUp .5s var(--ease-out) forwards}.tool-section:nth-child(2){animation-delay:.08s}.tool-section:nth-child(3){animation-delay:.16s}.tool-section:nth-child(4){animation-delay:.24s}.tool-section:nth-child(5){animation-delay:.32s}.tool-section:nth-child(6){animation-delay:.4s}@media (prefers-reduced-motion: reduce){.tool-card,.hero-glow,.brand-badge-dot,.category-anchor,.tool-section,.hero-scroll-hint{animation:none;transition:none}}.app-layout{--home-page: #071110;--home-surface: #0e1b19;--home-card: rgba(18, 31, 29, .96);--home-card-strong: rgba(23, 39, 36, .98);--home-border: rgba(148, 163, 184, .16);--home-border-strong: rgba(94, 234, 212, .26);--home-text: #f4faf8;--home-text-secondary: #d4e2de;--home-text-muted: #93aaa5;--home-teal: #2dd4bf;--home-teal-rgb: 45, 212, 191;--home-amber: #fbbf24;--home-max-width: 1180px;min-width:0;background:radial-gradient(circle at 12% 8%,rgba(45,212,191,.08),transparent 28%),radial-gradient(circle at 88% 22%,rgba(8,145,178,.1),transparent 30%),var(--home-page)}.main-content{min-width:0;background:transparent}.content-container{max-width:var(--home-max-width);padding:0 clamp(16px,3vw,32px) clamp(36px,5vw,72px)}.hero-banner{min-height:clamp(300px,38vh,420px);margin-bottom:clamp(24px,4vw,44px);border-radius:0 0 clamp(20px,2.5vw,32px) clamp(20px,2.5vw,32px);background:linear-gradient(135deg,#052320fa,#0f4e4af5 42%,#0e7490eb);box-shadow:0 22px 70px #00000047}.hero-background:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,rgba(3,10,9,.14),transparent 30%,rgba(3,10,9,.22)),radial-gradient(circle at 50% 42%,rgba(255,255,255,.09),transparent 28%);pointer-events:none}.hero-grid-overlay{background-size:72px 72px;opacity:.55}.hero-wrapper{min-height:clamp(300px,38vh,420px);padding:clamp(52px,7vw,84px) clamp(18px,4vw,56px) clamp(46px,6vw,72px)}.hero-cover-content{max-width:min(760px,92vw);padding:0}.brand-badge{padding:7px 14px;background:#ffffff1a;border-color:#fff3;color:#f6fffcf5;font-size:clamp(.68rem,1vw,.76rem);line-height:1;box-shadow:inset 0 1px #ffffff1f,0 8px 24px #00000024}.brand-name{margin:clamp(18px,3vw,28px) 0 0;font-size:clamp(2.15rem,5vw,4.1rem);line-height:1.08;letter-spacing:-.045em;text-shadow:0 8px 32px rgba(0,0,0,.24)}.hero-quote{max-width:520px;margin:clamp(10px,1.6vw,16px) auto 0;color:#f4faf8db;font-size:clamp(.78rem,1.05vw,.9rem);line-height:1.7}.hero-scroll-hint{bottom:18px;color:#f4faf8bd}.category-anchors{margin:0 calc(clamp(16px,3vw,32px)*-1);padding:12px clamp(16px,3vw,32px);background:#071110e0;border-bottom:1px solid rgba(94,234,212,.12);box-shadow:0 10px 34px #0000002e}.category-anchors-inner{max-width:var(--home-max-width);gap:12px}.category-anchors-search{flex:0 1 320px;min-width:260px;min-height:42px;background:#121f1df0;border-color:#5eead42e;box-shadow:inset 0 1px #ffffff0a,0 8px 22px #0000001f}.category-anchors-search:focus-within{border-color:#5eead494;box-shadow:0 0 0 3px #2dd4bf2e,0 10px 28px #00000029}.category-anchors-search input{color:var(--home-text)}.category-anchors-search input::placeholder,.category-anchors-search-icon{color:var(--home-text-muted)}.category-anchors-list{gap:10px}.category-anchor{min-height:42px;padding:9px 14px;background:#121f1de6;border-color:var(--home-border);color:var(--home-text-secondary);box-shadow:inset 0 1px #ffffff0a}.category-anchor-count{background:#ffffff0f;border-color:#ffffff14;color:#a8c3be}.category-anchor:hover,.category-anchor:focus-visible{color:#fff;background:rgba(var(--theme-rgb, var(--home-teal-rgb)),.16);border-color:var(--theme, var(--home-teal));box-shadow:0 8px 24px rgba(var(--theme-rgb, var(--home-teal-rgb)),.18)}.category-anchor:hover .category-anchor-count,.category-anchor:focus-visible .category-anchor-count{color:#fff;background:rgba(var(--theme-rgb, var(--home-teal-rgb)),.22);border-color:rgba(var(--theme-rgb, var(--home-teal-rgb)),.34)}.tool-section{margin-bottom:clamp(42px,6vw,76px);padding-top:2px;scroll-margin-top:96px}.section-header-ms{align-items:flex-start;gap:16px;margin-bottom:20px;padding:2px 0 2px 16px;border-left-width:4px}.section-header-ms-num{width:50px;color:var(--theme, var(--home-teal));opacity:.95}.section-header-ms-title{color:var(--home-text);font-size:clamp(1.18rem,2vw,1.5rem)}.section-header-ms-subtitle{color:var(--home-text-muted);line-height:1.65}.section-header-ms-count{background:rgba(var(--theme-rgb, var(--home-teal-rgb)),.16);color:color-mix(in srgb,var(--theme, var(--home-teal)) 72%,white 28%);border:1px solid rgba(var(--theme-rgb, var(--home-teal-rgb)),.24)}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.tool-card{min-height:88px;padding:16px 18px;gap:14px;border-radius:16px;background:linear-gradient(145deg,#162522fa,#0e1b19fa);border-color:var(--home-border);box-shadow:inset 0 1px #ffffff0a,0 10px 28px #0000002e}.tool-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(circle at 16% 0%,rgba(var(--theme-rgb, var(--home-teal-rgb)),.14),transparent 38%);opacity:0;transition:opacity var(--duration-normal) var(--ease-out);pointer-events:none}.tool-card>*{position:relative;z-index:1}.tool-card:before{left:16px;right:16px;height:3px}.tool-card:hover,.tool-card:focus-visible{background:linear-gradient(145deg,#1a2f2bfa,#11211efa);border-color:rgba(var(--theme-rgb, var(--home-teal-rgb)),.48);box-shadow:0 14px 36px rgba(var(--theme-rgb, var(--home-teal-rgb)),.15),0 10px 30px #0000003d}.tool-card:hover:after,.tool-card:focus-visible:after{opacity:1}.tool-card .tool-icon{width:44px;height:44px;margin-top:0;border-radius:14px;background:rgba(var(--theme-rgb, var(--home-teal-rgb)),.14);box-shadow:inset 0 0 0 1px rgba(var(--theme-rgb, var(--home-teal-rgb)),.16)}.tool-card .tool-name{color:var(--home-text);font-size:.94rem;line-height:1.42;overflow-wrap:anywhere}.tool-card .tool-desc{color:var(--home-text-muted);font-size:.78rem;line-height:1.55}.empty-search{background:var(--home-card);border-color:#5eead438;color:var(--home-text-secondary)}.empty-search-title{color:var(--home-text)}.empty-search-desc,.home-footer,.home-footer a{color:var(--home-text-muted)}.home-footer{border-top-color:#5eead41a}@media (prefers-color-scheme: light){.app-layout{--home-page: #f3faf8;--home-surface: #ffffff;--home-card: rgba(255, 255, 255, .96);--home-card-strong: #ffffff;--home-border: rgba(15, 118, 110, .14);--home-text: #10201d;--home-text-secondary: #29423d;--home-text-muted: #667a75;background:radial-gradient(circle at 12% 8%,rgba(20,184,166,.09),transparent 30%),radial-gradient(circle at 88% 18%,rgba(8,145,178,.1),transparent 32%),var(--home-page)}.category-anchors{background:transparent;border-bottom-color:transparent;box-shadow:none}.category-anchors-inner{background:#ffffffbd;border-color:#0f766e1f;box-shadow:0 14px 40px #0f1f1d14}.category-anchors-search,.category-anchor{background:#ffffffdb;box-shadow:0 8px 22px #0f1f1d0f}.category-anchor-count{background:#0f766e0f;color:#5f746f}.tool-card{background:linear-gradient(145deg,#fffffffa,#f5faf8fa);box-shadow:inset 0 1px #ffffffbf,0 10px 28px #0f1f1d12}.tool-card:hover,.tool-card:focus-visible{background:#fff;box-shadow:0 14px 36px rgba(var(--theme-rgb, var(--home-teal-rgb)),.12),0 10px 30px #0f1f1d1a}}@media (max-width: 1024px){.content-container{padding-left:clamp(16px,4vw,24px);padding-right:clamp(16px,4vw,24px)}.category-anchors{margin:0 calc(clamp(16px,4vw,24px)*-1);padding-left:clamp(16px,4vw,24px);padding-right:clamp(16px,4vw,24px)}.category-anchors-search{max-width:none}}@media (max-width: 768px){.hero-banner{min-height:280px;margin-bottom:22px}.hero-wrapper{min-height:280px;padding:46px 18px 40px}.brand-name{font-size:clamp(2rem,9vw,2.8rem);letter-spacing:-.035em}.category-anchors{position:sticky;padding-top:10px;padding-bottom:10px}.category-anchors-inner{gap:10px}.category-anchors-search{flex-basis:100%;min-width:0}.category-anchor{min-height:38px;padding:8px 12px}.tool-section{margin-bottom:42px;scroll-margin-top:116px}.section-header-ms{gap:12px;padding-left:12px}.section-header-ms-num{width:38px}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.tool-card{min-height:82px;padding:14px}}@media (max-width: 520px){.content-container{padding-left:14px;padding-right:14px}.category-anchors{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}.brand-badge{max-width:92vw;white-space:normal;line-height:1.35;justify-content:center}.tool-grid{grid-template-columns:1fr}.tool-card .tool-desc{-webkit-line-clamp:3}}@media print{.category-anchors,.hero-scroll-hint,.hero-glow,.hero-mesh,.hero-grid-overlay{display:none}.hero-banner{background:var(--color-white);border:1px solid var(--border-color);color:var(--text-primary)}.brand-name,.brand-accent{background:none;-webkit-text-fill-color:var(--text-primary);color:var(--text-primary)}.tool-card{page-break-inside:avoid;box-shadow:none}}.tool-page{min-height:100vh;background:var(--bg-page);color:var(--text-primary);padding:var(--space-8) var(--space-5);position:relative}.tool-page>.tool-header,.tool-page>.tool-content,.tool-page>.tool-back-btn{max-width:var(--max-w-3xl);margin-left:auto;margin-right:auto}.tool-container{max-width:var(--max-w-3xl);margin:0 auto;position:relative;z-index:1}.tool-header{text-align:center;margin-bottom:var(--space-8)}.tool-back-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2-5) var(--space-5);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:var(--transition-all);margin-bottom:var(--space-8);text-decoration:none}.tool-back-btn:hover{background:var(--bg-card-hover);border-color:var(--border-color-hover);color:var(--text-primary);transform:translate(-3px);box-shadow:var(--shadow-sm)}.tool-title{font-size:clamp(1.6rem,3.6vw,2.4rem);font-weight:var(--font-bold);margin:0 0 var(--space-3) 0;background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.01em;line-height:var(--leading-tight)}.tool-description{font-size:var(--text-base);color:var(--text-secondary);max-width:640px;margin:0 auto;line-height:var(--leading-relaxed)}.tool-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-7) var(--space-8);box-shadow:var(--shadow-sm)}.control-panel{background:var(--bg-muted);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-7)}.control-group{margin-bottom:var(--space-5)}.control-group:last-child{margin-bottom:0}.control-label{display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.control-input,.control-select,.control-textarea{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);font-family:inherit;transition:var(--transition-all)}.control-input:focus,.control-select:focus,.control-textarea:focus{border-color:var(--color-primary-500);background:var(--bg-card);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.16);outline:none}.control-input::placeholder,.control-textarea::placeholder{color:var(--text-tertiary)}.control-range{width:100%;height:6px;background:var(--bg-muted);border-radius:3px;outline:none;-webkit-appearance:none}.control-range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:var(--primary);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-all);box-shadow:var(--shadow-primary-sm)}.control-range::-webkit-slider-thumb:hover{background:var(--primary-light);transform:scale(1.15)}.color-picker-group{display:flex;align-items:center;gap:var(--space-3)}.control-color{width:60px;height:40px;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-all)}.control-color:hover{border-color:var(--border-color-hover);transform:scale(1.05)}.button-group{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-6)}.tool-page .btn{padding:var(--space-3) var(--space-6);background:var(--primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-all);display:inline-flex;align-items:center;gap:var(--space-2)}.tool-page .btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-primary-md)}.tool-page .btn:active:not(:disabled){transform:translateY(0)}.tool-page .btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.tool-page .btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.tool-page .btn-secondary:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-color-hover);box-shadow:var(--shadow-sm)}.tool-page .btn-success{background:var(--color-success-500)}.tool-page .btn-success:hover:not(:disabled){background:var(--color-success-600);box-shadow:var(--shadow-success-sm)}.tool-page .btn-danger{background:var(--color-danger-500)}.tool-page .btn-danger:hover:not(:disabled){background:var(--color-danger-600);box-shadow:var(--shadow-danger-sm)}.preview-area{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-8);min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.preview-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-5)}.preview-empty{color:var(--text-tertiary);font-size:var(--text-base);text-align:center}.result-area{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6);margin-top:var(--space-6)}.result-item{padding:var(--space-4);background:var(--bg-muted);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--space-3);transition:var(--transition-all)}.result-item:hover{border-color:var(--border-color-hover);transform:translate(3px);box-shadow:var(--shadow-xs)}.loading{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-secondary)}.loading-spinner{width:var(--space-4);height:var(--space-4);border:2px solid var(--border-color);border-top-color:var(--primary);border-radius:var(--radius-full);animation:tpSpin .8s linear infinite}@keyframes tpSpin{to{transform:rotate(360deg)}}.info-box{background:rgba(var(--color-primary-rgb),.08);border:1px solid rgba(var(--color-primary-rgb),.2);border-radius:var(--radius-md);padding:var(--space-4);margin:var(--space-5) 0;color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.warning-box{background:rgba(var(--color-warning-rgb),.1);border:1px solid rgba(var(--color-warning-rgb),.25);color:var(--color-warning-700)}.error-box{background:rgba(var(--color-danger-rgb),.1);border:1px solid rgba(var(--color-danger-rgb),.25);color:var(--color-danger-600)}.success-box{background:rgba(var(--color-success-rgb),.1);border:1px solid rgba(var(--color-success-rgb),.25);color:var(--color-success-700)}.upload-area{border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:var(--space-10) var(--space-5);text-align:center;background:var(--bg-card);cursor:pointer;transition:var(--transition-all)}.upload-area:hover,.upload-area.drag-over{border-color:var(--primary);background:var(--bg-hover)}.upload-icon{font-size:3rem;margin-bottom:var(--space-4);opacity:.5}.upload-text{color:var(--text-secondary);font-size:var(--text-base);margin-bottom:var(--space-2)}.upload-hint{color:var(--text-tertiary);font-size:var(--text-xs)}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-4);margin-top:var(--space-5)}.image-preview-item{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-color)}.image-preview-item img{width:100%;height:100%;object-fit:cover}.image-remove-btn{position:absolute;top:var(--space-2);right:var(--space-2);width:var(--space-6);height:var(--space-6);background:#0f1f1db3;color:var(--color-white);border:none;border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--text-base);transition:var(--transition-all)}.image-remove-btn:hover{background:var(--color-danger-500);transform:scale(1.1)}@media (max-width: 768px){.tool-page{padding:var(--space-5) var(--space-3-5)}.tool-content{padding:var(--space-6) var(--space-4)}.control-panel{padding:var(--space-4)}.button-group{flex-direction:column}.tool-page .btn{width:100%;justify-content:center}}@media (prefers-color-scheme: dark){.tool-page .info-box{background:rgba(var(--color-primary-rgb),.12);border-color:rgba(var(--color-primary-rgb),.3);color:var(--text-secondary)}.tool-page .warning-box{background:rgba(var(--color-warning-rgb),.14);border-color:rgba(var(--color-warning-rgb),.3);color:var(--color-warning-200)}.tool-page .error-box{background:rgba(var(--color-danger-rgb),.14);border-color:rgba(var(--color-danger-rgb),.3);color:var(--color-danger-200)}.tool-page .success-box{background:rgba(var(--color-success-rgb),.14);border-color:rgba(var(--color-success-rgb),.3);color:var(--color-success-200)}}.tool-page .tool-header h1{font-size:clamp(1.6rem,3.6vw,2.4rem);font-weight:var(--font-bold);margin:0 0 var(--space-3);color:var(--text-primary);background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:var(--leading-tight);letter-spacing:-.01em}.tool-page .tool-header p{color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed);max-width:640px;margin:0 auto}.tool-page .input-section,.tool-page .results-section,.tool-page .info-section,.tool-page .options-section,.tool-page .stats-section,.tool-page .converter-section,.tool-page .current-time-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6);box-shadow:var(--shadow-xs)}.tool-page .input-section:last-child,.tool-page .results-section:last-child,.tool-page .info-section:last-child{margin-bottom:0}.tool-page .section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-light);flex-wrap:wrap}.tool-page .section-header h3,.tool-page .input-section h3,.tool-page .results-section h3,.tool-page .info-section h3,.tool-page .options-section h3,.tool-page .stats-section h3,.tool-page .converter-section h3,.tool-page .current-time-section h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0;display:inline-flex;align-items:center;gap:var(--space-2)}.tool-page .section-header h3+.button-group,.tool-page .section-header .button-group{margin:0}.tool-page .text-input,.tool-page .select-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-sans);line-height:var(--leading-relaxed);transition:var(--transition-all);resize:vertical}.tool-page textarea.text-input{min-height:96px}.tool-page .text-input:focus,.tool-page .select-input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.16);outline:none}.tool-page .text-input::placeholder{color:var(--text-tertiary)}.tool-page .options-section{padding:var(--space-4) var(--space-5);margin-top:var(--space-4);margin-bottom:0;background:var(--bg-muted);box-shadow:none}.tool-page .checkbox-label{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.tool-page .checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary-500);cursor:pointer}.tool-page .select-group{display:flex;flex-direction:column;gap:var(--space-1-5);margin-bottom:var(--space-3)}.tool-page .select-group label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.tool-page .hash-results{display:flex;flex-direction:column;gap:var(--space-3)}.tool-page .hash-item{background:var(--bg-muted);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-4);transition:var(--transition-all)}.tool-page .hash-item:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-sm)}.tool-page .hash-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap}.tool-page .hash-type{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0;flex-wrap:wrap}.tool-page .hash-type strong{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary-700);background:var(--color-primary-50);border-radius:var(--radius-sm);padding:var(--space-0-5) var(--space-2);border:1px solid var(--color-primary-100);flex-shrink:0;letter-spacing:.02em}.tool-page .hash-description{font-size:var(--text-xs);color:var(--text-tertiary);line-height:var(--leading-snug)}.tool-page .hash-value{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:var(--space-2-5) var(--space-3);overflow-x:auto;scrollbar-width:thin}.tool-page .hash-value code{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);word-break:break-all;line-height:var(--leading-relaxed)}.tool-page .algorithm-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4);margin-bottom:var(--space-5)}.tool-page .algorithm-item{padding:var(--space-4) var(--space-5);background:var(--bg-muted);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition-all)}.tool-page .algorithm-item:hover{border-color:var(--color-primary-200);background:var(--color-primary-50)}.tool-page .algorithm-item h4{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.tool-page .algorithm-item p{margin:0;color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.tool-page .security-notice{background:rgba(var(--color-warning-rgb),.08);border:1px solid rgba(var(--color-warning-rgb),.2);border-left:3px solid var(--color-warning-500);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5)}.tool-page .security-notice h4{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-warning-700);margin:0 0 var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.tool-page .security-notice ul{list-style:disc;padding-left:var(--space-5);color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-loose)}.tool-page .security-notice li{margin:var(--space-0-5) 0}.tool-page .info-section ul{list-style:none;padding:0;margin:0}.tool-page .info-section li{position:relative;padding-left:var(--space-5);margin:var(--space-2) 0;color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.tool-page .info-section li:before{content:"•";position:absolute;left:var(--space-1-5);color:var(--color-primary-500);font-weight:var(--font-bold)}.tool-page .info-section li strong{color:var(--text-primary);font-weight:var(--font-semibold)}.tool-page .stats-grid,.tool-page .stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3);margin-top:var(--space-3)}.tool-page .stat-card{background:var(--bg-muted);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-4);text-align:center;transition:var(--transition-all)}.tool-page .stat-card:hover{border-color:var(--color-primary-200);background:var(--color-primary-50)}.tool-page .stat-number{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-primary-600);line-height:var(--leading-tight);margin:0 0 var(--space-1);font-variant-numeric:tabular-nums}.tool-page .stat-label{font-size:var(--text-xs);color:var(--text-tertiary);letter-spacing:.04em}.tool-page .current-time-display{background:var(--bg-muted);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-1)}.tool-page .time-label{font-size:var(--text-xs);color:var(--text-tertiary);letter-spacing:.04em}.tool-page .time-value{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.tool-page .btn-outline{background:transparent;color:var(--color-primary-700);border:1px solid var(--color-primary-300);padding:var(--space-2-5) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);transition:var(--transition-all);cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-2)}.tool-page .btn-outline:hover:not(:disabled){background:var(--color-primary-50);border-color:var(--color-primary-400)}.tool-page .btn-small,.tool-page .btn-sm{padding:var(--space-1-5) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-sm)}.tool-page .btn-primary{background:var(--color-primary-500);color:var(--color-white)}.tool-page .btn-primary:hover:not(:disabled){background:var(--color-primary-600)}@media (max-width: 640px){.tool-page .section-header{flex-direction:column;align-items:flex-start}.tool-page .section-header .button-group{width:100%}.tool-page .hash-header{flex-direction:column;align-items:flex-start}.tool-page .hash-type{width:100%}.tool-page .algorithm-info{grid-template-columns:1fr}}