@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Noto+Serif+SC:wght@400;700&family=Nunito:wght@300;400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@700&family=Noto+Serif+SC:wght@700&family=Playfair+Display:ital,wght@1,400;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Creepster&family=Special+Elite&display=swap";.sidebar{--sb-width: 260px;--sb-bg: var(--color-gray-50);--sb-border: var(--color-gray-200);--sb-text: var(--text-primary);--sb-text-muted: var(--text-secondary);--sb-text-subtle: var(--text-tertiary);--sb-hover-bg: var(--color-gray-100);--sb-active-bg: var(--color-primary-50);--sb-active-color: var(--color-primary-600);--sb-indicator: var(--color-primary-500);width:var(--sb-width);height:100vh;background:var(--sb-bg);border-right:1px solid var(--sb-border);position:fixed;top:0;left:0;z-index:var(--z-docked);display:flex;flex-direction:column;overflow:hidden;transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.sidebar-logo-container{padding:var(--space-5) var(--space-5) var(--space-4);border-bottom:1px solid var(--sb-border);flex-shrink:0}.sidebar-logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;-webkit-user-select:none;user-select:none}.logo-mark{width:36px;height:36px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-400));color:var(--color-white);font-size:var(--text-sm);font-weight:var(--font-bold);box-shadow:var(--shadow-primary-sm);flex-shrink:0}.logo-text{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--sb-text);letter-spacing:-.01em}.sidebar-menu{flex:1;overflow-y:auto;padding:var(--space-3) var(--space-3) var(--space-6);scrollbar-width:thin;scrollbar-color:var(--color-gray-300) transparent}.sidebar-menu::-webkit-scrollbar{width:4px}.sidebar-menu::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:2px}.sidebar-menu::-webkit-scrollbar-track{background:transparent}.sidebar-section{margin-bottom:var(--space-4)}.sidebar-section:last-child{margin-bottom:0}.sidebar-section-title{font-size:var(--text-2xs);font-weight:var(--font-semibold);color:var(--sb-text-subtle);text-transform:uppercase;letter-spacing:.08em;padding:var(--space-2) var(--space-3) var(--space-1-5);-webkit-user-select:none;user-select:none}.sidebar-group{display:flex;flex-direction:column;gap:2px}.sidebar-item{position:relative;display:flex;align-items:center;gap:var(--space-2-5);padding:var(--space-2-5) var(--space-3);border-radius:var(--radius-md);color:var(--sb-text);font-size:var(--text-sm);font-weight:var(--font-medium);text-decoration:none;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);cursor:pointer;-webkit-user-select:none;user-select:none;min-height:40px}.sidebar-item:before{content:"";position:absolute;left:-1px;top:50%;transform:translateY(-50%) scaleY(0);width:3px;height:60%;background:var(--sb-indicator);border-radius:0 3px 3px 0;transition:transform var(--duration-normal) var(--ease-out)}.sidebar-item:hover{background-color:var(--sb-hover-bg);color:var(--sb-active-color)}.sidebar-item.active{background-color:var(--sb-active-bg);color:var(--sb-active-color);font-weight:var(--font-semibold)}.sidebar-item.active:before{transform:translateY(-50%) scaleY(1)}.sidebar-item-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;font-size:var(--text-base);flex-shrink:0;transition:transform var(--duration-fast) var(--ease-out)}.sidebar-item:hover .sidebar-item-icon{transform:scale(1.08)}.sidebar-item-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-toggle{background:transparent;border:none;width:var(--space-5);height:var(--space-5);border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--sb-text-muted);transition:var(--transition-colors),transform var(--duration-normal) var(--ease-out);padding:0;flex-shrink:0}.sidebar-toggle:hover{background:var(--color-gray-200);color:var(--sb-active-color)}.sidebar-toggle svg{transition:transform var(--duration-normal) var(--ease-out)}.sidebar-toggle.expanded svg{transform:rotate(90deg)}.sidebar-sub-menu{max-height:0;overflow:hidden;transition:max-height var(--duration-slow) var(--ease-in-out);display:flex;flex-direction:column;gap:2px;padding-left:var(--space-6)}.sidebar-sub-menu.open{max-height:600px;margin-top:var(--space-1);margin-bottom:var(--space-1)}.sidebar-sub-item{position:relative;display:flex;align-items:center;gap:var(--space-2-5);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--sb-text-muted);text-decoration:none;border-radius:var(--radius-md);transition:var(--transition-colors);min-height:36px}.sidebar-sub-item:before{content:"";width:4px;height:4px;border-radius:var(--radius-full);background:var(--color-gray-300);flex-shrink:0;transition:background-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.sidebar-sub-item:hover{background-color:var(--sb-hover-bg);color:var(--sb-active-color)}.sidebar-sub-item:hover:before{background:var(--sb-indicator);transform:scale(1.3)}.sidebar-sub-item.active{background-color:var(--sb-active-bg);color:var(--sb-active-color);font-weight:var(--font-semibold)}.sidebar-sub-item.active:before{background:var(--sb-indicator);transform:scale(1.3)}.sidebar-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--sb-border);flex-shrink:0}.sidebar-footer-text{font-size:var(--text-xs);color:var(--sb-text-subtle);text-align:center;line-height:var(--leading-relaxed)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay, rgba(0, 0, 0, .4));backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:calc(var(--z-docked) - 1)}@media (max-width: 1024px){.sidebar-overlay{display:block;animation:fadeIn var(--duration-fast) var(--ease-out) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar{transform:translate(-100%);box-shadow:none;transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.sidebar.open{transform:translate(0);box-shadow:var(--shadow-2xl)}}@media (max-width: 640px){.sidebar{--sb-width: 280px;width:var(--sb-width)}.sidebar-logo-container{padding:var(--space-4) var(--space-4) var(--space-3)}.logo-text{font-size:var(--text-base)}.sidebar-item{padding:var(--space-3) var(--space-3)}}.top-nav{display:none}@media (max-width: 1024px){.top-nav{display:flex;height:var(--space-14);background:var(--bg-secondary, #fff);border-bottom:1px solid var(--border-color, #ebebeb);align-items:center;padding:0 var(--space-4);position:sticky;top:0;z-index:50;justify-content:flex-start;gap:var(--space-4);box-shadow:0 1px 2px #0000000d}.mobile-menu-btn{display:block;font-size:var(--space-6);cursor:pointer;color:var(--text-secondary);line-height:1}.mobile-brand-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:.05em}}.app-layout{display:flex;min-height:100vh;background:var(--bg-page)}.main-content{flex:1;margin-left:260px;min-height:100vh;display:flex;flex-direction:column;background:var(--bg-page);transition:margin-left var(--duration-normal) var(--ease-out)}.content-container{padding:var(--space-6) var(--space-8);max-width:var(--max-w-4xl);margin:0 auto;width:100%}.sidebar-closed .main-content{margin-left:72px}@media (max-width: 1024px){.main-content{margin-left:0}}.hero-banner{position:relative;margin:calc(-1 * var(--space-6)) calc(-1 * var(--space-8)) var(--space-8);min-height:320px;overflow:hidden;border-radius:0 0 var(--radius-2xl) var(--radius-2xl)}.hero-background{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--color-primary-700) 0%,var(--color-primary-600) 40%,var(--color-primary-500) 100%)}.hero-mesh{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(at 40% 20%,rgba(129,140,248,.2) 0px,transparent 50%),radial-gradient(at 80% 0%,rgba(167,139,250,.15) 0px,transparent 50%),radial-gradient(at 0% 50%,rgba(99,102,241,.12) 0px,transparent 50%),radial-gradient(at 80% 50%,rgba(192,132,252,.08) 0px,transparent 50%)}.hero-glow{position:absolute;border-radius:var(--radius-full);filter:blur(60px);animation:glowFloat 8s ease-in-out infinite}.hero-glow-1{width:300px;height:300px;background:#818cf840;top:-100px;left:10%;animation-delay:0s}.hero-glow-2{width:250px;height:250px;background:#a78bfa33;top:-50px;right:15%;animation-delay:-3s}.hero-glow-3{width:200px;height:200px;background:#f472b61f;bottom:-80px;left:40%;animation-delay:-5s}@keyframes glowFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(calc(-1 * var(--space-5))) scale(1.05)}}.hero-wrapper{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;padding:var(--space-12) var(--space-8);min-height:320px}.hero-text{text-align:center;color:var(--color-white);max-width:720px;padding:0 var(--space-5);flex:1}.brand-section{margin-bottom:var(--space-4)}.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,.12);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);color:#ffffffe6;letter-spacing:.1em;backdrop-filter:blur(var(--space-2));-webkit-backdrop-filter:blur(var(--space-2))}.brand-badge-dot{width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-success-500);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.brand-name{font-size:var(--text-4xl);font-weight:var(--font-bold);margin:0 0 var(--space-3) 0;letter-spacing:-.01em;background:linear-gradient(135deg,var(--color-white) 0%,#e0e7ff 50%,var(--color-primary-200) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:var(--leading-tight)}.brand-accent{background:linear-gradient(135deg,var(--color-primary-300),var(--color-primary-200));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-slogan{font-size:var(--text-lg);font-weight:var(--font-normal);margin:0 0 var(--space-6) 0;color:#ffffffe6;line-height:var(--leading-relaxed);letter-spacing:.03em}.hero-stats{display:inline-flex;align-items:center;gap:var(--space-5);padding:var(--space-3) var(--space-6);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);backdrop-filter:blur(var(--space-3));-webkit-backdrop-filter:blur(var(--space-3))}.hero-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-0-5)}.hero-stat-num{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-white);line-height:var(--leading-none)}.hero-stat-label{font-size:var(--text-2xs);color:#ffffffd9;letter-spacing:.05em}.hero-stat-divider{width:1px;height:28px;background:#ffffff1f}.hero-quote{font-size:var(--text-sm);font-style:italic;font-weight:var(--font-normal);line-height:var(--leading-relaxed);margin:var(--space-4) 0 0 0;padding:0;color:#ffffffd9;border:none}.hero-decorations{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.hero-float-card{position:absolute;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3-5);background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);font-size:var(--text-xs);font-weight:var(--font-medium);color:#ffffffe6;backdrop-filter:blur(var(--space-2));-webkit-backdrop-filter:blur(var(--space-2));animation:floatCard 6s ease-in-out infinite;white-space:nowrap}.hero-float-card span{font-size:var(--text-sm)}.hero-float-card-1{top:25%;left:5%;animation-delay:0s}.hero-float-card-2{top:18%;right:5%;animation-delay:-2s}.hero-float-card-3{bottom:20%;right:10%;animation-delay:-4s}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(calc(-1 * var(--space-2)))}}.tool-section{margin-bottom:var(--space-12);scroll-margin-top:80px}.section-title-bar{display:flex;align-items:center;margin-bottom:var(--space-6);position:relative}.section-title-bar:after{content:"";flex:1;height:1px;background:var(--color-gray-200);margin-left:var(--space-4)}.section-badge{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2-5);padding:var(--space-1-5) 0}.section-badge.blue:before{content:"";width:4px;height:var(--space-5);background:var(--color-primary-500);border-radius:2px}.section-badge.purple:before{content:"";width:4px;height:var(--space-5);background:var(--color-primary-400);border-radius:2px}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-5)}@media (max-width: 768px){.tool-grid{grid-template-columns:1fr;gap:var(--space-4)}}.tool-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5);transition:box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-3);text-decoration:none;color:inherit}.tool-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--color-primary-200)}.tool-card:active{transform:translateY(0)}.tool-card-icon{width:40px;height:40px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-xl);background:var(--color-primary-50);color:var(--color-primary-600);flex-shrink:0}.tool-card-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);line-height:var(--leading-tight)}.tool-card-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);flex:1}.tool-card-tags{display:flex;flex-wrap:wrap;gap:var(--space-1-5);margin-top:var(--space-1)}.tool-tag{display:inline-flex;align-items:center;padding:var(--space-0-5) var(--space-2);font-size:var(--text-2xs);font-weight:var(--font-medium);color:var(--color-primary-700);background:var(--color-primary-50);border-radius:var(--radius-full);white-space:nowrap}@media (max-width: 1024px){.content-container{padding:var(--space-5) var(--space-5)}.hero-banner{margin:calc(-1 * var(--space-5)) calc(-1 * var(--space-5)) var(--space-6);min-height:280px}.hero-wrapper{padding:var(--space-8) var(--space-5);min-height:280px}.brand-name{font-size:var(--text-3xl)}}@media (max-width: 768px){.content-container{padding:var(--space-4) var(--space-4)}.hero-banner{margin:calc(-1 * var(--space-4)) calc(-1 * var(--space-4)) var(--space-5);min-height:240px;border-radius:0 0 var(--radius-xl) var(--radius-xl)}.hero-wrapper{padding:var(--space-6) var(--space-4);min-height:240px}.brand-name{font-size:var(--text-2xl)}.hero-slogan{font-size:var(--text-base)}.hero-stats{flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-5)}.hero-stat-divider{width:28px;height:1px}.hero-float-card{display:none}}.theme-rose{--theme: #f43f5e;--theme-soft: rgba(244,63,94,.1);--theme-text: #be123c}.theme-amber{--theme: #f59e0b;--theme-soft: rgba(245,158,11,.12);--theme-text: #b45309}.theme-fuchsia{--theme: #d946ef;--theme-soft: rgba(217,70,239,.1);--theme-text: #a21caf}.theme-indigo{--theme: #6366f1;--theme-soft: rgba(99,102,241,.1);--theme-text: #4338ca}.theme-emerald{--theme: #10b981;--theme-soft: rgba(16,185,129,.1);--theme-text: #047857}.theme-violet{--theme: #8b5cf6;--theme-soft: rgba(139,92,246,.1);--theme-text: #6d28d9}@media (prefers-color-scheme: dark){.theme-rose{--theme: #fb7185;--theme-soft: rgba(251,113,133,.15);--theme-text: #fda4af}.theme-amber{--theme: #fbbf24;--theme-soft: rgba(251,191,36,.15);--theme-text: #fcd34d}.theme-fuchsia{--theme: #e879f9;--theme-soft: rgba(232,121,249,.15);--theme-text: #f0abfc}.theme-indigo{--theme: #818cf8;--theme-soft: rgba(129,140,248,.15);--theme-text: #a5b4fc}.theme-emerald{--theme: #34d399;--theme-soft: rgba(52,211,153,.15);--theme-text: #6ee7b7}.theme-violet{--theme: #a78bfa;--theme-soft: rgba(167,139,250,.15);--theme-text: #c4b5fd}}.hero-cover{min-height:480px;background:linear-gradient(135deg,#0f172a,#1e1b4b,#312e81)}.hero-cover .hero-background{background:linear-gradient(135deg,#0f172a,#1e1b4b,#312e81)}.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:48px 48px;mask-image:radial-gradient(ellipse at center,black 40%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at center,black 40%,transparent 80%);pointer-events:none}.hero-cover-content{position:relative;z-index:2;text-align:center;color:#fff;max-width:820px;padding:0 var(--space-5)}.hero-cover-title{font-size:clamp(2rem,4.5vw,3.5rem);margin:var(--space-5) 0 var(--space-4);line-height:1.15}.hero-cover-subtitle{font-size:var(--text-lg);color:#ffffffe6;margin:0 0 var(--space-8)}.hero-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);margin:var(--space-6) 0 var(--space-5);padding:var(--space-5) var(--space-6);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-2xl);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.hero-fact{text-align:center}.hero-fact-num{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:var(--font-bold);color:#fff;line-height:1;background:linear-gradient(135deg,#fff,#c7d2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-fact-unit{font-size:.6em;margin-left:2px;color:var(--color-primary-300);-webkit-text-fill-color:var(--color-primary-300)}.hero-fact-label{margin-top:var(--space-2);font-size:var(--text-xs);color:#ffffffd9;letter-spacing:.08em}@media (max-width: 768px){.hero-facts{grid-template-columns:repeat(2,1fr);padding:var(--space-4)}}.hero-scroll-hint{position:absolute;bottom:var(--space-4);left:50%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);color:#ffffffd9;font-size:var(--text-xs);letter-spacing:.1em;animation:scrollHint 2.4s ease-in-out infinite;pointer-events:none}.hero-scroll-arrow{font-size:var(--text-base)}@keyframes scrollHint{0%,to{transform:translate(-50%);opacity:.85}50%{transform:translate(-50%,6px);opacity:1}}.category-anchors{position:sticky;top:0;z-index:20;margin:0 calc(-1 * var(--space-8)) var(--space-8);padding:var(--space-3) var(--space-8);background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color)}.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:1 1 280px;min-width:240px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-full);padding:0 var(--space-3) 0 var(--space-4);transition:border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.category-anchors-search:focus-within{border-color:var(--color-primary-400);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.15)}.category-anchors-search-icon{color:var(--color-gray-400);margin-right:var(--space-2)}.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)}.category-anchors-search input::placeholder{color:var(--color-gray-400)}.category-anchors-clear{border:0;background:var(--color-gray-100);color:var(--color-gray-500);width:22px;height:22px;border-radius:50%;cursor:pointer;line-height:1;font-size:14px}.category-anchors-clear:hover{background:var(--color-gray-200);color:var(--color-gray-700)}.category-anchors-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.category-anchor{display:inline-flex;align-items:center;gap:var(--space-1-5);padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-full);background:var(--color-gray-50);border:1px solid var(--color-gray-200);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);text-decoration:none;transition:all var(--duration-normal) var(--ease-out)}.category-anchor:hover{color:var(--theme-text, var(--color-primary-700));border-color:var(--theme, var(--color-primary-300));background:var(--theme-soft, var(--color-primary-50));transform:translateY(-1px)}.category-anchor-icon{font-size:var(--text-base)}.category-anchor-count{margin-left:var(--space-1);padding:1px var(--space-1-5);background:var(--bg-card);border-radius:var(--radius-full);color:var(--text-tertiary);font-size:var(--text-2xs);font-weight:var(--font-semibold);border:1px solid var(--border-color)}.category-anchor:hover .category-anchor-count{color:var(--theme-text, var(--color-primary-700));border-color:var(--theme, var(--color-primary-300))}.tool-section-ms{margin-bottom:var(--space-16)}.section-header-ms{display:flex;align-items:flex-end;gap:var(--space-5);margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-gray-200)}.section-header-ms-num{font-size:clamp(2.5rem,4vw,3.5rem);font-weight:var(--font-bold);line-height:.9;color:var(--theme-text, var(--color-primary-600));opacity:.9;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.section-header-ms-body{flex:1;min-width:0}.section-header-ms-icon-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.section-header-icon{font-size:var(--text-2xl);line-height:1}.section-header-ms-count{display:inline-flex;align-items:center;padding:2px 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:.05em}.section-header-ms-title{margin:0;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:-.01em}.section-header-ms-subtitle{margin:var(--space-2) 0 0;color:var(--text-secondary);font-size:var(--text-sm);letter-spacing:.02em}.tool-card .tool-icon{width:44px;height:44px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-2xl);background:var(--theme-soft, var(--color-primary-50));flex-shrink:0;line-height:1}.tool-card .tool-info{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.tool-card .tool-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);line-height:var(--leading-tight)}.tool-card .tool-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.tool-section-ms .tool-card:hover{border-color:var(--theme, var(--color-primary-300));box-shadow:0 6px 18px -8px var(--theme, rgba(99,102,241,.35))}.empty-search{text-align:center;padding:var(--space-12) var(--space-6);background:var(--color-gray-50);border:1px dashed var(--color-gray-200);border-radius:var(--radius-2xl);margin-bottom:var(--space-12)}.empty-search-icon{font-size:48px;margin-bottom:var(--space-3);opacity:.6}.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-secondary);font-size:var(--text-sm);margin-bottom:var(--space-5)}.empty-search-reset{border:0;background:var(--color-primary-600);color:#fff;padding:var(--space-2-5) var(--space-5);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:background var(--duration-normal) var(--ease-out)}.empty-search-reset:hover{background:var(--color-primary-700)}.home-footer{margin-top:var(--space-12);padding:var(--space-6) var(--space-8);border-top:1px solid var(--color-gray-200);text-align:center;color:var(--text-tertiary);font-size:var(--text-xs);line-height:var(--leading-relaxed)}.home-footer a{color:var(--text-tertiary);text-decoration:none}.home-footer a:hover{color:var(--color-primary-600)}@media (max-width: 1024px){.category-anchors{margin-left:calc(-1 * var(--space-5));margin-right:calc(-1 * var(--space-5));padding-left:var(--space-5);padding-right:var(--space-5)}}@media (max-width: 768px){.category-anchors{margin-left:calc(-1 * var(--space-4));margin-right:calc(-1 * var(--space-4));padding:var(--space-3) var(--space-4)}.section-header-ms{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.section-header-ms-num{font-size:2rem}}.tool-page{min-height:100vh;background:var(--bg-primary);padding:var(--space-6) var(--space-5);position:relative}.tool-page:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(99,102,241,.06) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(167,139,250,.06) 0%,transparent 50%);pointer-events:none;z-index:0}.tool-container{max-width:1200px;margin:0 auto;position:relative;z-index:1}.tool-back-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:10px var(--space-5);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--space-2);color:var(--text-secondary);font-size:.95rem;cursor:pointer;transition:all .3s ease;margin-bottom:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tool-back-btn:hover{background:var(--bg-card-hover);border-color:var(--border-hover);color:var(--text-primary);transform:translate(-3px)}.tool-title{font-size:2.5rem;font-weight:700;margin:0 0 15px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tool-description{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.tool-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--space-4);padding:28px var(--space-8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px -5px #0000004d}.control-panel{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--space-3);padding:var(--space-6);margin-bottom:30px}.control-group{margin-bottom:var(--space-5)}.control-group:last-child{margin-bottom:0}.control-label{display:block;font-size:.95rem;font-weight:600;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(--space-2);color:var(--text-primary);font-size:.95rem;transition:all .3s ease}.control-input:focus,.control-select:focus,.control-textarea:focus{border-color:var(--primary);background:var(--bg-tertiary);box-shadow:0 0 0 3px #4f46e51a}.control-input::placeholder,.control-textarea::placeholder{color:var(--text-tertiary)}.control-range{width:100%;height:6px;background:var(--bg-card);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:all .2s ease}.control-range::-webkit-slider-thumb:hover{background:var(--primary-light);transform:scale(1.2)}.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(--space-2);cursor:pointer;transition:all .2s ease}.control-color:hover{border-color:var(--border-hover);transform:scale(1.05)}.button-group{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-6)}.btn{padding:var(--space-3) var(--space-6);background:var(--primary);color:#fff;border:none;border-radius:var(--space-2);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:var(--space-2)}.btn:hover:not(:disabled){background:var(--primary-light);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:none}.btn-success{background:var(--gradient-success)}.btn-danger{background:linear-gradient(135deg,#ff6b6b,#ee5a6f)}.preview-area{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--space-3);padding:30px;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.preview-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-5)}.preview-empty{color:var(--text-tertiary);font-size:1rem;text-align:center}.result-area{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--space-3);padding:var(--space-6);margin-top:var(--space-6)}.result-item{padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--space-2);margin-bottom:var(--space-3);transition:all .2s ease}.result-item:hover{border-color:var(--border-hover);transform:translate(3px)}.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:spin .8s linear infinite}.info-box{background:#4f46e51a;border:1px solid rgba(79,70,229,.2);border-radius:var(--space-2);padding:var(--space-4);margin:var(--space-5) 0;color:var(--text-secondary);font-size:.9rem}.warning-box{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);color:var(--color-warning-100)}.error-box{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#f87171}.success-box{background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:#34d399}@media (max-width: 768px){.tool-page{padding:var(--space-5) 15px}.tool-content{padding:var(--space-6) var(--space-4)}.tool-title{font-size:2rem}.control-panel{padding:var(--space-4)}.button-group{flex-direction:column}.btn{width:100%;justify-content:center}}.upload-area{border:2px dashed var(--border-color);border-radius:var(--space-3);padding:40px var(--space-5);text-align:center;background:var(--bg-secondary);cursor:pointer;transition:all .3s ease}.upload-area:hover,.upload-area.drag-over{border-color:var(--primary);background:var(--bg-tertiary)}.upload-icon{font-size:3rem;margin-bottom:var(--space-4);opacity:.5}.upload-text{color:var(--text-secondary);font-size:1rem;margin-bottom:var(--space-2)}.upload-hint{color:var(--text-tertiary);font-size:.85rem}.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(--space-2);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:#000000b3;color:#fff;border:none;border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--space-4);transition:all .2s ease}.image-remove-btn:hover{background:var(--color-danger-500);transform:scale(1.1)}.tool-page .input-section{display:block;margin-bottom:30px}.tool-page .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:10px}.tool-page .section-header h3{margin:0;font-size:1.1rem;color:var(--text-primary)}.tool-page .text-input{width:100%;padding:15px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--space-2);color:var(--text-primary);font-size:.95rem;transition:all .3s ease;box-sizing:border-box;font-family:var(--font-sans)}.tool-page .text-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.tool-page .text-input.large{min-height:300px;resize:vertical}.tool-page .stats-section{margin:30px 0}.tool-page .stats-section h3{margin-bottom:20px;font-size:1.1rem;color:var(--text-primary)}.tool-page .stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.tool-page .stat-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--space-3);padding:20px;text-align:center;transition:all .3s ease}.tool-page .stat-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.tool-page .stat-card.primary{background:#4f46e51a;border-color:#4f46e54d}.tool-page .stat-card.accent{background:#10b9811a;border-color:#10b9814d}.tool-page .stat-number{font-size:1.8rem;font-weight:700;color:var(--text-primary);margin-bottom:5px}.tool-page .stat-label{font-size:.85rem;color:var(--text-secondary)}.tool-page .results-section{margin:30px 0}.tool-page .results-section h3{margin-bottom:20px;font-size:1.1rem;color:var(--text-primary)}.tool-page .hash-results{display:flex;flex-direction:column;gap:15px}.tool-page .hash-item{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--space-3);padding:20px;transition:all .3s ease}.tool-page .hash-item:hover{border-color:var(--border-hover)}.tool-page .hash-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:10px}.tool-page .hash-type{display:flex;flex-direction:column;gap:4px}.tool-page .hash-type strong{font-size:1rem;color:var(--text-primary)}.tool-page .hash-description{font-size:.8rem;color:var(--text-secondary)}.tool-page .hash-value{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--space-2);padding:12px 15px;font-family:JetBrains Mono,Consolas,Monaco,monospace;font-size:.85rem;color:var(--text-primary);word-break:break-all}.tool-page .hash-value code{color:var(--text-primary);background:none;padding:0}.tool-page .options-section{margin:20px 0}.tool-page .options-section h3{margin-bottom:15px;font-size:1.1rem;color:var(--text-primary)}.tool-page .options-grid{display:flex;gap:30px;flex-wrap:wrap;align-items:center}.tool-page .checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--text-secondary);font-size:.95rem}.tool-page .checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.tool-page .select-group{display:flex;align-items:center;gap:10px}.tool-page .select-group label{color:var(--text-secondary);font-size:.95rem}.tool-page .select-input{padding:8px 12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--space-2);color:var(--text-primary);font-size:.95rem;cursor:pointer}.tool-page .current-time-section{margin-bottom:30px}.tool-page .current-time-section h3{margin-bottom:15px;font-size:1.1rem;color:var(--text-primary)}.tool-page .current-time-display{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--space-3);padding:20px;display:flex;flex-direction:column;gap:12px}.tool-page .time-item{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.tool-page .time-label{font-weight:600;color:var(--text-secondary);min-width:100px;font-size:.9rem}.tool-page .time-value{font-family:JetBrains Mono,monospace;color:var(--text-primary);font-size:1rem;flex:1}.tool-page .converter-section{margin:30px 0}.tool-page .converter-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:20px}@media (max-width: 768px){.tool-page .converter-grid{grid-template-columns:1fr}}.tool-page .input-group{display:flex;flex-direction:column}.tool-page .input-group .section-header{margin-bottom:12px}.tool-page .input-hint{margin-top:8px;font-size:.8rem;color:var(--text-tertiary)}.tool-page .action-buttons{display:flex;justify-content:center;gap:10px;margin-top:20px}.tool-page .info-section{margin-top:30px;padding-top:30px;border-top:1px solid var(--border-color)}.tool-page .info-section h3{margin-bottom:15px;font-size:1.1rem;color:var(--text-primary)}.tool-page .info-section ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.tool-page .info-section li{color:var(--text-secondary);font-size:.9rem;line-height:1.6;padding-left:20px;position:relative}.tool-page .info-section li:before{content:"•";color:var(--primary);position:absolute;left:5px;font-weight:700}.tool-page .info-section li strong{color:var(--text-primary)}.tool-page .algorithm-info{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-bottom:20px}.tool-page .algorithm-item{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--space-3);padding:20px}.tool-page .algorithm-item h4{margin:0 0 10px;color:var(--text-primary);font-size:1rem}.tool-page .algorithm-item p{margin:0;color:var(--text-secondary);font-size:.85rem;line-height:1.6}.tool-page .security-notice{background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:var(--space-3);padding:20px}.tool-page .security-notice h4{margin:0 0 10px;color:#f59e0b;font-size:1rem}.tool-page .security-notice ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.tool-page .security-notice li{color:var(--text-secondary);font-size:.85rem;padding-left:18px;position:relative}.tool-page .security-notice li:before{content:"⚠️";position:absolute;left:0;font-size:.7rem}.pw-container{display:flex;flex-direction:column;height:calc(100vh - 60px);overflow:hidden}.pw-tabs{display:flex;gap:4px;padding:var(--space-3) var(--space-6);background:var(--bg-secondary, #f8f9fa);border-bottom:1px solid var(--border-color, var(--color-gray-200));flex-shrink:0}.pw-tab{padding:var(--space-2) var(--space-5);border-radius:var(--space-2);font-size:var(--text-sm);font-weight:600;border:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;background:transparent;color:var(--text-secondary, var(--color-gray-500))}.pw-tab:hover{background:var(--bg-card-hover, var(--color-gray-100));color:var(--text-primary, var(--text-primary))}.pw-tab.active{background:var(--color-primary-500);color:var(--color-white);box-shadow:0 2px var(--space-2) #6366f14d}.pw-body{flex:1;overflow:hidden;display:flex}.pw-optimizer{display:flex;flex:1;overflow:hidden}.pw-opt-left{display:flex;flex-direction:column;padding:var(--space-5);overflow-y:auto;min-width:0}.pw-opt-right{flex:1;display:flex;flex-direction:column;padding:var(--space-5);overflow-y:auto;min-width:0}.pw-resizer{width:6px;cursor:col-resize;background:var(--border-color, var(--color-gray-200));position:relative;flex-shrink:0;transition:background .2s}.pw-resizer:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:var(--space-8);border-radius:2px;background:var(--text-tertiary, #9ca3af);opacity:0;transition:opacity .2s}.pw-resizer:hover{background:var(--color-primary-500)}.pw-resizer:hover:after{opacity:1;background:var(--bg-card)}.pw-section-title{font-size:15px;font-weight:700;color:var(--text-primary, var(--text-primary));margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.pw-section-title .badge{font-size:11px;padding:2px var(--space-2);border-radius:10px;background:#6366f11a;color:var(--color-primary-500);font-weight:600}.pw-input-area{flex:1;display:flex;flex-direction:column;gap:var(--space-3)}.pw-textarea{flex:1;min-height:180px;padding:14px var(--space-4);border-radius:10px;border:1px solid var(--border-color, var(--color-gray-200));background:var(--bg-card, var(--bg-card));font-size:var(--text-sm);line-height:1.7;resize:none;font-family:Menlo,Monaco,Consolas,monospace;color:var(--text-primary, var(--text-primary));transition:border-color .2s}.pw-textarea:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #6366f11a}.pw-textarea::placeholder{color:var(--text-tertiary, #9ca3af)}.pw-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.pw-select{padding:var(--space-2) var(--space-3);border-radius:var(--space-2);border:1px solid var(--border-color, var(--color-gray-200));background:var(--bg-card, var(--bg-card));font-size:var(--space-3);color:var(--text-primary, var(--text-primary));cursor:pointer;min-width:140px}.pw-select:focus{outline:none;border-color:var(--color-primary-500)}.pw-btn-primary{padding:9px var(--space-5);border-radius:var(--space-2);border:none;background:linear-gradient(135deg,var(--color-primary-500),#8b5cf6);color:var(--color-white);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;white-space:nowrap}.pw-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px var(--space-3) #6366f166}.pw-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.pw-btn-secondary{padding:var(--space-2) var(--space-4);border-radius:var(--space-2);border:1px solid var(--border-color, var(--color-gray-200));background:var(--bg-card, var(--bg-card));color:var(--text-primary, var(--text-primary));font-size:var(--space-3);font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:5px}.pw-btn-secondary:hover{border-color:var(--color-primary-500);color:var(--color-primary-500);background:#6366f10d}.pw-output-area{flex:1;display:flex;flex-direction:column;gap:var(--space-3)}.pw-output-header{display:flex;justify-content:space-between;align-items:center}.pw-version-tags{display:flex;gap:4px}.pw-version-tag{padding:3px 10px;border-radius:var(--space-3);font-size:11px;font-weight:600;border:1px solid var(--border-color, var(--color-gray-200));background:var(--bg-card, var(--bg-card));color:var(--text-secondary, var(--color-gray-500));cursor:pointer;transition:all .2s}.pw-version-tag.active{background:#10b981;color:var(--color-white);border-color:#10b981}.pw-version-tag:hover:not(.active){border-color:var(--color-primary-500);color:var(--color-primary-500)}.pw-output-actions{display:flex;gap:6px}.pw-output-content{flex:1;min-height:200px;padding:var(--space-4);border-radius:10px;border:1px solid var(--border-color, var(--color-gray-200));background:var(--bg-card, var(--bg-card));overflow-y:auto;font-size:var(--text-sm);line-height:1.8;color:var(--text-primary, var(--text-primary));position:relative}.pw-copy-float{position:sticky;top:0;float:right;padding:6px 14px;border-radius:var(--space-2);border:1px solid var(--border-color, var(--color-gray-200));background:var(--bg-card, var(--bg-card));color:var(--text-primary, var(--text-primary));font-size:var(--space-3);font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px;z-index:10;box-shadow:0 2px var(--space-2) #0000001a}.pw-copy-float:hover{border-color:var(--color-primary-500);color:var(--color-primary-500);background:#6366f10d;box-shadow:0 4px var(--space-3) #6366f133}.pw-output-content.streaming{border-color:var(--color-primary-500);box-shadow:0 0 0 2px #6366f11a}.pw-output-content pre{background:#1e1e3f;border-radius:var(--space-2);padding:14px;overflow-x:auto;font-size:var(--space-3);color:var(--color-gray-200)}.pw-output-content code{background:#6366f11a;padding:2px 6px;border-radius:4px;font-size:var(--space-3)}.pw-output-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-tertiary, #9ca3af);text-align:center;gap:var(--space-3)}.pw-output-placeholder .icon{font-size:48px;opacity:.5}.pw-cursor{display:inline-block;width:2px;height:var(--space-4);background:var(--color-primary-500);margin-left:2px;animation:blink 1s infinite;vertical-align:text-bottom}.pw-library{display:flex;flex:1;overflow:hidden}.pw-lib-sidebar{width:240px;border-right:1px solid var(--border-color, var(--color-gray-200));padding:var(--space-4);overflow-y:auto;flex-shrink:0}.pw-lib-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.pw-lib-toolbar{display:flex;gap:10px;padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border-color, var(--color-gray-200));align-items:center;flex-wrap:wrap}.pw-search-input{flex:1;min-width:200px;padding:var(--space-2) 14px;border-radius:var(--space-2);border:1px solid var(--border-color, var(--color-gray-200));background:var(--bg-card, var(--bg-card));font-size:var(--text-sm);color:var(--text-primary, var(--text-primary))}.pw-search-input:focus{outline:none;border-color:var(--color-primary-500)}.pw-lib-grid{flex:1;overflow-y:auto;padding:var(--space-4) var(--space-5);display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-3);align-content:start}.pw-cat-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--space-2);font-size:var(--text-sm);cursor:pointer;transition:all .2s;color:var(--text-secondary, var(--color-gray-500));border:none;background:transparent;width:100%;text-align:left}.pw-cat-item:hover{background:var(--bg-card-hover, var(--color-gray-100));color:var(--text-primary, var(--text-primary))}.pw-cat-item.active{background:#6366f11a;color:var(--color-primary-500);font-weight:600}.pw-cat-count{margin-left:auto;font-size:11px;background:var(--bg-secondary, var(--color-gray-100));padding:2px 7px;border-radius:var(--space-2);color:var(--text-tertiary, #9ca3af)}.pw-cat-item.active .pw-cat-count{background:#6366f126;color:var(--color-primary-500)}.pw-card{background:var(--bg-card, var(--bg-card));border:1px solid var(--border-color, var(--color-gray-200));border-radius:var(--space-3);padding:var(--space-4);cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:var(--space-2)}.pw-card:hover{border-color:var(--color-primary-500);box-shadow:0 4px var(--space-4) #6366f11a;transform:translateY(-2px)}.pw-card-header{display:flex;align-items:center;gap:var(--space-2)}.pw-card-icon{width:var(--space-8);height:var(--space-8);border-radius:var(--space-2);display:flex;align-items:center;justify-content:center;font-size:var(--space-4);flex-shrink:0}.pw-card-title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary, var(--text-primary));flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw-card-desc{font-size:var(--space-3);color:var(--text-secondary, var(--color-gray-500));line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pw-card-footer{display:flex;align-items:center;gap:6px;margin-top:4px}.pw-card-tag{font-size:10px;padding:2px var(--space-2);border-radius:var(--space-2);background:#6366f114;color:var(--color-primary-500)}.pw-card-author{font-size:10px;color:var(--text-tertiary, #9ca3af);margin-left:auto}.pw-card-actions{display:flex;gap:4px;margin-left:auto}.pw-card-action-btn{padding:4px var(--space-2);border-radius:var(--radius-sm);border:none;background:transparent;cursor:pointer;font-size:var(--text-sm);transition:all .2s;opacity:0}.pw-card:hover .pw-card-action-btn{opacity:1}.pw-card-action-btn:hover{background:#6366f11a}.pw-detail-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;padding:40px;animation:fadeIn .2s}.pw-detail-panel{background:var(--bg-card, var(--bg-card));border-radius:var(--space-4);width:100%;max-width:700px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 var(--space-5) 60px #0000004d;animation:slideUp .3s;overflow:hidden;border:1px solid var(--border-color, var(--color-gray-200))}@keyframes slideUp{0%{transform:translateY(var(--space-5));opacity:0}to{transform:translateY(0);opacity:1}}.pw-detail-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-color, var(--color-gray-200));display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.pw-detail-header h3{margin:0;font-size:18px;font-weight:700;flex:1}.pw-detail-close{width:var(--space-8);height:var(--space-8);border-radius:var(--space-2);border:none;background:var(--bg-secondary, var(--color-gray-100));cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .2s}.pw-detail-close:hover{background:var(--color-danger-500);color:var(--color-white)}.pw-detail-body{flex:1;overflow-y:auto;padding:var(--space-5) var(--space-6);min-height:0}.pw-detail-content{background:#1e1e3f;border-radius:10px;padding:var(--space-4) var(--space-5);font-size:var(--text-sm);color:var(--color-gray-200);font-family:Menlo,Monaco,Consolas,monospace;line-height:1.7;white-space:pre-wrap;word-break:break-word;overflow-y:auto}.pw-detail-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-color, var(--color-gray-200));display:flex;gap:var(--space-2);justify-content:flex-end;flex-shrink:0;background:var(--bg-card, var(--bg-card))}.pw-tester{display:flex;flex:1;overflow:hidden}.pw-test-left{border-right:none;padding:var(--space-5);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.pw-test-right{flex:1;padding:var(--space-5);overflow-y:auto;display:flex;flex-direction:column;min-width:0}.pw-test-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-3);padding-bottom:var(--space-4)}.pw-test-msg{padding:var(--space-3) var(--space-4);border-radius:10px;font-size:var(--text-sm);line-height:1.7;max-width:85%;white-space:pre-wrap;word-break:break-word}.pw-test-msg.user{background:linear-gradient(135deg,var(--color-primary-500),#8b5cf6);color:var(--color-white);align-self:flex-end;border-bottom-right-radius:4px}.pw-test-msg.assistant{background:var(--bg-secondary, var(--color-gray-100));color:var(--text-primary, var(--text-primary));align-self:flex-start;border-bottom-left-radius:4px}.pw-test-input-area{display:flex;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border-color, var(--color-gray-200))}.pw-test-input{flex:1;padding:10px 14px;border-radius:10px;border:1px solid var(--border-color, var(--color-gray-200));background:var(--bg-card, var(--bg-card));font-size:var(--text-sm);color:var(--text-primary, var(--text-primary))}.pw-test-input:focus{outline:none;border-color:var(--color-primary-500)}.pw-favorites{flex:1;overflow-y:auto;padding:var(--space-5) var(--space-6)}.pw-fav-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.pw-fav-actions{display:flex;gap:var(--space-2)}.pw-fav-empty{text-align:center;padding:60px var(--space-5);color:var(--text-tertiary, #9ca3af)}.pw-fav-empty .icon{font-size:48px;margin-bottom:var(--space-3);opacity:.5}.pw-fav-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-3)}.pw-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px var(--space-5);color:var(--text-tertiary, #9ca3af);text-align:center}.pw-empty .icon{font-size:56px;margin-bottom:var(--space-4);opacity:.4}.pw-empty .title{font-size:var(--space-4);font-weight:600;color:var(--text-secondary, var(--color-gray-500));margin-bottom:var(--space-2)}.pw-empty .desc{font-size:var(--text-sm)}@media (max-width: 1024px){.pw-optimizer{flex-direction:column}.pw-opt-left{border-right:none;border-bottom:1px solid var(--border-color, var(--color-gray-200));max-height:50%;flex:none!important}.pw-resizer{display:none}.pw-library{flex-direction:column}.pw-lib-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border-color, var(--color-gray-200));max-height:120px;overflow-x:auto;display:flex;gap:4px;padding:var(--space-2) var(--space-4)}.pw-cat-item{white-space:nowrap}.pw-tester{flex-direction:column}.pw-test-left{width:100%;border-right:none;border-bottom:1px solid var(--border-color, var(--color-gray-200));max-height:40%;flex:none!important}}@media (max-width: 768px){.pw-tabs{padding:var(--space-2) var(--space-3);overflow-x:auto}.pw-tab{padding:6px 14px;font-size:var(--space-3);white-space:nowrap}.pw-lib-grid{grid-template-columns:1fr}}.cde3-root{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:#17171f;color:#e0e0f0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;z-index:100;overflow:hidden;font-size:var(--text-sm)}.cde3-header{display:flex;align-items:center;height:52px;padding:0 var(--space-4);background:#1c1c28;border-bottom:1px solid #2a2a3e;flex-shrink:0;gap:var(--space-3)}.cde3-header-left{display:flex;align-items:center;gap:var(--space-2)}.cde3-back{background:none;border:none;color:#888;font-size:22px;cursor:pointer;padding:4px var(--space-2);line-height:1;transition:color .2s}.cde3-back:hover{color:var(--color-white)}.cde3-title{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:600}.cde3-title span{cursor:pointer}.cde3-title span:hover{color:#a29bfe}.cde3-title-input{background:transparent;border:none;border-bottom:1px solid #6c5ce7;color:var(--color-white);font-size:15px;font-weight:600;outline:none;width:140px}.cde3-title-edit{background:none;border:none;color:#666;cursor:pointer;font-size:var(--text-sm)}.cde3-steps{display:flex;gap:0;flex:1;justify-content:center}.cde3-step{display:flex;align-items:center;gap:6px;padding:6px var(--space-5);background:none;border:none;cursor:pointer;color:#666;font-size:var(--text-sm);transition:color .2s;position:relative}.cde3-step:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:transparent}.cde3-step.active{color:var(--color-white)}.cde3-step.active:after{background:#6c5ce7}.cde3-step.done{color:#a29bfe}.cde3-step-dot{width:var(--space-5);height:var(--space-5);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;background:#2a2a3e;color:#666;flex-shrink:0}.cde3-step.active .cde3-step-dot{background:#6c5ce7;color:var(--color-white)}.cde3-step.done .cde3-step-dot{background:#3a3a5c;color:#a29bfe}.cde3-header-right{margin-left:auto;display:flex;gap:var(--space-2)}.cde3-loading-overlay{position:absolute;top:52px;right:0;bottom:0;left:0;background:#17171f;display:flex;align-items:center;justify-content:center;z-index:50}.cde3-circle-progress{display:flex;flex-direction:column;align-items:center;gap:10px;position:relative}.cde3-circle-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.cde3-circle-pct{font-size:18px;font-weight:700;color:#e0e0f0}.cde3-circle-label{font-size:var(--text-sm);color:#888}.cde3-body{display:flex;flex:1;overflow:hidden}.cde3-left{width:232px;flex-shrink:0;background:#111119;border-right:1px solid #222230;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#2a2a3e transparent}.cde3-left::-webkit-scrollbar{width:4px}.cde3-left::-webkit-scrollbar-thumb{background:#2a2a3e;border-radius:2px}.cde3-section{padding:14px var(--space-3);border-bottom:1px solid #1e1e2c}.cde3-section-title{font-size:var(--space-3);font-weight:600;color:#888;margin-bottom:10px;display:flex;align-items:center;gap:5px;text-transform:none;letter-spacing:0}.cde3-new-badge{font-size:9px;background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:var(--color-white);padding:1px 5px;border-radius:3px;font-weight:700}.cde3-ratio-row{display:flex;gap:var(--space-2)}.cde3-ratio-btn{flex:1;background:#1c1c2a;border:1px solid #2a2a3e;border-radius:var(--space-2);padding:10px 6px;cursor:pointer;text-align:center;transition:all .2s;color:#888}.cde3-ratio-btn:hover{border-color:#6c5ce7}.cde3-ratio-btn.active{border-color:#6c5ce7;background:#1e1e3c}.cde3-ratio-thumb{display:flex;justify-content:center;align-items:flex-end;height:28px;margin-bottom:5px}.cde3-ratio-rect{background:#3a3a5c;border-radius:2px;transition:background .2s}.cde3-ratio-btn.active .cde3-ratio-rect{background:#6c5ce7}.cde3-ratio-rect.landscape{width:36px;height:22px}.cde3-ratio-rect.portrait{width:18px;height:28px}.cde3-ratio-name{font-size:var(--text-sm);font-weight:600;color:inherit}.cde3-ratio-sub{font-size:10px;color:#555;margin-top:2px}.cde3-ratio-btn.active .cde3-ratio-name{color:var(--color-white)}.cde3-ratio-btn.active .cde3-ratio-sub{color:#a29bfe}.cde3-model-sel{display:flex;align-items:center;gap:var(--space-2);background:#1c1c2a;border:1px solid #2a2a3e;border-radius:var(--space-2);padding:var(--space-2) var(--space-3);cursor:pointer;font-size:var(--text-sm);color:#e0e0f0;-webkit-user-select:none;user-select:none;transition:border-color .2s}.cde3-model-sel:hover,.cde3-model-sel.open{border-color:#6c5ce7}.cde3-model-grid{color:#6c5ce7;font-size:15px}.cde3-model-arr{margin-left:auto;color:#888;font-size:10px}.cde3-model-drop{margin-top:4px;background:#1c1c2a;border:1px solid #2a2a3e;border-radius:var(--space-2);overflow:hidden}.cde3-model-opt{padding:var(--space-2) var(--space-3);cursor:pointer;font-size:var(--text-sm);color:#aaa;transition:all .15s}.cde3-model-opt:hover{background:#2a2a3e;color:var(--color-white)}.cde3-model-opt.active{background:#1e1e3c;color:#a29bfe}.cde3-section-styles{padding-bottom:var(--space-4)}.cde3-styles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.cde3-style-card{cursor:pointer;border-radius:var(--radius-sm);overflow:hidden;border:2px solid transparent;transition:all .2s}.cde3-style-card:hover{border-color:#6c5ce780}.cde3-style-card.active{border-color:#6c5ce7}.cde3-style-img{width:100%;aspect-ratio:3/4;background:#2a2a3e no-repeat center/cover}.cde3-style-name{font-size:10px;padding:3px 4px;text-align:center;color:#bbb;background:#1c1c2a;line-height:1.3}.cde3-style-card.active .cde3-style-name{color:#a29bfe}.cde3-left-sm{width:158px;flex-shrink:0;background:#111119;border-right:1px solid #222230;display:flex;flex-direction:column;padding:10px var(--space-2);gap:var(--space-2);overflow:hidden}.cde3-sm-row{display:flex;align-items:center;gap:6px}.cde3-sm-label{font-size:var(--space-3);color:#888;flex-shrink:0;width:28px}.cde3-speed-ctrl{display:flex;align-items:center;gap:4px;background:#1c1c2a;border:1px solid #2a2a3e;border-radius:var(--radius-sm);padding:3px var(--space-2);font-size:var(--space-3)}.cde3-speed-btns{display:flex;flex-direction:column}.cde3-speed-btns button{background:none;border:none;color:#888;cursor:pointer;font-size:9px;line-height:1.2;padding:0}.cde3-narrator{display:flex;align-items:center;gap:4px;flex:1}.cde3-narrator-tag{font-size:9px;background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:var(--color-white);padding:1px 4px;border-radius:3px;white-space:nowrap}.cde3-sm-sel{background:none;border:none;color:#e0e0f0;font-size:11px;cursor:pointer;flex:1;outline:none}.cde3-auto-seg{background:none;border:1px solid #2a2a3e;color:#888;padding:5px var(--space-2);border-radius:var(--radius-sm);font-size:11px;cursor:pointer;width:100%;text-align:left}.cde3-thumb-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px;scrollbar-width:none}.cde3-thumb-list::-webkit-scrollbar{display:none}.cde3-thumb-item{display:flex;align-items:center;gap:5px;cursor:pointer;padding:3px;border-radius:5px;border:1px solid transparent;transition:all .15s}.cde3-thumb-item:hover{background:#1c1c2a}.cde3-thumb-item.active{border-color:var(--color-warning-500);background:#1c1c2a}.cde3-thumb-num{font-size:10px;color:#666;width:var(--space-4);text-align:center;flex-shrink:0}.cde3-thumb-img{width:100px;height:58px;border-radius:4px;background:#1e1e38;position:relative;overflow:hidden;flex-shrink:0;background-size:cover;background-position:center}.cde3-thumb-gen{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--color-warning-500);font-size:11px}.cde3-spin-sm{width:var(--space-4);height:var(--space-4);border:2px solid rgba(245,158,11,.3);border-top-color:var(--color-warning-500);border-radius:var(--radius-full);animation:spin .8s linear infinite}.cde3-main{flex:1;overflow-y:auto;background:#17171f;scrollbar-width:thin;scrollbar-color:#2a2a3e transparent}.cde3-main::-webkit-scrollbar{width:4px}.cde3-main::-webkit-scrollbar-thumb{background:#2a2a3e;border-radius:2px}.cde3-story{display:flex;flex-direction:column;height:100%;overflow:hidden}.cde3-announce{background:linear-gradient(135deg,#1e1830,#2a2060);border-bottom:1px solid #3a2a8a;color:#b8a8ff;font-size:var(--text-sm);padding:9px var(--space-5);text-align:center;flex-shrink:0}.cde3-tabs{display:flex;padding:var(--space-3) var(--space-5) 0;gap:4px;flex-shrink:0}.cde3-tab{padding:7px 18px;border:none;border-radius:var(--space-2) var(--space-2) 0 0;cursor:pointer;font-size:var(--text-sm);font-weight:500;background:#1c1c28;color:#888;transition:all .2s;border-bottom:2px solid transparent}.cde3-tab.active{background:#1e1e2c;color:var(--color-white);border-bottom-color:#6c5ce7}.cde3-mine-area{flex:1;display:flex;flex-direction:column;min-height:0;padding:0 var(--space-5) var(--space-2);position:relative}.cde3-story-ta{flex:1;min-height:0;background:#1e1e2c;border:1px solid #2a2a3e;border-radius:0 var(--space-2) var(--space-2) var(--space-2);color:#e0e0f0;font-size:var(--text-sm);line-height:1.75;padding:18px var(--space-5);resize:none;outline:none;box-sizing:border-box;width:100%;font-family:inherit;scrollbar-width:thin;scrollbar-color:#2a2a3e transparent;transition:border-color .2s}.cde3-story-ta:focus{border-color:#3a3a6a}.cde3-story-ta::placeholder{color:#333352;line-height:1.8}.cde3-rewrite-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#17171fd9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);border-radius:var(--space-2);z-index:5;color:#a29bfe;font-size:var(--text-sm)}.cde3-story-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0;flex-shrink:0}.cde3-story-toolbar-right{display:flex;align-items:center;gap:var(--space-2)}.cde3-char-count{font-size:var(--space-3);color:#555}.cde3-rewrite-dropdown{position:relative}.cde3-btn-smart{padding:6px 14px;background:#1e1e38;border:1px solid #3a3a5c;border-radius:var(--radius-sm);color:#a29bfe;font-size:var(--text-sm);cursor:pointer;transition:all .2s}.cde3-btn-smart:hover{background:#2a2a4a;border-color:#6c5ce7}.cde3-btn-smart:disabled{opacity:.5;cursor:not-allowed}.cde3-rewrite-menu{position:absolute;bottom:calc(100% + 6px);right:0;width:200px;background:#1e1e2e;border:1px solid #3a3a5c;border-radius:10px;overflow:hidden;z-index:20;box-shadow:0 var(--space-2) var(--space-6) #0006}.cde3-rewrite-opt{width:100%;display:flex;flex-direction:column;align-items:flex-start;padding:10px 14px;background:none;border:none;border-bottom:1px solid #2a2a3e;cursor:pointer;text-align:left;transition:background .15s}.cde3-rewrite-opt:last-child{border-bottom:none}.cde3-rewrite-opt:hover{background:#2a2a45}.cde3-rewrite-opt-label{color:#e0e0f0;font-size:var(--text-sm);font-weight:500}.cde3-rewrite-opt-desc{color:#666;font-size:11px;margin-top:2px}.cde3-ai-area{flex:1;display:flex;flex-direction:column;min-height:0;padding:0 var(--space-5) var(--space-2);gap:10px}.cde3-ai-input-wrap{flex-shrink:0}.cde3-ai-prompt-ta{width:100%;min-height:100px;max-height:140px;background:#1e1e2c;border:1px solid #2a2a3e;border-radius:0 var(--space-2) var(--space-2) var(--space-2);color:#e0e0f0;font-size:var(--text-sm);line-height:1.6;padding:14px var(--space-4);resize:none;outline:none;box-sizing:border-box;font-family:inherit}.cde3-ai-prompt-ta:focus{border-color:#3a3a6a}.cde3-ai-prompt-ta::placeholder{color:#333352}.cde3-ai-prompt-foot{display:flex;justify-content:flex-end;padding:4px 0}.cde3-ai-result{flex:1;min-height:0;display:flex;flex-direction:column;background:#1c1c28;border:1px solid #2a2a3e;border-radius:var(--space-2);overflow:hidden}.cde3-ai-result-hd{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #2a2a3e;font-size:var(--text-sm);color:#a29bfe;flex-shrink:0}.cde3-ai-result-text{flex:1;min-height:0;overflow-y:auto;white-space:pre-wrap;font-size:var(--text-sm);color:#ccc;line-height:1.7;margin:0;font-family:inherit;padding:var(--space-3) 14px;scrollbar-width:thin;scrollbar-color:#2a2a3e transparent}.cde3-btn-sm{padding:4px 10px;font-size:var(--space-3)}.cde3-mt8{margin-top:var(--space-2)}.cde3-story-bottom{flex-shrink:0;overflow-y:auto;border-top:1px solid #2a2a3e;scrollbar-width:thin;scrollbar-color:#2a2a3e transparent}.cde3-duration-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;padding:10px var(--space-5) var(--space-2);font-size:var(--text-sm)}.cde3-duration-label{color:#888;flex-shrink:0;font-size:var(--text-sm)}.cde3-duration-opt{display:flex;align-items:center;gap:5px;cursor:pointer;color:#888;font-size:var(--space-3);padding:4px var(--space-2);border-radius:var(--space-5);border:1px solid transparent;transition:all .2s;-webkit-user-select:none;user-select:none}.cde3-duration-opt input{display:none}.cde3-duration-dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);border:2px solid #555;transition:all .2s;flex-shrink:0}.cde3-duration-opt.active{color:#a29bfe;border-color:#6c5ce74d;background:#6c5ce70f}.cde3-duration-opt.active .cde3-duration-dot{border-color:#6c5ce7;background:#6c5ce7}.cde3-random-section{padding:var(--space-2) var(--space-5) var(--space-4)}.cde3-random-hd{display:flex;align-items:center;gap:var(--space-2);margin-bottom:10px;font-size:var(--text-sm);color:#666}.cde3-random-refresh{background:none;border:none;color:#666;cursor:pointer;font-size:var(--text-sm);padding:2px 6px;border-radius:4px;transition:color .2s}.cde3-random-refresh:hover{color:#a29bfe}.cde3-random-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.cde3-random-card{background:#1c1c28;border:1px solid #252535;border-radius:var(--space-2);padding:10px var(--space-3);font-size:var(--space-3);color:#777;cursor:pointer;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;transition:all .2s}.cde3-random-card:hover{border-color:#6c5ce7;color:#ccc;background:#1e1e38}.cde3-ai-gen-foot{padding:var(--space-2) var(--space-5) var(--space-4);display:flex;justify-content:center}.cde3-btn-lg{padding:10px var(--space-8);font-size:15px;font-weight:600}.cde3-lines-view{display:flex;flex-direction:column;height:100%;padding:var(--space-4) var(--space-5);gap:0}.cde3-lines-hd{display:flex;align-items:center;gap:10px;margin-bottom:var(--space-3);flex-wrap:wrap;flex-shrink:0}.cde3-lines-title{font-size:var(--space-4);font-weight:700;color:var(--color-white)}.cde3-lines-hint{font-size:var(--space-3);color:#555}.cde3-lines-add{margin-left:auto;padding:4px var(--space-3);background:#1e1e38;border:1px dashed #3a3a5c;border-radius:var(--radius-sm);color:#a29bfe;font-size:var(--space-3);cursor:pointer;transition:all .2s}.cde3-lines-add:hover{background:#2a2a4a;border-color:#6c5ce7}.cde3-lines-list{flex:1;min-height:0;display:flex;flex-direction:column;gap:4px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#2a2a3e transparent}.cde3-line-row{display:flex;align-items:flex-start;gap:var(--space-2);padding:6px 10px;border:1px solid #2a2a3e;border-radius:var(--radius-sm);background:#1c1c28;transition:all .2s;cursor:grab}.cde3-line-row:hover{border-color:#3a3a5c;background:#1e1e30}.cde3-line-row.dragging{opacity:.5;border-color:#6c5ce7}.cde3-line-drag{color:#444;font-size:var(--text-sm);cursor:grab;flex-shrink:0;padding-top:4px;-webkit-user-select:none;user-select:none}.cde3-line-drag:hover{color:#888}.cde3-line-num{font-size:var(--space-3);color:#555;width:22px;text-align:center;flex-shrink:0;padding-top:5px}.cde3-line-input{flex:1;background:transparent;border:none;color:#e0e0f0;font-size:var(--text-sm);outline:none;resize:none;line-height:1.55;font-family:inherit;padding:3px 0}.cde3-line-count{font-size:10px;color:#444;flex-shrink:0;padding-top:5px}.cde3-line-del{background:none;border:none;color:#444;cursor:pointer;font-size:var(--text-sm);padding-top:3px;flex-shrink:0}.cde3-line-del:hover{color:var(--color-danger-500)}.cde3-lines-footer{display:flex;align-items:center;gap:10px;margin-top:var(--space-3);padding-top:10px;border-top:1px solid #2a2a3e;flex-shrink:0}.cde3-lines-meta{font-size:var(--space-3);color:#666}.cde3-cost-badge{font-size:10px;background:#f59e0b33;color:var(--color-warning-500);padding:1px 6px;border-radius:4px;margin-left:4px}.cde3-char-page{padding:var(--space-6)}.cde3-char-hd-bar{display:flex;align-items:center;justify-content:space-between;background:#1c1c28;border:1px solid #2a2a3e;border-radius:10px;padding:14px 18px;margin-bottom:var(--space-5)}.cde3-char-hd-title{font-size:var(--space-4);font-weight:700;color:var(--color-white);margin-bottom:4px}.cde3-char-hd-sub{font-size:var(--text-sm);color:#888}.cde3-char-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cde3-char-card{background:#1c1c28;border:2px solid #252535;border-radius:10px;overflow:hidden;transition:border-color .2s}.cde3-char-card:hover{border-color:#3a3a5c}.cde3-char-card.selected{border-color:var(--color-warning-500)}.cde3-char-img{position:relative;aspect-ratio:3/4;background:#1a1a28;overflow:hidden;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center}.cde3-char-badge{position:absolute;top:6px;right:6px;font-size:10px;background:linear-gradient(135deg,var(--color-warning-500),#fcd34d);color:var(--color-black);padding:2px 7px;border-radius:4px;font-weight:700}.cde3-char-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:#444}.cde3-char-icon{font-size:var(--text-4xl)}.cde3-char-set-label{font-size:var(--space-3);color:#555}.cde3-char-edit-btn{position:absolute;bottom:6px;left:50%;transform:translate(-50%);background:#000000b3;border:1px solid #3a3a5c;color:#ccc;padding:4px var(--space-3);border-radius:var(--radius-sm);font-size:11px;cursor:pointer;white-space:nowrap}.cde3-char-info{padding:10px}.cde3-char-name{font-size:var(--text-sm);font-weight:700;color:#e0e0f0;margin-bottom:4px}.cde3-char-meta{margin-bottom:4px}.cde3-gender{font-size:var(--space-3)}.cde3-gender.male{color:#60a5fa}.cde3-gender.female{color:#f472b6}.cde3-char-role-row{display:flex;align-items:center;gap:5px;font-size:var(--space-3);color:#888}.cde3-more-char{background:#1c1c28;border:1px dashed #2a2a3e;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:3/4;cursor:pointer;color:#555;gap:var(--space-2);transition:all .2s}.cde3-more-char:hover{border-color:#6c5ce7;color:#a29bfe}.cde3-gen-area{display:flex;flex-direction:column;height:100%}.cde3-preview-box{flex:1;position:relative;overflow:hidden;background:#1a1a28;display:flex;align-items:center;justify-content:center;width:100%;background-size:cover;background-position:center}.cde3-preview-img{width:100%;height:100%;object-fit:cover}.cde3-preview-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.cde3-preview-loading{position:absolute;top:0;right:0;bottom:0;left:0;background:#161622d9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);text-align:center;color:#ccc;font-size:var(--text-sm)}.cde3-spin-lg{width:40px;height:40px;border:3px solid rgba(245,158,11,.3);border-top-color:var(--color-warning-500);border-radius:var(--radius-full);animation:spin .8s linear infinite}.cde3-preview-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#555;gap:var(--space-2)}.cde3-preview-toolbar{position:absolute;bottom:56px;left:50%;transform:translate(-50%);display:flex;gap:4px;background:#161622d9;border:1px solid #2a2a3e;border-radius:10px;padding:6px 10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cde3-tool-btn{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;color:#bbb;font-size:10px;cursor:pointer;padding:5px 10px;border-radius:var(--radius-sm);transition:all .15s}.cde3-tool-btn:hover{background:#6c5ce733;color:var(--color-white)}.cde3-tool-btn span:first-child{font-size:18px}.cde3-caption-bar{display:flex;align-items:center;gap:10px;padding:10px var(--space-4);background:#1c1c28;border-top:1px solid #252535;flex-shrink:0}.cde3-caption-icon{font-size:var(--space-4);flex-shrink:0}.cde3-caption-text{flex:1;font-size:var(--text-sm);color:#e0e0f0}.cde3-dub-btn,.cde3-mute-btn{background:#252535;border:1px solid #3a3a5c;color:#ccc;padding:5px var(--space-3);border-radius:var(--radius-sm);font-size:var(--space-3);cursor:pointer;white-space:nowrap;flex-shrink:0}.cde3-hot-tag{font-size:9px;background:linear-gradient(135deg,var(--color-warning-500),var(--color-danger-500));color:var(--color-white);padding:1px 4px;border-radius:3px;margin-left:4px}.cde3-history-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#1c1c28;border-top:1px solid #252535;flex-shrink:0}.cde3-history-label{font-size:var(--space-3);color:#888;flex-shrink:0}.cde3-upload-ph{width:52px;height:38px;border:1px dashed #2a2a3e;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;color:#555;cursor:pointer;flex-shrink:0}.cde3-history-thumb{width:52px;height:38px;border-radius:5px;border:2px solid transparent;cursor:pointer;flex-shrink:0;overflow:hidden;position:relative}.cde3-history-thumb.active{border-color:#6c5ce7}.cde3-hist-num{position:absolute;bottom:2px;right:3px;font-size:9px;color:var(--color-white);background:#00000080;padding:0 3px;border-radius:2px}.cde3-history-arrow{color:#666;cursor:pointer;font-size:var(--space-4)}.cde3-gen-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--space-3);color:#555}.cde3-right{width:230px;flex-shrink:0;background:#111119;border-left:1px solid #222230;padding:var(--space-3);overflow-y:auto;display:flex;flex-direction:column;gap:4px;scrollbar-width:thin;scrollbar-color:#2a2a3e transparent}.cde3-right-section{padding:10px 0;border-bottom:1px solid #1e1e2c}.cde3-right-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.cde3-right-title{font-size:var(--space-3);color:#888;font-weight:600}.cde3-right-link{background:none;border:none;color:#6c5ce7;font-size:11px;cursor:pointer;display:flex;align-items:center;gap:3px}.cde3-char-mini{display:flex;align-items:center;gap:var(--space-2)}.cde3-char-mini-avatar{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-full);background:#6c5ce7;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:700;color:var(--color-white);background-size:cover;background-position:center}.cde3-shot-placeholder{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px;background:#1c1c28;border-radius:var(--radius-sm)}.cde3-shot-icon{font-size:var(--space-6);opacity:.4}.cde3-shot-hint{font-size:10px;color:#555;text-align:center;line-height:1.5}.cde3-prompt-ta{width:100%;background:#1c1c28;border:1px solid #2a2a3e;color:#e0e0f0;border-radius:var(--radius-sm);padding:var(--space-2);font-size:var(--space-3);resize:none;outline:none;box-sizing:border-box;line-height:1.5;font-family:inherit;transition:border-color .2s}.cde3-prompt-ta:focus{border-color:#6c5ce7}.cde3-prompt-footer{display:flex;align-items:center;justify-content:space-between;margin-top:5px}.cde3-ai-expand{background:none;border:none;color:var(--color-warning-500);font-size:11px;cursor:pointer}.cde3-prompt-count{font-size:10px;color:#555}.cde3-avail{font-size:11px;color:#888}.cde3-redraw-btn{width:100%;background:linear-gradient(135deg,#1c1c2a,#252535);border:1px solid #3a3a5c;color:#e0e0f0;padding:9px;border-radius:var(--space-2);font-size:var(--text-sm);font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s}.cde3-redraw-btn:hover{border-color:#6c5ce7;background:#1e1e38}.cde3-redraw-btn:disabled{opacity:.4;cursor:not-allowed}.cde3-toggle{position:relative;display:inline-block;width:36px;height:var(--space-5)}.cde3-toggle input{display:none}.cde3-toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#2a2a3e;border-radius:var(--space-5);transition:.2s;cursor:pointer}.cde3-toggle input:checked+.cde3-toggle-slider{background:var(--color-warning-500)}.cde3-toggle-slider:before{content:"";position:absolute;width:14px;height:14px;left:3px;top:3px;background:var(--color-white);border-radius:var(--radius-full);transition:.2s}.cde3-toggle input:checked+.cde3-toggle-slider:before{transform:translate(var(--space-4))}.cde3-motion-btn{width:100%;background:linear-gradient(135deg,var(--color-warning-500),#f97316);border:none;color:var(--color-white);padding:9px;border-radius:var(--space-2);font-size:var(--text-sm);font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}.cde3-motion-btn:hover{opacity:.9}.cde3-link-yellow{color:var(--color-warning-500);font-size:11px;cursor:pointer}.cde3-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:999;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.cde3-modal{background:#1c1c28;border:1px solid #2a2a3e;border-radius:14px;max-width:90vw;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 var(--space-6) 60px #00000080}.cde3-modal-hd{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid #252535;font-size:15px;font-weight:700;color:#e0e0f0;flex-shrink:0}.cde3-modal-close{background:none;border:none;color:#888;font-size:18px;cursor:pointer;margin-left:auto}.cde3-modal-close:hover{color:var(--color-white)}.cde3-modal-body{padding:var(--space-4) 18px;overflow-y:auto;flex:1}.cde3-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:var(--space-3) 18px;border-top:1px solid #252535;flex-shrink:0}.cde3-shot-search-row{display:flex;gap:var(--space-2);margin-bottom:10px}.cde3-shot-search{flex:1;background:#252535;border:1px solid #3a3a5c;color:#e0e0f0;border-radius:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);outline:none}.cde3-shot-search-btn{background:var(--color-warning-500);border:none;color:var(--color-black);width:38px;border-radius:var(--space-2);cursor:pointer;font-size:var(--space-4)}.cde3-shot-quick{display:flex;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap}.cde3-shot-quick-btn{background:#252535;border:1px solid #3a3a5c;color:#ccc;padding:5px var(--space-3);border-radius:var(--space-5);font-size:var(--space-3);cursor:pointer}.cde3-shot-quick-btn:hover{border-color:#6c5ce7;color:var(--color-white)}.cde3-shot-quick-btn.refresh{color:#a29bfe;border-color:#4a3f99}.cde3-shot-tabs{display:flex;gap:4px;margin-bottom:var(--space-3);align-items:center}.cde3-shot-upload{background:none;border:1px dashed #3a3a5c;color:#888;padding:5px var(--space-3);border-radius:var(--radius-sm);font-size:var(--space-3);cursor:pointer;margin-left:auto}.cde3-shot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cde3-shot-item{cursor:pointer;border-radius:var(--space-2);overflow:hidden;border:2px solid transparent;transition:all .2s}.cde3-shot-item:hover{border-color:#6c5ce7}.cde3-shot-thumb{aspect-ratio:3/4;background:#252535;border-radius:4px 4px 0 0}.cde3-shot-type{font-size:9px;color:#888;padding:2px 4px;background:#1c1c28}.cde3-shot-label{font-size:11px;color:#ccc;padding:4px;background:#1c1c28;text-align:center}.cde3-char-position{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.cde3-pos-avatar{width:50px;height:50px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--space-5);font-weight:700;color:var(--color-white);background:#2a2a3e}.cde3-pos-avatar.empty{background:#252535;color:#555}.cde3-pos-arrow{font-size:18px;color:#888}.cde3-batch-check{margin-bottom:10px}.cde3-check-all{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:#ccc;cursor:pointer}.cde3-batch-list{display:flex;flex-direction:column;gap:6px;max-height:320px;overflow-y:auto}.cde3-batch-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);background:#1c1c28;border-radius:var(--radius-sm);cursor:pointer}.cde3-batch-num{font-size:var(--text-sm);color:#666;width:var(--space-6)}.cde3-batch-thumb{width:48px;height:34px;border-radius:4px;background:#252535;background-size:cover;background-position:center;flex-shrink:0}.cde3-motion-preview{width:100%;height:120px;background:#252535;border-radius:var(--space-2);margin:var(--space-2) 0}.cde3-checkbox-row{display:flex;align-items:center;gap:6px;font-size:var(--text-sm);color:#888;cursor:pointer}.cde3-field{margin-bottom:var(--space-3)}.cde3-field label{display:block;font-size:var(--space-3);color:#888;margin-bottom:5px}.cde3-input{width:100%;background:#252535;border:1px solid #3a3a5c;color:#e0e0f0;border-radius:var(--radius-sm);padding:7px 10px;font-size:var(--text-sm);outline:none;transition:border-color .2s;box-sizing:border-box}.cde3-input:focus{border-color:#6c5ce7}.cde3-select{width:100%;background:#252535;border:1px solid #3a3a5c;color:#e0e0f0;border-radius:var(--radius-sm);padding:7px 10px;font-size:var(--text-sm);outline:none;cursor:pointer;box-sizing:border-box}.cde3-textarea{width:100%;background:#252535;border:1px solid #3a3a5c;color:#e0e0f0;border-radius:var(--radius-sm);padding:var(--space-2) 10px;font-size:var(--text-sm);outline:none;resize:vertical;transition:border-color .2s;box-sizing:border-box;line-height:1.5;font-family:inherit}.cde3-textarea:focus{border-color:#6c5ce7}.cde3-btn-yellow{background:var(--color-warning-500);border:none;color:var(--color-black);padding:var(--space-2) 18px;border-radius:var(--space-2);font-size:var(--text-sm);font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap;display:inline-flex;align-items:center;gap:5px}.cde3-btn-yellow:hover{background:var(--color-warning-100);transform:translateY(-1px)}.cde3-btn-yellow:disabled{opacity:.5;cursor:not-allowed;transform:none}.cde3-btn-outline-yellow{background:none;border:1px solid var(--color-warning-500);color:var(--color-warning-500);padding:6px 14px;border-radius:var(--space-2);font-size:var(--text-sm);cursor:pointer;display:flex;align-items:center;gap:5px;white-space:nowrap}.cde3-btn-outline-yellow:hover{background:#f59e0b1a}.cde3-btn-primary{background:#6c5ce7;border:none;color:var(--color-white);padding:var(--space-2) 18px;border-radius:var(--space-2);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .2s}.cde3-btn-primary:hover{background:#7d6ff0}.cde3-btn-ghost{background:none;border:1px solid #3a3a5c;color:#bbb;padding:7px var(--space-4);border-radius:var(--space-2);font-size:var(--text-sm);cursor:pointer;transition:all .2s}.cde3-btn-ghost:hover{border-color:#6c5ce7;color:var(--color-white)}.cde3-mt24{margin-top:var(--space-6)}.aal-layout{display:flex;min-height:100vh;background:#fafafa}.aal-sidebar{width:220px;min-width:220px;background:var(--color-white);border-right:1px solid #e8e8e8;display:flex;flex-direction:column;height:100vh;position:sticky;top:0;overflow-y:auto;z-index:100}.aal-sidebar-header{padding:var(--space-4) 18px;display:flex;align-items:center;gap:var(--space-2);border-bottom:1px solid #e8e8e8;font-size:15px;font-weight:600;color:#333;flex-shrink:0}.aal-sidebar-icon{font-size:var(--space-4);color:#666}.aal-sidebar-title{color:#333;text-decoration:none;font-weight:600}.aal-sidebar-title:hover{color:#4caf50}.aal-sidebar-nav{flex:1;overflow-y:auto;padding:var(--space-2) 0}.aal-nav-group{margin-bottom:4px}.aal-nav-group-title{padding:var(--space-2) 18px;font-size:var(--text-sm);font-weight:700;color:#4caf50;cursor:pointer;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none;transition:background .2s}.aal-nav-group-title:hover{background:#f5f5f5}.aal-nav-arrow{font-size:var(--text-sm);transition:transform .2s;color:#999}.aal-nav-arrow.expanded{transform:rotate(90deg)}.aal-nav-items{padding:0}.aal-nav-item{display:block;padding:7px 18px 7px 28px;font-size:var(--text-sm);color:#555;text-decoration:none;transition:all .15s;border-left:3px solid transparent;line-height:1.5;cursor:pointer;-webkit-user-select:none;user-select:none}.aal-nav-item:hover{background:#f0f7f0;color:#333}.aal-nav-item.active{background:#e8f5e9;color:#2e7d32;border-left-color:#4caf50;font-weight:600}.aal-main{flex:1;display:flex;flex-direction:column;min-width:0}.aal-topbar{height:48px;background:var(--color-white);border-bottom:1px solid #e8e8e8;display:flex;align-items:center;padding:0 var(--space-6);position:sticky;top:0;z-index:50;gap:var(--space-4);flex-shrink:0}.aal-mobile-menu{display:none;background:none;border:none;font-size:var(--space-5);cursor:pointer;color:#666;padding:4px}.aal-back-home{font-size:var(--text-sm);color:#666;text-decoration:none;white-space:nowrap}.aal-back-home:hover{color:#4caf50}.aal-topbar-nav{display:flex;gap:var(--space-6);margin-left:auto}.aal-topbar-link{font-size:var(--text-sm);color:#666;text-decoration:none;white-space:nowrap;background:none;border:none;cursor:pointer;padding:4px var(--space-2);border-radius:4px;transition:all .2s}.aal-topbar-link:hover{color:#4caf50;background:#f0f7f0}.aal-topbar-center{flex:1;min-width:0}.aal-topbar-current{font-size:var(--text-sm);color:#333;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.aal-external-link{color:#4caf50;font-weight:500}.aal-content{flex:1;padding:var(--space-8) 40px;max-width:960px}.aal-hero{margin-bottom:40px}.aal-hero-title{font-size:28px;font-weight:700;color:#333;margin:0 0 var(--space-6) 0}.aal-hero-body{display:flex;gap:var(--space-6);align-items:flex-start}.aal-hero-icon-box{width:120px;height:120px;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:var(--space-4);display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.aal-hero-icon-box span{font-size:48px}.aal-hero-icon-label{font-size:11px;font-weight:700;color:#2e7d32;margin-top:4px;letter-spacing:1px}.aal-hero-text{flex:1}.aal-hero-text p{margin:0 0 10px;font-size:var(--text-sm);line-height:1.8;color:#555}.aal-hero-text strong{color:#333}.aal-hero-text a{color:#4caf50;text-decoration:none;border-bottom:1px dashed #4caf50}.aal-hero-text a:hover{color:#2e7d32}.aal-formula{color:#4caf50!important;font-weight:600;font-style:italic}.aal-section{margin-bottom:40px}.aal-section h2{font-size:22px;font-weight:700;color:#333;margin:0 0 var(--space-5) 0;padding-bottom:var(--space-2);border-bottom:2px solid #e8e8e8}.aal-list{padding-left:var(--space-5);margin:0}.aal-list li{font-size:var(--text-sm);line-height:2;color:#555}.aal-course-section{margin-bottom:28px}.aal-course-section-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--space-4);font-weight:600;color:#333;margin-bottom:14px}.aal-course-section-icon{font-size:18px}.aal-course-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.aal-course-card{display:block;padding:10px 14px;background:var(--color-white);border:1px solid #e0e0e0;border-radius:var(--radius-sm);text-decoration:none;transition:all .2s;cursor:pointer}.aal-course-card:hover{border-color:#4caf50;box-shadow:0 2px var(--space-2) #4caf501f}.aal-course-card-text{font-size:var(--text-sm);color:#4caf50;font-weight:500;line-height:1.4}.aal-show-more{display:inline-block;margin-top:10px;padding:4px var(--space-3);font-size:var(--space-3);color:#888;background:none;border:none;cursor:pointer;transition:color .2s}.aal-show-more:hover{color:#4caf50}.aal-all-tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-3)}.aal-tool-card{display:flex;align-items:center;gap:var(--space-3);padding:14px var(--space-4);background:var(--color-white);border:1px solid #e8e8e8;border-radius:10px;text-decoration:none;transition:all .2s;cursor:pointer}.aal-tool-card:hover{border-color:#4caf50;box-shadow:0 4px var(--space-3) #4caf501a;transform:translateY(-1px)}.aal-tool-icon{font-size:28px;flex-shrink:0}.aal-tool-info{min-width:0}.aal-tool-name{font-size:var(--text-sm);font-weight:600;color:#333;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aal-tool-desc{font-size:var(--space-3);color:#888;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.aal-footer{padding:var(--space-5) 40px;border-top:1px solid #e8e8e8;text-align:center;font-size:var(--space-3);color:#999;flex-shrink:0}.aal-footer a{color:#4caf50;text-decoration:none}.aal-footer a:hover{text-decoration:underline}.aal-iframe-wrapper{flex:1;display:flex;flex-direction:column;position:relative;min-height:0}.aal-iframe{flex:1;width:100%;border:none;min-height:calc(100vh - 48px);background:var(--color-white)}.aal-iframe-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fafafa;z-index:10;gap:var(--space-4)}.aal-iframe-loading p{font-size:var(--text-sm);color:#888}.aal-loading-spinner{width:36px;height:36px;border:3px solid #e8e8e8;border-top-color:#4caf50;border-radius:var(--radius-full);animation:aal-spin .8s linear infinite}@keyframes aal-spin{to{transform:rotate(360deg)}}.aal-overlay{display:none}@media (max-width: 1200px){.aal-course-cards{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.aal-course-cards{grid-template-columns:repeat(2,1fr)}.aal-content{padding:var(--space-6) var(--space-5)}.aal-hero-body{flex-direction:column;align-items:center;text-align:center}}@media (max-width: 768px){.aal-sidebar{position:fixed;left:-260px;top:0;height:100vh;transition:left .3s ease;box-shadow:none;z-index:200}.aal-sidebar.open{left:0;box-shadow:4px 0 var(--space-5) #00000026}.aal-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:150}.aal-mobile-menu{display:block}.aal-course-cards{grid-template-columns:repeat(2,1fr)}.aal-all-tools{grid-template-columns:1fr}.aal-content{padding:var(--space-5) var(--space-4)}.aal-hero-title{font-size:22px}.aal-topbar{padding:0 var(--space-4)}.aal-topbar-center{display:none}.aal-topbar-nav{gap:var(--space-3)}}@media (max-width: 480px){.aal-course-cards{grid-template-columns:1fr}}.aal-sidebar::-webkit-scrollbar{width:4px}.aal-sidebar::-webkit-scrollbar-track{background:transparent}.aal-sidebar::-webkit-scrollbar-thumb{background:#ddd;border-radius:4px}.aal-sidebar::-webkit-scrollbar-thumb:hover{background:#bbb}:root{--n60s-primary-color: #d32f2f;--n60s-primary-light: #ffeb_ee;--n60s-text-main: #202124;--n60s-text-secondary: #5f6368;--n60s-bg-color: var(--color-gray-100);--n60s-card-bg: var(--color-white);--n60s-accent-color: #1a73e8;--n60s-quote-bg: #f8f9fa;--n60s-quote-border: #dadce0;--n60s-shadow-sm: 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);--n60s-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)}.n60s-page{font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--n60s-bg-color);min-height:100vh;color:var(--n60s-text-main);display:flex;flex-direction:column;align-items:center;padding:var(--space-5) var(--space-4);line-height:1.6}.n60s-container{max-width:680px;width:100%;background:var(--n60s-card-bg);border-radius:var(--space-4);box-shadow:var(--n60s-shadow-sm);overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;margin-bottom:80px}.n60s-header{background:linear-gradient(135deg,#d32f2f,#b71c1c);color:#fff;padding:var(--space-8) var(--space-6);text-align:center;position:relative;overflow:hidden}.n60s-header:before{content:"";position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:var(--radius-full)}.n60s-header-content{position:relative;z-index:1}.n60s-title-wrapper{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-3)}.n60s-h1{margin:0;font-family:"Noto Serif SC",serif;font-size:28px;font-weight:700;letter-spacing:1px}.n60s-date-info{display:flex;flex-direction:column;align-items:center;gap:4px}.n60s-main-date{font-size:18px;font-weight:500;opacity:.95}.n60s-sub-date{font-size:var(--text-sm);opacity:.8;font-weight:400;background:#ffffff26;padding:2px var(--space-3);border-radius:var(--space-5)}.n60s-content{padding:var(--space-6)}.n60s-brand-section{text-align:center;padding-bottom:var(--space-5);margin-bottom:var(--space-6);border-bottom:1px solid #f1f1f1}.n60s-brand-subtitle{font-family:"Noto Serif SC",serif;font-size:15px;color:var(--n60s-primary-color);font-weight:600;margin-bottom:var(--space-4);letter-spacing:.5px;position:relative;display:inline-block}.n60s-brand-subtitle:after{content:"";display:block;width:40px;height:2px;background:var(--n60s-primary-color);margin:var(--space-2) auto 0;opacity:.3}.n60s-news-list{list-style:none;padding:0;margin:0}.n60s-news-item{display:flex;align-items:flex-start;margin-bottom:var(--space-5);padding-bottom:var(--space-5);border-bottom:1px dashed #eee;animation:n60s-fadeIn .5s ease forwards;opacity:0}.n60s-news-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.n60s-news-index{flex-shrink:0;width:var(--space-6);height:var(--space-6);background:var(--n60s-primary-color);color:#fff;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:700;margin-right:var(--space-4);margin-top:2px;font-variant-numeric:tabular-nums}.n60s-news-item:nth-child(1) .n60s-news-index{background:#d32f2f}.n60s-news-item:nth-child(2) .n60s-news-index{background:#e64a19}.n60s-news-item:nth-child(3) .n60s-news-index{background:#f57c00}.n60s-news-item:nth-child(n+4) .n60s-news-index{background:#90a4ae}.n60s-news-text{color:var(--n60s-text-main);font-size:var(--space-4);text-align:justify;line-height:1.7}.n60s-highlight{font-weight:700;color:var(--color-black)}.n60s-quote-section{margin-top:var(--space-8);background-color:var(--n60s-quote-bg);border-left:4px solid var(--n60s-primary-color);padding:var(--space-5);border-radius:0 var(--space-2) var(--space-2) 0;position:relative}.n60s-quote-title{font-size:var(--space-3);color:var(--n60s-text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-2);display:flex;align-items:center;gap:6px}.n60s-quote-title:before{content:"❝";font-size:18px;color:var(--n60s-primary-color);line-height:1}.n60s-quote-content{font-family:"Noto Serif SC",serif;font-size:17px;color:#333;font-weight:600;line-height:1.6}.n60s-toolbar{position:fixed;bottom:var(--space-5);left:50%;transform:translate(-50%);display:flex;gap:15px;z-index:100;background:#ffffffe6;padding:10px var(--space-5);border-radius:50px;box-shadow:0 4px var(--space-5) #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.n60s-btn{border:none;background:var(--n60s-primary-color);color:#fff;padding:10px var(--space-5);border-radius:25px;font-size:var(--text-sm);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:transform .2s,background .2s;font-family:Noto Sans SC,sans-serif}.n60s-btn:hover{transform:translateY(-2px);box-shadow:0 4px var(--space-3) #d32f2f4d}.n60s-btn-outline{background:transparent;border:2px solid var(--n60s-primary-color);color:var(--n60s-primary-color)}.n60s-btn-outline:hover{background:var(--n60s-primary-light)}.n60s-toast{position:fixed;top:var(--space-5);left:50%;transform:translate(-50%) translateY(-100%);background:#000c;color:#fff;padding:var(--space-3) var(--space-6);border-radius:var(--space-2);opacity:0;transition:all .3s;z-index:2000}.n60s-toast.show{transform:translate(-50%) translateY(0);opacity:1}.n60s-loading-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:n60s-loading 1.5s infinite;border-radius:4px;height:var(--space-5);margin-bottom:10px}@keyframes n60s-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes n60s-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.n60s-export-wrapper{position:absolute;top:0;left:-9999px;width:720px;z-index:-1000;background:var(--color-white)}.n60s-export-wrapper .n60s-container{max-width:100%!important;width:100%!important;border-radius:0!important;box-shadow:none!important;margin:0!important;transform:none!important;padding-bottom:40px!important}.n60s-export-wrapper .n60s-news-text{font-size:26px!important;line-height:1.6!important;margin-bottom:10px!important}.n60s-export-wrapper .n60s-news-item{margin-bottom:28px!important;padding-bottom:28px!important}.n60s-export-wrapper .n60s-news-index{width:36px!important;height:36px!important;font-size:var(--space-5)!important;margin-right:var(--space-5)!important;margin-top:4px!important;border-radius:var(--space-2)!important}.n60s-export-wrapper .n60s-h1{font-size:40px!important;margin-bottom:10px!important}.n60s-export-wrapper .n60s-brand-subtitle{font-size:var(--space-6)!important;margin-bottom:25px!important}.n60s-export-wrapper .n60s-main-date{font-size:28px!important}.n60s-export-wrapper .n60s-sub-date{font-size:var(--space-5)!important;margin-top:5px!important}.n60s-export-wrapper .n60s-quote-content{font-size:28px!important;line-height:1.6!important}.n60s-export-wrapper .n60s-quote-title{font-size:18px!important;margin-bottom:15px!important}.n60s-export-wrapper .n60s-header{padding:50px 30px!important}.n60s-export-wrapper .n60s-content{padding:40px 30px!important}.history-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:var(--space-5);color:var(--color-white);overflow-x:hidden}.history-content{max-width:1000px;margin:0 auto}.history-header{text-align:center;margin-bottom:40px;padding:40px 0}.history-header h1{font-size:3rem;font-weight:800;margin-bottom:15px;text-shadow:0 4px var(--space-5) rgba(0,0,0,.3);background:linear-gradient(45deg,gold,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.history-header p{font-size:1.2rem;opacity:.9;margin-bottom:var(--space-5)}.date-display{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:var(--space-5);margin-bottom:30px;text-align:center;border:1px solid rgba(255,255,255,.2)}.date-display h2{font-size:1.5rem;margin-bottom:10px;color:gold}.history-list{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--space-5);padding:30px;margin-bottom:30px;border:1px solid rgba(255,255,255,.2);box-shadow:0 var(--space-2) var(--space-8) #0000001a;min-height:400px}.history-item{background:#ffffff0d;border-radius:var(--space-3);padding:var(--space-5);margin-bottom:var(--space-5);border-left:4px solid #ffd700;transition:transform .2s,box-shadow .2s}.history-item:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.history-item:last-child{margin-bottom:0}.history-year{font-size:1.1rem;font-weight:700;color:gold;margin-bottom:var(--space-2)}.history-event{font-size:1rem;line-height:1.6;color:var(--color-white)}.history-event strong{color:gold;display:block;margin-bottom:var(--space-2);font-size:1.1rem}.history-loading{text-align:center;font-size:1.1rem;color:#fffc;padding:40px}.history-actions{text-align:center;margin-top:30px;display:flex;justify-content:center;gap:var(--space-4)}.history-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:var(--space-3) 30px;border-radius:25px;font-size:1rem;cursor:pointer;transition:transform .2s,box-shadow .2s;text-decoration:none;display:inline-block}.history-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.history-btn.secondary{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.api-status{background:#ffc10733;border:1px solid rgba(255,193,7,.3);border-radius:10px;padding:15px;margin-bottom:var(--space-5);text-align:center;font-size:.9rem;color:gold}@media (max-width: 768px){.history-container{padding:15px}.history-header h1{font-size:2rem}.history-header p{font-size:1rem}.history-list{padding:var(--space-5)}.history-item{padding:15px}.history-actions{flex-direction:column;align-items:center}.history-btn{width:200px}}.exchange-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:var(--space-5);color:var(--color-white);overflow-x:hidden}.exchange-content{max-width:1200px;margin:0 auto}.exchange-header{text-align:center;margin-bottom:40px;padding:40px 0}.exchange-header h1{font-size:3rem;font-weight:800;margin-bottom:15px;text-shadow:0 4px var(--space-5) rgba(0,0,0,.3);background:linear-gradient(45deg,#0f8,#0cf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.exchange-header p{font-size:1.2rem;opacity:.9;margin-bottom:var(--space-5)}.exchange-update-time{font-size:.9rem;opacity:.7;background:#ffffff1a;padding:var(--space-2) var(--space-4);border-radius:var(--space-5);display:inline-block;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.converter-section{background:#ffffff1a;-webkit-backdrop-filter:blur(var(--space-5));backdrop-filter:blur(var(--space-5));border-radius:var(--space-5);padding:30px;margin-bottom:40px;border:1px solid rgba(255,255,255,.2)}.converter-title{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-5);text-align:center}.converter-form{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-5);align-items:center;margin-bottom:var(--space-5)}.currency-input{display:flex;flex-direction:column;gap:10px}.currency-input label{font-weight:600;font-size:.9rem;opacity:.9}.input-group{display:flex;gap:10px}.currency-input input{flex:1;padding:var(--space-3) var(--space-4);border:none;border-radius:10px;background:#ffffffe6;color:#333;font-size:1rem;font-weight:600;min-width:0}.currency-input select{padding:var(--space-3) var(--space-4);border:none;border-radius:10px;background:#ffffffe6;color:#333;font-size:1rem;font-weight:600;min-width:80px}.swap-btn{background:#fff3;border:none;border-radius:var(--radius-full);width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:1.2rem;color:#fff}.swap-btn:hover{background:#ffffff4d;transform:rotate(180deg)}.rates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-5);margin-bottom:40px}.rate-card{background:#ffffff1a;-webkit-backdrop-filter:blur(var(--space-5));backdrop-filter:blur(var(--space-5));border-radius:15px;padding:25px;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;position:relative;overflow:hidden}.rate-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#0f8,#0cf)}.rate-card:hover{transform:translateY(-5px);background:#ffffff26}.rate-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.currency-info{display:flex;align-items:center;gap:var(--space-3)}.currency-flag{font-size:1.5rem}.currency-name{font-weight:700;font-size:1.1rem}.currency-code{font-size:.9rem;opacity:.7}.rate-value{font-size:1.8rem;font-weight:800;color:#0f8;text-shadow:0 2px 10px rgba(0,255,136,.3)}.rate-change{font-size:.9rem;font-weight:600;margin-top:5px}.rate-change.positive{color:#0f8}.rate-change.negative{color:#ff4757}.exchange-loading{text-align:center;padding:40px;font-size:1.2rem;opacity:.8}.exchange-error{text-align:center;padding:var(--space-5);background:#ff475733;border-radius:10px;margin-bottom:var(--space-5)}.back-btn{position:fixed;top:var(--space-5);left:var(--space-5);background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:var(--radius-full);width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:var(--color-white);font-size:1.2rem;text-decoration:none;z-index:10}@media (max-width: 768px){.exchange-container{padding:15px}.exchange-header h1{font-size:2rem}.converter-form{grid-template-columns:1fr;gap:15px}.swap-btn{justify-self:center;transform:rotate(90deg)}.rates-grid{grid-template-columns:1fr}}.hot-list-container{min-height:100vh;padding:var(--space-5);color:var(--color-white);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.hot-list-header{text-align:center;margin-bottom:40px;padding:40px 0}.hot-list-header h1{font-size:3rem;font-weight:800;margin-bottom:15px;text-shadow:0 4px var(--space-5) rgba(0,0,0,.3)}.hot-list-header p{font-size:1.2rem;opacity:.9;margin-bottom:var(--space-5)}.update-time{font-size:.9rem;opacity:.7;background:#ffffff1a;padding:var(--space-2) var(--space-4);border-radius:var(--space-5);display:inline-block;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hot-list-content{max-width:800px;margin:0 auto;background:#ffffff1a;-webkit-backdrop-filter:blur(var(--space-5));backdrop-filter:blur(var(--space-5));border-radius:var(--space-5);padding:30px;border:1px solid rgba(255,255,255,.2)}.hot-item{display:flex;align-items:center;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1);transition:all .3s ease;cursor:pointer}.hot-item:last-child{border-bottom:none}.hot-item:hover{background:#ffffff1a;border-radius:10px;padding-left:10px;padding-right:10px}.hot-rank{min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem;margin-right:var(--space-5);border-radius:var(--space-2)}.hot-rank.top3{color:var(--color-white);box-shadow:0 4px 15px #0003}.hot-rank.normal{background:#fff3;color:var(--color-white)}.hot-info{flex:1;min-width:0}.hot-title{font-size:1.1rem;font-weight:600;margin-bottom:5px;line-height:1.4;overflow-wrap:break-word}.hot-meta{font-size:.9rem;opacity:.8;font-weight:500}.hot-loading,.hot-error{text-align:center;padding:40px;font-size:1.2rem;opacity:.8}.back-btn{position:fixed;top:var(--space-5);left:var(--space-5);background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:var(--radius-full);width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:var(--color-white);font-size:1.2rem;text-decoration:none;z-index:100}.back-btn:hover{background:#ffffff4d;transform:scale(1.1)}@media (max-width: 768px){.hot-list-container{padding:15px}.hot-list-header h1{font-size:2rem}.hot-list-content{padding:var(--space-5)}.hot-rank{min-width:35px;height:35px;margin-right:15px;font-size:1rem}.hot-title{font-size:1rem}}.hitokoto-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-5)}.hitokoto-card{background:#fff;border-radius:var(--space-5);padding:40px;box-shadow:0 var(--space-5) 40px #0000001a;max-width:600px;width:100%;text-align:center;position:relative}.hitokoto-header{margin-bottom:30px}.hitokoto-title{font-size:2rem;color:#333;margin-bottom:10px;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:700}.hitokoto-subtitle{color:#666;font-size:1rem}.hitokoto-content{background:#f8f9fa;border-radius:15px;padding:30px;margin:30px 0;min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center}.hitokoto-text{font-size:1.3rem;line-height:1.6;color:#333;margin-bottom:var(--space-5);font-style:italic}.hitokoto-source{color:#666;font-size:.9rem}.hitokoto-loading{color:#666;font-size:1.1rem}.hitokoto-actions{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.hitokoto-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:var(--space-3) 30px;border-radius:25px;font-size:1rem;cursor:pointer;transition:transform .2s,box-shadow .2s}.hitokoto-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.hitokoto-btn.secondary{background:#6c757d}@media (max-width: 768px){.hitokoto-card{padding:var(--space-5)}.hitokoto-title{font-size:1.5rem}.hitokoto-text{font-size:1.1rem}}:root{--bg-dark: #0f0c29;--bg-gradient: linear-gradient(to bottom, #0f0c29, #302b63, #24243e);--gold: #ffd700;--neon-blue: #00f260;--neon-pink: #ec38bc;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--text-glow: 0 0 10px rgba(255, 255, 255, .5)}body{margin:0;overflow-x:hidden}.dial-page-container{font-family:Nunito,PingFang SC,sans-serif;min-height:100vh;background:var(--bg-gradient);color:#fff;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.mystic-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.bg-glow-orb{position:absolute;border-radius:var(--radius-full);filter:blur(80px);opacity:.4;animation:floatOrb 10s infinite ease-in-out}.orb-1{width:300px;height:300px;background:#7303c0;top:-50px;left:-50px}.orb-2{width:400px;height:400px;background:#ec38bc;bottom:-100px;right:-100px;animation-delay:-5s}.dial-content-layer{position:relative;z-index:1;width:100%;max-width:500px;display:flex;flex-direction:column;align-items:center;padding:var(--space-5);box-sizing:border-box;padding-bottom:40px}.dial-header{text-align:center;margin-bottom:var(--space-5);text-shadow:0 2px 4px rgba(0,0,0,.5)}.header-solar{font-family:Cinzel,serif;font-size:1.5rem;letter-spacing:2px;margin-bottom:5px;color:var(--color-white)}.header-week{font-size:1rem;opacity:.8;font-family:PingFang SC,sans-serif}.header-lunar{font-size:.9rem;color:#ffffffb3;font-weight:300}.divider{margin:0 var(--space-2);color:var(--gold)}.dial-main-wrapper{position:relative;width:280px;height:280px;display:flex;justify-content:center;align-items:center;margin-bottom:30px}.dial-core{position:relative;width:260px;height:260px}.dial-ring-outer{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--radius-full);border:1px dashed rgba(255,255,255,.2);box-shadow:0 0 30px #ffffff0d;animation:rotate 60s linear infinite}.dial-ring-inner{position:absolute;top:var(--space-5);left:var(--space-5);right:var(--space-5);bottom:var(--space-5);border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.05)}.dial-progress-svg{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(0)}.dial-center-info{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;width:160px;height:160px;border-radius:var(--radius-full);background:radial-gradient(circle,#ffffff1a,#0000 70%);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dial-score{font-family:Cinzel,serif;font-size:3.5rem;font-weight:700;line-height:1;background:linear-gradient(to bottom,var(--color-white),#ffd700);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px rgba(255,215,0,.5))}.dial-grade{font-size:1.3rem;margin-top:5px;font-weight:300;letter-spacing:4px;color:#ffffffe6;font-family:"Noto Serif SC",serif}.dial-satellites{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.satellite-card{position:absolute;background:#10101ecc;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 15px;border-radius:var(--space-3);min-width:90px;display:flex;flex-direction:column;align-items:center;box-shadow:0 10px 30px #0000004d;animation:floatCard 6s infinite ease-in-out;pointer-events:auto}.left-card{top:50%;left:-50px;transform:translateY(-50%)}.right-card{top:50%;right:-50px;transform:translateY(-50%);animation-delay:-3s}.sat-label{width:var(--space-6);height:var(--space-6);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;margin-bottom:5px;box-shadow:0 0 10px #00000080}.yi-label{background:#00b894;color:var(--color-white)}.ji-label{background:#d63031;color:var(--color-white)}.sat-content{font-size:.8rem;color:#ffffffe6;text-align:center;white-space:nowrap}.dial-bottom-tip{margin-bottom:25px;padding:25px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,215,0,.3);box-shadow:0 0 var(--space-5) #ffd7001a,inset 0 0 var(--space-5) #ffd7000d;border-radius:var(--space-5);width:100%;text-align:center;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dial-bottom-tip:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 60%);animation:rotate 10s linear infinite;pointer-events:none;opacity:.3}.tip-content{position:relative;z-index:1;font-size:1.15rem;color:var(--color-white);line-height:1.5;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.5);font-family:"Noto Serif SC",serif}.tip-icon{font-size:1.2rem;margin-right:5px;display:inline-block;filter:drop-shadow(0 0 5px rgba(255,215,0,.8))}.dial-stats-strip{display:flex;gap:var(--space-5);margin-bottom:30px;justify-content:center;flex-wrap:wrap;background:#0003;padding:15px;border-radius:50px;border:1px solid rgba(255,255,255,.05)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:60px}.stat-item.clickable{cursor:pointer;opacity:.8;transition:opacity .2s}.stat-item.clickable:hover{opacity:1}.stat-label{font-size:.7rem;color:#ffffff80;text-transform:uppercase;letter-spacing:1px}.stat-val{font-size:.9rem;font-weight:600;color:var(--gold);text-shadow:0 0 5px rgba(255,215,0,.3)}.full-info-overlay{max-height:0;overflow:hidden;transition:max-height .4s ease;width:100%;background:#0006;border-radius:var(--space-3);margin-bottom:0;border:1px solid rgba(255,255,255,.05)}.full-info-overlay.visible{max-height:250px;margin-bottom:var(--space-5);padding:10px}.full-info-box{display:flex;flex-direction:column;gap:10px}.info-row{display:flex;justify-content:space-between;font-size:.85rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:var(--space-2)}.info-title{color:#fff9}.info-val{color:#ffffffe6;font-family:monospace}.dial-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.dial-btn{border:none;cursor:pointer;transition:all .3s;font-family:inherit;position:relative;overflow:hidden}.dial-btn.primary{background:linear-gradient(90deg,#ff512f,#dd2476);color:#fff;padding:var(--space-3) 40px;border-radius:30px;font-size:1rem;font-weight:700;box-shadow:0 5px 15px #dd247666;letter-spacing:1px}.dial-btn.primary:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shine 3s infinite}.dial-btn.primary:hover{transform:scale(1.05);box-shadow:0 var(--space-2) 25px #dd247699}.dial-btn.secondary{background:transparent;color:#ffffffb3;border:1px solid rgba(255,255,255,.3);padding:10px 30px;border-radius:25px;font-size:.9rem;font-weight:500;transition:all .3s}.dial-btn.secondary:hover{color:#fff;border-color:#fff9;background:#ffffff1a}.dial-btn.text{background:transparent;color:#fff9;font-size:.9rem;padding:5px 10px}.dial-btn.text:hover{color:#fff}.debug-tiny{position:absolute;bottom:5px;right:5px;font-size:.6rem;color:#fff3}@keyframes floatOrb{0%,to{transform:translate(0)}50%{transform:translate(var(--space-5),-var(--space-5))}}@keyframes floatCard{0%,to{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 10px))}}@keyframes shine{0%{left:-100%}20%{left:100%}to{left:100%}}@media (max-width: 768px){.dial-content-layer{padding:15px 15px 30px}.dial-main-wrapper{width:300px;height:300px;margin-bottom:40px}.dial-core{width:280px;height:280px}.dial-score{font-size:3.2rem}.dial-grade{font-size:1.2rem;letter-spacing:3px}.left-card{left:-45px}.right-card{right:-45px}.satellite-card{padding:var(--space-2) var(--space-3);min-width:80px}.sat-content{font-size:.75rem}.dial-bottom-tip{padding:var(--space-5);margin-bottom:var(--space-5)}.tip-content{font-size:1.1rem}.dial-stats-strip{gap:15px;padding:var(--space-3)}}@media (max-width: 480px){.dial-page-container{padding:10px 0}.dial-content-layer{padding:10px;padding-bottom:var(--space-5);max-width:100%}.dial-header{margin-bottom:15px}.header-solar{font-size:1.3rem;letter-spacing:1px}.header-week{font-size:.9rem}.header-lunar{font-size:.8rem}.dial-main-wrapper{width:260px;height:260px;margin-bottom:var(--space-5)}.dial-core{width:240px;height:240px}.dial-score{font-size:2.8rem}.dial-grade{font-size:1.1rem;letter-spacing:2px}.dial-satellites{position:relative;height:auto;display:flex;justify-content:center;gap:var(--space-3);margin-top:-var(--space-5);margin-bottom:15px;padding:0 10px}.satellite-card{position:static;transform:none;animation:none;flex:1;max-width:120px;background:#10101eb3;padding:var(--space-2) 10px;min-width:auto}.left-card,.right-card{top:auto;left:auto;right:auto}.sat-label{width:var(--space-5);height:var(--space-5);font-size:.7rem}.sat-content{font-size:.7rem;white-space:normal;word-break:break-all;line-height:1.2}.dial-bottom-tip{padding:18px 15px;margin-bottom:15px;border-radius:15px}.tip-content{font-size:1rem;line-height:1.4}.tip-icon{font-size:1.1rem}.dial-stats-strip{gap:10px;padding:10px;border-radius:25px;margin-bottom:var(--space-5);flex-wrap:wrap}.stat-item{min-width:50px;gap:3px}.stat-label{font-size:.65rem}.stat-val{font-size:.8rem}.full-info-overlay.visible{padding:var(--space-2);max-height:200px;margin-bottom:15px}.info-row{font-size:.8rem;padding-bottom:6px}.dial-btn.primary{padding:14px 35px;font-size:1rem;border-radius:25px;min-height:48px;display:flex;align-items:center;justify-content:center}.dial-btn.secondary{padding:var(--space-3) 30px;font-size:.9rem;min-height:44px;display:flex;align-items:center;justify-content:center}}@media (max-width: 360px){.dial-content-layer{padding:var(--space-2)}.dial-main-wrapper{width:240px;height:240px}.dial-core{width:220px;height:220px}.dial-score{font-size:2.5rem}.dial-grade{font-size:1rem;letter-spacing:1px}.dial-center-info{width:140px;height:140px}.satellite-card{padding:6px var(--space-2);border-radius:var(--space-2)}.sat-content{font-size:.65rem}.dial-bottom-tip{padding:15px var(--space-3);border-radius:var(--space-3)}.tip-content{font-size:.95rem}.dial-stats-strip{gap:var(--space-2);padding:var(--space-2)}.stat-item{min-width:45px}.stat-label{font-size:.6rem}.stat-val{font-size:.75rem}.dial-btn.primary{padding:var(--space-3) 30px;font-size:.95rem}.dial-btn.secondary{padding:10px 25px;font-size:.85rem;min-height:40px}}@media (max-height: 600px) and (orientation: landscape){.dial-page-container{align-items:flex-start;padding-top:var(--space-5)}.dial-content-layer{padding:10px 10px 15px}.dial-header{margin-bottom:10px}.header-solar{font-size:1.2rem}.header-lunar{font-size:.75rem}.dial-main-wrapper{width:220px;height:220px;margin-bottom:15px}.dial-core{width:200px;height:200px}.dial-score{font-size:2.2rem}.dial-grade{font-size:.9rem}.dial-center-info{width:120px;height:120px}.dial-satellites{margin-top:-15px;margin-bottom:10px;gap:10px}.satellite-card{padding:6px var(--space-2)}.dial-bottom-tip{padding:var(--space-3);margin-bottom:10px}.tip-content{font-size:.9rem}.dial-stats-strip{margin-bottom:15px;padding:var(--space-2)}.dial-btn.primary{padding:10px 25px;font-size:.9rem;min-height:40px}.dial-btn.secondary{padding:var(--space-2) var(--space-5);font-size:.8rem;min-height:36px}}@media (hover: none) and (pointer: coarse){.stat-item.clickable{padding:var(--space-2);border-radius:var(--space-2);background:#ffffff0d;transition:background .2s}.stat-item.clickable:active{background:#ffffff1a}.dial-btn.primary{min-height:48px;min-width:120px}.dial-btn.secondary{min-height:44px;min-width:100px}.dial-btn.primary:active{transform:scale(.98)}.dial-btn.secondary:active{transform:scale(.98);background:#ffffff26}}.answer-book-container{min-height:100vh;background:radial-gradient(circle at center,#1a0b2e 0%,var(--color-black) 100%);display:flex;justify-content:center;align-items:center;perspective:1000px;overflow:hidden;font-family:"Noto Serif SC",serif;position:relative}.mystic-stars{position:absolute;width:2px;height:2px;background:transparent;box-shadow:10vw 10vh var(--color-white),20vw 80vh var(--color-white),40vw 30vh var(--color-white),60vw 50vh var(--color-white),80vw 20vh var(--color-white),90vw 90vh var(--color-white),15vw 60vh var(--color-white),35vw 90vh var(--color-white),55vw 10vh var(--color-white),75vw 70vh var(--color-white),85vw 40vh var(--color-white);animation:twinkle 5s infinite linear}.mystic-stars:after{content:" ";position:absolute;top:200px;left:200px;width:1px;height:1px;background:transparent;box-shadow:15vw 15vh var(--color-white),25vw 85vh var(--color-white),45vw 35vh var(--color-white),65vw 55vh var(--color-white),85vw 25vh var(--color-white),95vw 95vh var(--color-white)}@keyframes twinkle{0%{transform:translateY(0);opacity:.5}50%{opacity:1}to{transform:translateY(-var(--space-5));opacity:.5}}.book-stage{width:320px;height:480px}.flip-card{width:100%;height:100%;position:relative;transition:transform 1s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;cursor:pointer}.flip-card.flipped{transform:rotateY(180deg);cursor:default}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:var(--space-3);box-shadow:0 var(--space-5) 50px #00000080}.flip-card-front{background:linear-gradient(135deg,#2c0a3d,#100516);color:#e0c097;border:2px solid #5c4b6e;display:flex;align-items:center;justify-content:center}.book-cover-design{width:90%;height:90%;border:2px solid #8e734a;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--space-5);box-sizing:border-box}.corner-decor{position:absolute;width:30px;height:30px;border:2px solid #8e734a}.top-left{top:10px;left:10px;border-right:none;border-bottom:none}.top-right{top:10px;right:10px;border-left:none;border-bottom:none}.bottom-left{bottom:10px;left:10px;border-right:none;border-top:none}.bottom-right{bottom:10px;right:10px;border-left:none;border-top:none}.book-title-group{margin-bottom:60px}.book-subtitle{font-size:.8rem;letter-spacing:3px;margin-bottom:5px;opacity:.8}.book-title{font-family:Cinzel,serif;font-size:3rem;margin:0;background:linear-gradient(to bottom,var(--color-warning-50),#c6a47e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.book-cn-title{font-size:1.2rem;letter-spacing:10px;margin-top:5px;opacity:.9;color:#c6a47e}.instruction-text{font-size:.9rem;line-height:1.8;color:#bfa588;font-style:italic;min-height:40px}.pulsing-text{animation:pulse 1.5s infinite;color:var(--color-white);text-shadow:0 0 10px rgba(255,255,255,.5)}.flip-card-back{background:var(--color-warning-100);color:#333;transform:rotateY(180deg);display:flex;align-items:center;justify-content:center;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23d4c5b0' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");padding:30px;box-sizing:border-box}.answer-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%}.answer-cn{font-size:2.2rem;font-weight:700;margin-bottom:10px;color:#2c3e50;line-height:1.3}.answer-en{font-size:1rem;font-family:Playfair Display,serif;font-style:italic;color:#7f8c8d}.answer-divider{width:40px;height:2px;background:#e0e0e0;margin:40px 0}.reset-btn{background:transparent;border:1px solid #333;padding:10px 25px;font-family:inherit;font-size:.9rem;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:2px;color:#333}.reset-btn:hover{background:#333;color:#fff}.error-toast{position:absolute;bottom:30px;background:#e74c3ce6;color:#fff;padding:10px var(--space-5);border-radius:4px;animation:fadeUp .3s ease-out}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.book-stage{width:85vw;height:130vw;max-height:60vh}.book-title{font-size:2.5rem}.answer-cn{font-size:1.8rem}}.kfc-container{min-height:100vh;background-color:#c41230;background-image:repeating-linear-gradient(45deg,#c41230,#c41230 var(--space-5),#a30f28 var(--space-5),#a30f28 40px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-5);font-family:Noto Sans SC,sans-serif}.kfc-header-badge{background:var(--color-white);color:#c41230;padding:10px 30px;border-radius:50px;font-weight:900;font-size:1.5rem;margin-bottom:30px;box-shadow:0 5px 15px #0003;transform:rotate(-2deg);border:3px solid var(--color-black)}.kfc-content-wrapper{width:100%;max-width:500px;display:flex;flex-direction:column;gap:var(--space-5)}.kfc-card.receipt-style{background:var(--color-white);padding:30px 25px;position:relative;box-shadow:0 10px 30px #0000004d;clip-path:polygon(0% 10px,5% 0%,10% 10px,15% 0%,20% 10px,25% 0%,30% 10px,35% 0%,40% 10px,45% 0%,50% 10px,55% 0%,60% 10px,65% 0%,70% 10px,75% 0%,80% 10px,85% 0%,90% 10px,95% 0%,100% 10px,100% calc(100% - 10px),95% 100%,90% calc(100% - 10px),85% 100%,80% calc(100% - 10px),75% 100%,70% calc(100% - 10px),65% 100%,60% calc(100% - 10px),55% 100%,50% calc(100% - 10px),45% 100%,40% calc(100% - 10px),35% 100%,30% calc(100% - 10px),25% 100%,20% calc(100% - 10px),15% 100%,10% calc(100% - 10px),5% 100%,0% calc(100% - 10px));margin-bottom:10px}.receipt-header{text-align:center;margin-bottom:var(--space-5)}.receipt-header h2{margin:0;color:var(--color-black);font-size:1.8rem;font-weight:900}.order-num{color:#666;font-family:monospace;font-size:1.2rem;margin:5px 0 10px}.dashed-line{border-top:2px dashed var(--color-black);margin:15px 0;opacity:.3}.copywriting-area{min-height:200px;display:flex;align-items:center;justify-content:center}.text-content{font-size:1.1rem;line-height:1.8;color:#333;white-space:pre-wrap;text-align:justify;font-weight:500}.text-content p{margin:0 0 10px}.kfc-loading{color:#c41230;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:10px}.drumstick{font-size:3rem;animation:bounce 1s infinite}.receipt-footer{text-align:center;color:#666;font-size:.9rem}.receipt-footer p{margin:4px 0}.receipt-footer .date{font-family:monospace}.action-buttons{display:flex;gap:15px}.kfc-btn{flex:1;border:none;padding:15px;border-radius:var(--space-3);font-size:1.1rem;font-weight:700;cursor:pointer;transition:transform .1s,box-shadow .1s;border:3px solid var(--color-black);box-shadow:4px 4px 0 var(--color-black)}.kfc-btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-black)}.kfc-btn.refresh{background:var(--color-white);color:var(--color-black)}.kfc-btn.copy{background:#ffc107;color:var(--color-black)}.kfc-btn.copy.success{background:#4caf50;color:var(--color-white)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px) rotate(10deg)}}@media (max-width: 480px){.kfc-card.receipt-style{clip-path:none;border-radius:10px;border:3px solid var(--color-black)}}.oil-container{min-height:100vh;padding:40px var(--space-5);background-color:var(--color-gray-50);color:var(--color-gray-900);font-family:Inter,-apple-system,sans-serif}.oil-wrapper{max-width:1000px;margin:0 auto}.oil-header{text-align:center;margin-bottom:40px}.oil-header h1{font-size:2.5rem;font-weight:800;margin:0;color:var(--color-info-500)}.oil-subtitle{color:var(--color-gray-500);margin-top:10px}.oil-back-btn{display:inline-flex;align-items:center;color:var(--color-info-500);text-decoration:none;margin-bottom:var(--space-5);font-weight:500;cursor:pointer;background:none;border:none;padding:0;font-size:1rem}.oil-back-btn:hover{text-decoration:underline}.oil-refresh-btn{background:var(--color-info-500);color:#fff;border:none;padding:var(--space-3) var(--space-6);border-radius:var(--space-2);font-weight:600;cursor:pointer;transition:background .2s;margin-bottom:30px}.oil-refresh-btn:hover{background:#2563eb}.oil-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5)}.oil-card{background:var(--color-white);border-radius:var(--space-3);padding:var(--space-5);box-shadow:0 2px var(--space-2) #0000000f;border:1px solid var(--color-gray-200)}.oil-type{font-size:.9rem;color:var(--color-gray-500);margin-bottom:4px}.oil-price{font-size:1.1rem;font-weight:600;color:var(--color-gray-900)}.oil-unit{font-size:.8rem;color:var(--color-gray-400)}.oil-loading{text-align:center;padding:40px;color:var(--color-gray-500)}.oil-error{background:var(--color-danger-50);color:var(--color-danger-600);padding:var(--space-4);border-radius:var(--space-2);text-align:center;margin-top:var(--space-5)}@media (max-width: 768px){.oil-container{padding:var(--space-5) 15px}.oil-header h1{font-size:2rem}.oil-grid{grid-template-columns:1fr}}.gold-container{min-height:100vh;padding:40px var(--space-5);background-color:var(--color-gray-50);color:var(--color-gray-900);font-family:Inter,-apple-system,sans-serif}.gold-wrapper{max-width:800px;margin:0 auto}.gold-header{text-align:center;margin-bottom:40px}.gold-header h1{font-size:2.5rem;font-weight:800;margin:0;color:var(--color-warning-500)}.gold-subtitle{color:var(--color-gray-500);margin-top:10px}.gold-back-btn{display:inline-flex;align-items:center;color:var(--color-warning-500);text-decoration:none;margin-bottom:var(--space-5);font-weight:500;cursor:pointer;background:none;border:none;padding:0;font-size:1rem}.gold-back-btn:hover{text-decoration:underline}.gold-refresh-btn{background:var(--color-warning-500);color:#fff;border:none;padding:var(--space-3) var(--space-6);border-radius:var(--space-2);font-weight:600;cursor:pointer;transition:background .2s;margin-bottom:30px}.gold-refresh-btn:hover{background:#d97706}.gold-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-5);margin-bottom:30px}.gold-card{background:var(--color-white);border-radius:var(--space-4);padding:var(--space-6);box-shadow:0 4px var(--space-3) #00000014;border:1px solid var(--color-gray-200);text-align:center}.gold-type{font-size:1.2rem;font-weight:700;margin-bottom:var(--space-4);color:var(--color-warning-500)}.gold-price{font-size:2rem;font-weight:800;color:var(--color-gray-900);margin-bottom:var(--space-2)}.gold-unit{font-size:.9rem;color:var(--color-gray-500);margin-bottom:var(--space-3)}.gold-loading{text-align:center;padding:40px;color:var(--color-gray-500)}.gold-error{background:var(--color-danger-50);color:var(--color-danger-600);padding:var(--space-4);border-radius:var(--space-2);text-align:center;margin-top:var(--space-5)}.gold-update-time{text-align:center;color:var(--color-gray-500);font-size:.9rem;margin-top:var(--space-5)}@media (max-width: 768px){.gold-container{padding:var(--space-5) 15px}.gold-header h1{font-size:2rem}.gold-grid{grid-template-columns:1fr}}.translate-container{min-height:100vh;padding:40px var(--space-5);background-color:var(--color-gray-50);color:var(--color-gray-900);font-family:Inter,-apple-system,sans-serif}.translate-wrapper{max-width:900px;margin:0 auto}.translate-header{text-align:center;margin-bottom:40px}.translate-header h1{font-size:2.5rem;font-weight:800;margin:0;color:#8b5cf6}.translate-subtitle{color:var(--color-gray-500);margin-top:10px}.translate-back-btn{display:inline-flex;align-items:center;color:#8b5cf6;text-decoration:none;margin-bottom:var(--space-5);font-weight:500;cursor:pointer;background:none;border:none;padding:0;font-size:1rem}.translate-back-btn:hover{text-decoration:underline}.translate-box{background:var(--color-white);border-radius:var(--space-4);padding:var(--space-6);box-shadow:0 4px var(--space-3) #00000014;border:1px solid var(--color-gray-200);margin-bottom:30px}.translate-language-selector{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap}.translate-lang-select{padding:var(--space-2) var(--space-3);border:1px solid var(--color-gray-300);border-radius:var(--space-2);font-size:.9rem;outline:none;min-width:120px}.translate-lang-select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.translate-swap-btn{background:#8b5cf6;color:#fff;border:none;padding:var(--space-2) var(--space-3);border-radius:var(--space-2);cursor:pointer;font-size:1rem;transition:background .2s}.translate-swap-btn:hover{background:#7c3aed}.translate-text-areas{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.translate-text-area-container{position:relative}.translate-text-area-label{font-size:.9rem;font-weight:600;margin-bottom:var(--space-2);color:var(--color-gray-500)}.translate-text-area{width:100%;height:200px;padding:var(--space-4);border:1px solid var(--color-gray-300);border-radius:var(--space-2);font-size:1rem;font-family:inherit;resize:vertical;outline:none}.translate-text-area:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.translate-btn{background:#8b5cf6;color:#fff;border:none;padding:var(--space-3) var(--space-6);border-radius:var(--space-2);font-weight:600;cursor:pointer;transition:background .2s;margin-top:var(--space-5);width:100%;font-size:1rem}.translate-btn:hover{background:#7c3aed}.translate-btn:disabled{background:#9ca3af;cursor:not-allowed}.translate-char-count{position:absolute;bottom:var(--space-2);right:var(--space-3);font-size:.8rem;color:var(--color-gray-500)}.translate-language-list{background:var(--color-white);border-radius:var(--space-3);padding:var(--space-5);box-shadow:0 2px var(--space-2) #0000000f;border:1px solid var(--color-gray-200);margin-top:30px}.translate-language-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-2);margin-top:var(--space-4)}.translate-language-item{padding:var(--space-2) var(--space-3);background:var(--color-gray-50);border-radius:var(--radius-sm);font-size:.9rem;text-align:center}.translate-loading{text-align:center;padding:var(--space-5);color:var(--color-gray-500)}.translate-error{background:var(--color-danger-50);color:var(--color-danger-600);padding:var(--space-4);border-radius:var(--space-2);text-align:center;margin-top:var(--space-5)}@media (max-width: 768px){.translate-container{padding:var(--space-5) 15px}.translate-header h1{font-size:2rem}.translate-text-areas{grid-template-columns:1fr;gap:var(--space-4)}.translate-language-selector{flex-direction:column;align-items:stretch}.translate-lang-select{min-width:auto}.translate-language-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.password-container{min-height:100vh;padding:40px var(--space-5);background-color:var(--color-gray-50);color:var(--color-gray-900);font-family:Inter,-apple-system,sans-serif}.password-wrapper{max-width:700px;margin:0 auto}.password-header{text-align:center;margin-bottom:40px}.password-header h1{font-size:2.5rem;font-weight:800;margin:0;color:var(--color-danger-500)}.password-subtitle{color:var(--color-gray-500);margin-top:10px}.password-back-btn{display:inline-flex;align-items:center;color:var(--color-danger-500);text-decoration:none;margin-bottom:var(--space-5);font-weight:500;cursor:pointer;background:none;border:none;padding:0;font-size:1rem}.password-back-btn:hover{text-decoration:underline}.password-generator-box{background:var(--color-white);border-radius:var(--space-4);padding:var(--space-6);box-shadow:0 4px var(--space-3) #00000014;border:1px solid var(--color-gray-200);margin-bottom:30px}.password-result{background:var(--color-gray-50);border:2px solid var(--color-gray-200);border-radius:var(--space-2);padding:var(--space-4);margin-bottom:var(--space-5);position:relative}.password-text{font-family:Courier New,monospace;font-size:1.2rem;font-weight:600;word-break:break-all;min-height:1.5em;color:var(--color-gray-900)}.password-copy-btn{position:absolute;top:var(--space-2);right:var(--space-2);background:var(--color-danger-500);color:#fff;border:none;padding:6px var(--space-3);border-radius:var(--radius-sm);font-size:.8rem;cursor:pointer;transition:background .2s}.password-copy-btn:hover{background:var(--color-danger-600)}.password-options-grid{display:grid;gap:var(--space-4);margin-bottom:var(--space-5)}.password-option-group{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--color-gray-200)}.password-option-group:last-child{border-bottom:none}.password-option-label{font-weight:500;color:var(--color-gray-900)}.password-option-control{display:flex;align-items:center;gap:var(--space-2)}.password-length-input{width:80px;padding:6px var(--space-2);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);text-align:center;outline:none}.password-length-input:focus{border-color:var(--color-danger-500);box-shadow:0 0 0 3px #ef44441a}.password-checkbox{width:18px;height:18px;accent-color:var(--color-danger-500)}.password-generate-btn{background:var(--color-danger-500);color:#fff;border:none;padding:var(--space-3) var(--space-6);border-radius:var(--space-2);font-weight:600;cursor:pointer;transition:background .2s;width:100%;margin-bottom:var(--space-5);font-size:1rem}.password-generate-btn:hover{background:var(--color-danger-600)}.password-strength-meter{margin-bottom:var(--space-5)}.password-strength-label{font-size:.9rem;font-weight:500;margin-bottom:var(--space-2);color:var(--color-gray-500)}.password-strength-bar{height:var(--space-2);background:var(--color-gray-200);border-radius:4px;overflow:hidden}.password-strength-fill{height:100%;transition:width .3s,background-color .3s;border-radius:4px}.password-strength-weak{background:var(--color-danger-500)}.password-strength-medium{background:var(--color-warning-500)}.password-strength-strong{background:#10b981}.password-strength-text{font-size:.8rem;margin-top:4px;font-weight:500}.password-checker-box{background:var(--color-white);border-radius:var(--space-3);padding:var(--space-5);box-shadow:0 2px var(--space-2) #0000000f;border:1px solid var(--color-gray-200)}.password-checker-input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-gray-300);border-radius:var(--space-2);font-size:1rem;outline:none;margin-bottom:var(--space-4)}.password-checker-input:focus{border-color:var(--color-danger-500);box-shadow:0 0 0 3px #ef44441a}.password-checker-result{padding:var(--space-4);border-radius:var(--space-2);margin-top:var(--space-4)}@media (max-width: 768px){.password-container{padding:var(--space-5) 15px}.password-header h1{font-size:2rem}.password-option-group{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.password-option-control{align-self:flex-end}}.baike-container{min-height:100vh;padding:40px var(--space-5);background-color:var(--color-gray-50);color:var(--color-gray-900);font-family:Inter,-apple-system,sans-serif}.baike-wrapper{max-width:900px;margin:0 auto}.baike-header{text-align:center;margin-bottom:40px}.baike-header h1{font-size:2.5rem;font-weight:800;margin:0;color:#1d4ed8}.baike-subtitle{color:var(--color-gray-500);margin-top:10px}.baike-back-btn{display:inline-flex;align-items:center;color:#1d4ed8;text-decoration:none;margin-bottom:var(--space-5);font-weight:500;cursor:pointer;background:none;border:none;padding:0;font-size:1rem}.baike-back-btn:hover{text-decoration:underline}.baike-search-box{background:var(--color-white);border-radius:var(--space-4);padding:var(--space-6);box-shadow:0 4px var(--space-3) #00000014;border:1px solid var(--color-gray-200);margin-bottom:30px}.baike-search-form{display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.baike-search-input{flex:1;padding:var(--space-3) var(--space-4);border:1px solid var(--color-gray-300);border-radius:var(--space-2);font-size:1rem;outline:none}.baike-search-input:focus{border-color:#1d4ed8;box-shadow:0 0 0 3px #1d4ed81a}.baike-search-btn{background:#1d4ed8;color:#fff;border:none;padding:var(--space-3) var(--space-6);border-radius:var(--space-2);font-weight:600;cursor:pointer;transition:background .2s}.baike-search-btn:hover{background:#1e40af}.baike-search-btn:disabled{background:#9ca3af;cursor:not-allowed}.baike-search-tips{font-size:.9rem;color:var(--color-gray-500);text-align:center}.baike-card{background:var(--color-white);border-radius:var(--space-4);padding:var(--space-8);box-shadow:0 4px var(--space-3) #00000014;border:1px solid var(--color-gray-200)}.baike-card-header{display:flex;align-items:flex-start;gap:var(--space-5);margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-gray-200)}.baike-image{width:120px;height:120px;object-fit:cover;border-radius:var(--space-2);flex-shrink:0}.baike-info{flex:1}.baike-title{font-size:1.8rem;font-weight:800;color:#1d4ed8;margin-bottom:var(--space-2)}.baike-summary{font-size:1rem;color:var(--color-gray-500);line-height:1.6;margin-bottom:var(--space-3)}.baike-tags{display:flex;gap:var(--space-2);flex-wrap:wrap}.baike-tag{background:var(--color-info-100);color:#1d4ed8;padding:4px var(--space-2);border-radius:var(--space-3);font-size:.8rem;font-weight:500}.baike-content{font-size:1rem;line-height:1.8;color:var(--color-gray-900);margin-bottom:var(--space-6)}.baike-content p{margin-bottom:var(--space-4)}.baike-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.baike-meta-item{background:var(--color-gray-50);padding:var(--space-4);border-radius:var(--space-2)}.baike-meta-label{font-size:.9rem;color:var(--color-gray-500);margin-bottom:4px}.baike-meta-value{font-size:1rem;font-weight:600;color:var(--color-gray-900)}.baike-actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.baike-action-btn{background:#10b981;color:#fff;border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:.9rem;cursor:pointer;transition:background .2s;text-decoration:none;display:inline-flex;align-items:center;gap:4px}.baike-action-btn:hover{background:#059669}.baike-action-btn.secondary{background:var(--color-gray-500)}.baike-action-btn.secondary:hover{background:#4b5563}.baike-loading{text-align:center;padding:40px;color:var(--color-gray-500)}.baike-error{background:var(--color-danger-50);color:var(--color-danger-600);padding:var(--space-4);border-radius:var(--space-2);text-align:center;margin-top:var(--space-5)}.baike-history{background:var(--color-white);border-radius:var(--space-3);padding:var(--space-5);box-shadow:0 2px var(--space-2) #0000000f;border:1px solid var(--color-gray-200);margin-bottom:var(--space-5)}.baike-history-title{font-size:1.1rem;font-weight:600;margin-bottom:var(--space-3);color:var(--color-gray-900)}.baike-history-items{display:flex;gap:var(--space-2);flex-wrap:wrap}.baike-history-item{background:#f1f5f9;color:var(--color-gray-900);border:1px solid var(--color-gray-200);padding:6px var(--space-3);border-radius:var(--space-4);font-size:.8rem;cursor:pointer;transition:all .2s}.baike-history-item:hover{background:#1d4ed8;color:#fff;border-color:#1d4ed8}@media (max-width: 768px){.baike-container{padding:var(--space-5) 15px}.baike-header h1{font-size:2rem}.baike-search-form{flex-direction:column}.baike-card-header{flex-direction:column;text-align:center}.baike-image{align-self:center}.baike-meta{grid-template-columns:1fr}.baike-actions{flex-direction:column}}:root{--cal-bg: var(--color-white);--cal-primary: var(--color-danger-500);--cal-text: #333333;--cal-text-light: #999999;--cal-border: #eeeeee;--cal-weekend: var(--color-danger-500);--cal-today-text: var(--color-danger-500);--cal-holiday-bg: #fdf2f2;--cal-work-bg: #f5f7fa;--cal-work-text: #666666;--cal-selected-border: #999999}.calendar-page-container{min-height:100vh;background-color:#f8f8f8;padding:var(--space-5);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex;justify-content:center}.calendar-wrapper{display:flex;flex-direction:column;width:100%;max-width:480px;background:var(--color-white);border-radius:var(--space-5);box-shadow:0 10px 30px #0000000d;overflow:visible;padding:var(--space-5);position:relative}.calendar-top-info{margin-bottom:var(--space-5);padding-bottom:15px;border-bottom:1px solid var(--cal-border)}.top-date-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--space-2)}.big-date{font-size:1.5rem;font-weight:600;color:var(--color-black)}.top-tags{display:flex;gap:var(--space-2)}.top-tag{font-size:.8rem;padding:2px var(--space-2);background:#f0f0f0;color:#666;border-radius:var(--space-3);font-weight:500}.top-tag.active{background:#333;color:var(--color-white)}.lunar-year-row{font-size:1rem;color:#666}.calendar-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:0 10px}.control-month-title{font-size:1.1rem;font-weight:500;color:#333}.btn-arrow{background:transparent;border:none;font-size:1.2rem;color:#999;cursor:pointer;padding:5px 10px;transition:color .2s}.btn-arrow:hover{color:#333}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.weekday-header{text-align:center;font-size:.9rem;color:#999;padding:10px 0;font-weight:400}.calendar-day{aspect-ratio:.9;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--space-3);cursor:pointer;position:relative;border:2px solid transparent;background:transparent;overflow:hidden;min-height:0}.calendar-day.is-holiday{background-color:var(--cal-holiday-bg)}.calendar-day.is-work{background-color:var(--cal-work-bg)}.calendar-day.selected{border-color:var(--cal-selected-border);background-color:transparent}.calendar-day.selected.is-holiday{background-color:var(--cal-holiday-bg)}.work-status{position:absolute;top:4px;left:4px;font-size:.65rem;line-height:1;font-weight:700}.status-rest{color:var(--cal-primary)}.status-work{color:var(--cal-work-text)}.day-number{font-size:1.2rem;font-weight:500;color:#333;margin-bottom:2px;z-index:1;line-height:1.2}.calendar-day.weekend .day-number,.calendar-day.is-holiday .day-number{color:var(--cal-weekend)}.calendar-day.is-work .day-number{color:#333}.calendar-day.other-month .day-number{color:#ccc}.calendar-day.other-month .day-lunar{color:#eee}.day-lunar{font-size:.75rem;color:#999;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:95%;text-align:center;line-height:1.2;padding:0 2px}.tag-jieqi{color:#666}.tag-festival{color:var(--cal-primary)}.calendar-footer{margin-top:25px;padding-top:15px;border-top:1px solid var(--cal-border)}.yiji-row{display:flex;align-items:flex-start;margin-bottom:var(--space-3);font-size:.95rem;line-height:1.4}.yiji-icon{width:var(--space-6);height:var(--space-6);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.8rem;margin-right:var(--space-3);flex-shrink:0;border:1px solid}.yiji-icon.yi{color:var(--cal-primary);border-color:var(--cal-primary)}.yiji-icon.ji{color:#999;border-color:#999}.yiji-text{color:#333;flex:1;word-break:break-all}.birthday-effect-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;overflow:hidden}.fireworks-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9998}.falling-emoji{position:absolute;top:-50px;font-size:2rem;animation:fall linear forwards}@keyframes fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(360deg);opacity:0}}.birthday-modal{position:absolute;top:38%;left:0;right:0;margin-left:auto;margin-right:auto;transform:translateY(-50%) scale(0);background:linear-gradient(135deg,var(--color-white) 0%,#ffe6f0 100%);padding:40px 30px;border-radius:var(--space-6);box-shadow:0 var(--space-5) 60px #ff69b466,0 0 0 1px #ff69b433 inset;z-index:10001;text-align:center;border:3px solid #ff69b4;animation:popIn .6s cubic-bezier(.175,.885,.32,1.275) forwards,glow 2s ease-in-out infinite alternate;width:320px;max-width:calc(100% - 40px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes popIn{to{transform:translateY(-50%) scale(1)}}@keyframes glow{0%{box-shadow:0 var(--space-5) 60px #ff69b466,0 0 0 1px #ff69b433 inset}to{box-shadow:0 var(--space-5) 80px #ff69b499,0 0 30px #ff69b466 inset}}.birthday-title{font-size:2.2rem;background:linear-gradient(135deg,#ff69b4,#ff1493);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-4);font-weight:900;letter-spacing:2px;text-shadow:0 2px 10px rgba(255,105,180,.3);animation:titlePulse 1.5s ease-in-out infinite}@keyframes titlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.birthday-desc{font-size:1.2rem;color:#ff1493;line-height:1.8;font-weight:600;text-shadow:0 2px 4px rgba(255,105,180,.2)}@media (max-width: 480px){.calendar-page-container{padding:0;background:var(--color-white)}.calendar-wrapper{box-shadow:none;border-radius:0;padding:var(--space-3);max-width:100%;min-height:100vh}.big-date{font-size:1.3rem}.top-tags{transform:scale(.9);transform-origin:right center}.calendar-grid{gap:3px}.calendar-day{aspect-ratio:.85;border-radius:var(--space-2)}.day-number{font-size:1.1rem;margin-bottom:0}.day-lunar{font-size:.6rem;transform:scale(.95)}.work-status{font-size:.55rem;top:2px;left:2px}.yiji-text{font-size:.9rem}}.s2g-page{min-height:100vh;background:#f5f7fa;padding:var(--space-5);font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif}.s2g-header{text-align:center;margin-bottom:var(--space-4)}.s2g-header h1{font-size:1.6rem;font-weight:700;color:var(--color-gray-900);margin:0 0 6px}.s2g-header p{color:var(--color-gray-500);font-size:.9rem;margin:0}.s2g-options{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-3) var(--space-4);background:var(--color-white);border-radius:var(--space-3);border:1px solid var(--color-gray-200);margin-bottom:var(--space-3);box-shadow:var(--shadow-sm)}.s2g-opt{display:flex;align-items:center;gap:5px;font-size:.85rem;color:var(--color-gray-600);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}.s2g-opt input[type=checkbox]{width:var(--space-4);height:var(--space-4);accent-color:var(--color-primary-500)}.s2g-opt-sep{flex:1;min-width:var(--space-5)}.s2g-btn{padding:var(--space-2) 18px;border:none;border-radius:var(--space-2);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;font-family:inherit}.s2g-btn:hover{transform:translateY(-1px)}.s2g-btn-primary{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-400));color:var(--color-white);box-shadow:0 2px var(--space-2) #6366f14d}.s2g-btn-primary:hover{box-shadow:0 4px 14px #6366f166}.s2g-btn-copy{background:var(--color-white);color:var(--color-success-600);border:1px solid #bbf7d0}.s2g-btn-copy:hover{background:var(--color-success-50);border-color:var(--color-success-600)}.s2g-btn-clear{background:var(--color-white);color:var(--color-gray-500);border:1px solid var(--color-gray-200)}.s2g-btn-clear:hover{color:var(--color-danger-500);border-color:#fca5a5}.s2g-btn-example{background:var(--color-white);color:var(--color-primary-500);border:1px solid var(--color-primary-200)}.s2g-btn-example:hover{background:var(--color-primary-50)}.s2g-panels{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);min-height:520px}.s2g-panel{display:flex;flex-direction:column;background:var(--color-white);border-radius:var(--space-3);border:1px solid var(--color-gray-200);overflow:hidden;box-shadow:var(--shadow-sm)}.s2g-panel-head{display:flex;align-items:center;justify-content:space-between;padding:10px var(--space-4);background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);font-size:.88rem;font-weight:600;color:var(--color-gray-800)}.s2g-panel-hint{font-size:.78rem;font-weight:400;color:var(--color-gray-400)}.s2g-editor{flex:1;width:100%;border:none;outline:none;resize:none;padding:var(--space-4);font-family:Fira Code,Cascadia Code,JetBrains Mono,Consolas,monospace;font-size:.88rem;line-height:1.65;color:var(--color-gray-900);background:var(--color-white);-moz-tab-size:2;tab-size:2;box-sizing:border-box}.s2g-editor::placeholder{color:var(--color-gray-300)}.s2g-output{flex:1;margin:0;padding:var(--space-4);font-family:Fira Code,Cascadia Code,JetBrains Mono,Consolas,monospace;font-size:.88rem;line-height:1.65;color:#c9d1d9;background:#0d1117;overflow:auto;white-space:pre;-moz-tab-size:4;tab-size:4}.s2g-footer-info{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-top:var(--space-4)}.s2g-info-card{background:var(--color-white);border-radius:var(--space-3);border:1px solid var(--color-gray-200);padding:var(--space-4) 18px}.s2g-info-card h4{font-size:.92rem;font-weight:600;color:var(--color-gray-800);margin:0 0 var(--space-2)}.s2g-info-card ul{margin:0;padding-left:18px}.s2g-info-card li{font-size:.82rem;color:var(--color-gray-500);line-height:1.7}@media (max-width: 900px){.s2g-panels{grid-template-columns:1fr;min-height:400px}.s2g-editor,.s2g-output{min-height:240px}.s2g-footer-info{grid-template-columns:1fr}.s2g-options{gap:var(--space-2)}.s2g-btn{padding:7px 14px;font-size:.8rem}}@media (max-width: 480px){.s2g-page{padding:var(--space-3)}.s2g-header h1{font-size:1.3rem}.s2g-opt span{display:none}}:root{--bg-dark: var(--color-gray-950);--bg-card: rgba(255, 255, 255, .03);--bg-card-hover: rgba(255, 255, 255, .08);--border-card: rgba(255, 255, 255, .1);--text-primary: var(--color-gray-50);--text-secondary: var(--color-gray-400);--accent-color: var(--color-info-500);--accent-glow: rgba(59, 130, 246, .5)}.game-nav-container{min-height:100vh;background:radial-gradient(circle at top right,#1e1b4b,var(--color-gray-950) 60%,var(--color-black));color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;padding:var(--space-5);box-sizing:border-box}.game-nav-content{max-width:1200px;margin:0 auto;padding:var(--space-5)}.game-header-modern{margin-bottom:30px}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5);gap:var(--space-5)}.brand-title{font-size:1.8rem;font-weight:900;background:linear-gradient(135deg,#60a5fa,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px;margin:0}.search-bar{display:flex;align-items:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--space-3);padding:10px var(--space-4);flex:1;max-width:400px;transition:all .3s ease}.search-bar:focus-within{border-color:#60a5fa99;box-shadow:0 0 0 3px #60a5fa26;background:#ffffff14}.search-icon{font-size:1rem;margin-right:var(--space-2);opacity:.6}.search-bar input{background:transparent;border:none;color:var(--color-white);font-size:.95rem;width:100%;outline:none}.search-bar input::placeholder{color:#ffffff4d}.category-tabs{display:flex;gap:var(--space-3);flex-wrap:wrap}.tab-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);padding:10px var(--space-6);border-radius:var(--space-3);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.tab-btn:hover{color:var(--color-white);background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.tab-btn.active{background:linear-gradient(135deg,#60a5fa,#a78bfa);color:var(--color-white);border-color:transparent;box-shadow:0 4px var(--space-3) #60a5fa66;transform:translateY(-2px)}.games-grid-modern{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-6);padding-bottom:40px}.game-card-modern{position:relative;background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--space-5);padding:var(--space-6);text-decoration:none;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column}.game-card-modern:hover{transform:translateY(-var(--space-2)) scale(1.02);background:var(--bg-card-hover);border-color:#fff3;box-shadow:0 var(--space-5) 40px #0006}.card-bg-glow{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);transition:opacity .4s ease;z-index:0}.game-card-modern:hover .card-bg-glow{opacity:1}.from-pink-500.to-rose-500{background:linear-gradient(135deg,#ec489926,#f43f5e0d)}.from-orange-400.to-red-500{background:linear-gradient(135deg,#fb923c26,#ef44440d)}.from-blue-400.to-cyan-300{background:linear-gradient(135deg,#60a5fa26,#67e8f90d)}.from-emerald-400.to-green-600{background:linear-gradient(135deg,#34d39926,#16a34a0d)}.from-yellow-400.to-orange-500{background:linear-gradient(135deg,#facc1526,#f973160d)}.from-gray-600.to-gray-800{background:linear-gradient(135deg,#4b556326,#1f29370d)}.from-yellow-300.to-yellow-500{background:linear-gradient(135deg,#fde04726,#eab3080d)}.from-blue-500.to-indigo-600{background:linear-gradient(135deg,#3b82f626,#4f46e50d)}.from-stone-500.to-stone-700{background:linear-gradient(135deg,#78716c26,#44403c0d)}.from-red-700.to-red-900{background:linear-gradient(135deg,#b91c1c26,#7f1d1d0d)}.from-slate-500.to-slate-700{background:linear-gradient(135deg,#64748b26,#3341550d)}.from-purple-400.to-purple-600{background:linear-gradient(135deg,#c084fc26,#9333ea0d)}.from-green-500.to-emerald-700{background:linear-gradient(135deg,#22c55e26,#0478570d)}.from-sky-400.to-sky-600{background:linear-gradient(135deg,#38bdf826,#0284c70d)}.from-lime-500.to-green-600{background:linear-gradient(135deg,#84cc1626,#16a34a0d)}.from-indigo-500.to-purple-700{background:linear-gradient(135deg,#6366f126,#7e22ce0d)}.card-content{position:relative;z-index:1}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4)}.game-icon-modern{font-size:2.5rem;filter:drop-shadow(0 0 10px rgba(255,255,255,.2));transition:transform .3s ease}.game-card-modern:hover .game-icon-modern{transform:scale(1.1) rotate(5deg)}.game-tag-modern{background:#ffffff1a;padding:4px var(--space-2);border-radius:var(--radius-sm);font-size:.7rem;font-weight:700;letter-spacing:.5px;color:#fffc;border:1px solid rgba(255,255,255,.1)}.game-title-modern{font-size:1.25rem;font-weight:700;margin:0 0 var(--space-2) 0;color:var(--color-white)}.game-desc-modern{font-size:.85rem;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.no-results{grid-column:1 / -1;text-align:center;padding:60px 0;color:var(--text-secondary)}.no-results .emoji{font-size:3rem;display:block;margin-bottom:var(--space-4)}@media (max-width: 768px){.game-nav-container{padding:var(--space-4)}.game-nav-content{padding:0}.game-header-modern{margin-bottom:var(--space-6)}.header-top{flex-direction:column;align-items:stretch;gap:var(--space-4)}.brand-title{font-size:1.5rem;text-align:center}.search-bar{max-width:100%;padding:var(--space-3) var(--space-4)}.category-tabs{gap:var(--space-2);justify-content:center}.tab-btn{padding:var(--space-2) var(--space-4);font-size:.85rem}.games-grid-modern{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.game-card-modern{padding:var(--space-4)}.game-icon-modern{font-size:2rem}.game-title-modern{font-size:1rem}.game-desc-modern{font-size:.8rem}}@media (max-width: 480px){.brand-title{font-size:1.3rem}.games-grid-modern{grid-template-columns:1fr;gap:var(--space-3)}}.tank-game-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#333;font-family:"Press Start 2P",monospace,sans-serif;color:var(--color-white);padding:var(--space-5)}.tank-game-header{margin-bottom:var(--space-5);text-align:center}.tank-title{font-size:2rem;color:#e5ad04;text-shadow:2px 2px #885602;margin-bottom:10px;letter-spacing:2px}.game-area{position:relative;border:4px solid #666;box-shadow:0 0 var(--space-5) #00000080;background-color:var(--color-black)}canvas{display:block;image-rendering:pixelated}.game-ui{margin-top:var(--space-5);display:flex;gap:var(--space-5);align-items:center}.game-btn{padding:10px var(--space-5);font-size:1rem;background:#e5ad04;border:none;cursor:pointer;font-family:inherit;color:var(--color-black);font-weight:700;border-bottom:4px solid #b38600}.game-btn:active{transform:translateY(2px);border-bottom:2px solid #b38600}.game-info{font-size:1.2rem}.controls-tip{margin-top:var(--space-5);color:#888;font-size:.8rem;text-align:center;line-height:1.5}.mobile-controls{display:none;margin-top:var(--space-5);user-select:none;-webkit-user-select:none;touch-action:none;width:100%;justify-content:space-around;padding-bottom:var(--space-5)}@media (max-width: 768px){.tank-game-container{padding:10px;justify-content:flex-start}canvas{max-width:100%;height:auto!important}.mobile-controls{display:flex;flex-direction:row;align-items:center;gap:var(--space-5)}.d-pad{display:grid;grid-template-columns:repeat(3,60px);grid-template-rows:repeat(3,60px);gap:5px}.d-btn{background:#ffffff26;border:2px solid rgba(255,255,255,.3);border-radius:var(--space-3);color:var(--color-white);font-size:1.5rem;display:flex;align-items:center;justify-content:center;touch-action:none}.d-btn:active,.d-btn.active{background:#e5ad0499;border-color:#e5ad04}.d-up{grid-column:2;grid-row:1}.d-left{grid-column:1;grid-row:2}.d-right{grid-column:3;grid-row:2}.d-down{grid-column:2;grid-row:3}.action-btn{width:90px;height:90px;border-radius:var(--radius-full);background:#e54d42cc;border:4px solid #9e2a22;color:var(--color-white);font-weight:700;font-size:1.2rem;box-shadow:0 4px #5e1a15;touch-action:none}.action-btn:active,.action-btn.active{background:#e54d42;box-shadow:0 2px #5e1a15;transform:translateY(2px)}}.game-2048-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#faf8ef;font-family:Clear Sans,Helvetica Neue,Arial,sans-serif;padding:var(--space-5)}.game-2048-header{display:flex;justify-content:space-between;width:100%;max-width:500px;margin-bottom:30px;align-items:center}.title-2048{font-size:80px;font-weight:700;color:#776e65;margin:0;line-height:1}.scores-container{display:flex;gap:10px}.score-box{background:#bbada0;padding:10px var(--space-5);border-radius:var(--radius-sm);color:#fff;text-align:center;min-width:80px}.score-label{font-size:var(--space-3);text-transform:uppercase;color:#eee4da;display:block}.score-value{font-size:var(--space-6);font-weight:700}.game-board-container{position:relative;background:#bbada0;padding:15px;border-radius:var(--radius-sm);width:100%;max-width:500px;aspect-ratio:1;box-sizing:border-box;touch-action:none}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:15px;width:100%;height:100%}.grid-cell{background:#cdc1b4;border-radius:3px;width:100%;height:100%}.tile-container{position:absolute;top:0;left:0;right:0;bottom:0;padding:15px;box-sizing:border-box;pointer-events:none}.tile{position:absolute;width:calc((100% - 75px)/4);height:calc((100% - 75px)/4);background:#eee4da;border-radius:3px;font-weight:700;font-size:55px;display:flex;justify-content:center;align-items:center;transition:transform .1s ease-in-out;z-index:10}.tile-2{background:#eee4da;color:#776e65}.tile-4{background:#ede0c8;color:#776e65}.tile-8{background:#f2b179;color:#f9f6f2}.tile-16{background:#f59563;color:#f9f6f2}.tile-32{background:#f67c5f;color:#f9f6f2}.tile-64{background:#f65e3b;color:#f9f6f2}.tile-128{background:#edcf72;color:#f9f6f2;font-size:45px}.tile-256{background:#edcc61;color:#f9f6f2;font-size:45px}.tile-512{background:#edc850;color:#f9f6f2;font-size:45px}.tile-1024{background:#edc53f;color:#f9f6f2;font-size:35px}.tile-2048{background:#edc22e;color:#f9f6f2;font-size:35px;box-shadow:0 0 30px 10px #f3d77479}.tile-super{background:#3c3a32;color:#f9f6f2;font-size:var(--text-3xl)}.tile-new{animation:appear .2s ease}.tile-merged{animation:pop .2s ease;z-index:20}@keyframes appear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.game-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#eee4daba;z-index:100;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:var(--radius-sm);animation:fade-in .8s ease 1.2s;animation-fill-mode:both}.game-message{font-size:60px;font-weight:700;color:#776e65;margin-bottom:var(--space-5)}.restart-btn{background:#8f7a66;border-radius:3px;padding:0 var(--space-5);text-decoration:none;color:#f9f6f2;height:40px;line-height:42px;cursor:pointer;border:none;font-size:18px;font-weight:700}.game-intro{margin-bottom:var(--space-5);font-size:18px;color:#776e65;width:100%;max-width:500px}@media (max-width: 520px){.title-2048{font-size:50px}.game-board-container{padding:10px;margin-top:var(--space-5)}.game-grid{gap:10px}.tile{width:calc((100% - 50px)/4);height:calc((100% - 50px)/4);font-size:35px}.tile-container{padding:10px}}.snake-game-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#222;color:var(--color-white);font-family:Courier New,Courier,monospace}.snake-header{text-align:center;margin-bottom:var(--space-5)}.score-board{display:flex;gap:var(--space-5);font-size:1.2rem;color:#4ade80}.snake-canvas{border:2px solid #444;background-color:var(--color-black);box-shadow:0 0 var(--space-5) #4ade8033;max-width:100%}.game-controls{margin-top:var(--space-5);display:flex;flex-direction:column;align-items:center;gap:10px}.start-btn{padding:10px 30px;font-size:1.2rem;background:#4ade80;color:var(--color-black);border:none;border-radius:5px;cursor:pointer;font-weight:700}.start-btn:hover{background:var(--color-success-500)}.mobile-tip{font-size:.8rem;color:#888;margin-top:10px}.minesweeper-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:silver;font-family:Tahoma,sans-serif;padding:var(--space-5);-webkit-user-select:none;user-select:none}.ms-window{background:silver;border:3px solid var(--color-white);border-right-color:gray;border-bottom-color:gray;padding:6px;box-shadow:2px 2px 5px #0003}.ms-header{background:silver;border:2px solid #808080;border-right-color:var(--color-white);border-bottom-color:var(--color-white);padding:4px;display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.ms-counter{background:var(--color-black);color:red;font-family:Courier New,monospace;font-size:var(--space-6);font-weight:700;padding:0 4px;min-width:40px;text-align:right}.ms-face-btn{width:26px;height:26px;font-size:18px;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-white);border-right-color:gray;border-bottom-color:gray;background:silver;cursor:pointer}.ms-face-btn:active{border:2px solid #808080;border-right-color:var(--color-white);border-bottom-color:var(--color-white)}.ms-grid{display:grid;grid-template-columns:repeat(9,30px);grid-template-rows:repeat(9,30px);border:3px solid #808080;border-right-color:var(--color-white);border-bottom-color:var(--color-white)}.ms-cell{width:30px;height:30px;background:silver;border:2px solid var(--color-white);border-right-color:gray;border-bottom-color:gray;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;cursor:default}.ms-cell.revealed{border:1px solid #808080;background:silver;border:none;outline:1px solid #808080}.ms-cell.mine{background:red}.val-1{color:#00f}.val-2{color:green}.val-3{color:red}.val-4{color:#00008b}.val-5{color:#8b0000}.val-6{color:teal}.val-7{color:#000}.val-8{color:gray}.difficulty-select{margin-bottom:15px}.ttt-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#14bdac;font-family:Arial,sans-serif;color:#545454}.ttt-title{font-size:3rem;color:#f2ebd3;margin-bottom:var(--space-5);text-transform:uppercase}.ttt-status{font-size:1.5rem;color:#f2ebd3;margin-bottom:var(--space-5);height:30px}.ttt-board{display:grid;grid-template-columns:repeat(3,100px);grid-template-rows:repeat(3,100px);gap:10px;background:#0da192;padding:10px;border-radius:10px}.ttt-square{width:100px;height:100px;background:#f2ebd3;border-radius:5px;border:none;font-size:4rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.ttt-square:hover:not(:disabled){background:var(--color-white)}.ttt-square.x{color:#545454}.ttt-square.o{color:#f2ebd3;background:#545454}.ttt-controls{margin-top:30px;display:flex;gap:var(--space-5)}.ttt-btn{padding:10px var(--space-5);font-size:1rem;border:2px solid #f2ebd3;background:transparent;color:#f2ebd3;border-radius:var(--space-5);cursor:pointer;transition:all .2s}.ttt-btn.active{background:#f2ebd3;color:#14bdac}.ttt-btn:hover{transform:scale(1.05)}.winning-line{background:#ffec42!important}:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--bg-gradient: radial-gradient(circle at 50% 0%, #4facfe 0%, #00f2fe 100%);--bg-main: #4facfe;--board-bg: rgba(255, 255, 255, .15);--glass-border: rgba(255, 255, 255, .3);--text-color: var(--color-white);--accent-green: #2ecc71;--accent-red: #ff6b81;--accent-blue: #54a0ff}.animal-chess-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;background:linear-gradient(to bottom,#5f72bd,#9b23ea);color:var(--text-color);font-family:PingFang SC,Microsoft YaHei,sans-serif;padding:40px var(--space-5);box-sizing:border-box;overflow-x:hidden}.game-header{text-align:center;margin-bottom:30px;width:100%;max-width:500px}.game-title{font-size:2.2rem;margin:0 0 var(--space-5) 0;color:#6efff5;text-shadow:0 0 10px rgba(110,255,245,.6);font-weight:700;letter-spacing:2px}.game-info{display:flex;justify-content:space-between;align-items:center;background:transparent;width:100%;padding:0 var(--space-5);box-sizing:border-box}.player-indicator{flex:1;background:#0003;border-radius:30px;padding:10px 0;text-align:center;font-weight:600;font-size:1rem;color:#ffffffb3;transition:all .3s ease;border:1px solid transparent;max-width:140px}.player-indicator.active{background:#ffffff40;color:var(--color-white);border-color:#ffffff80;box-shadow:0 0 15px #fff3;transform:scale(1.05)}.vs{font-size:1.5rem;font-weight:900;color:#fff6;margin:0 15px;font-style:italic}.game-board{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#ffffff1a;padding:10px;border-radius:var(--space-3);border:4px solid rgba(255,255,255,.25);box-shadow:0 15px 35px #0000004d;-webkit-backdrop-filter:blur(var(--space-5));backdrop-filter:blur(var(--space-5));margin-bottom:var(--space-5);width:95%;max-width:600px;aspect-ratio:.75;box-sizing:border-box}.cell{position:relative;width:100%;height:100%;border-radius:0;cursor:pointer;perspective:1000px;display:flex;justify-content:center;align-items:center;border:1px solid rgba(255,255,255,.2);box-sizing:border-box}.animal-chess-container .piece{width:90%!important;height:90%!important;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);border-radius:var(--space-2);box-shadow:0 2px var(--space-2) #0003;top:auto;left:auto}.animal-chess-container .piece.flipped{transform:rotateY(180deg)}.animal-chess-container .piece-face{position:absolute;top:0;left:0;width:100%!important;height:100%!important;backface-visibility:hidden;display:flex;justify-content:center;align-items:center;border-radius:var(--space-2);box-shadow:inset 0 0 0 1px #ffffff1a;overflow:hidden;padding:0}.animal-chess-container .piece-back{background:radial-gradient(circle at 50% 50%,#4facfe,#00f2fe);border:2px solid rgba(255,255,255,.3)}.animal-chess-container .piece-back:after{content:"?";font-size:3rem;font-weight:900;color:#fff6;text-shadow:0 2px 4px rgba(0,0,0,.2)}.animal-chess-container .piece-back:before{display:none}.animal-chess-container .piece-front{background:#fdfdfd;transform:rotateY(180deg);border:4px solid transparent}.animal-chess-container .piece-front.red{border-color:#ff6b81;background:radial-gradient(circle,var(--color-danger-50) 60%,#ff6b81 150%)}.animal-chess-container .piece-front.blue{border-color:#54a0ff;background:radial-gradient(circle,#f0f8ff 60%,#54a0ff 150%)}.animal-chess-container .piece-image{width:100%;height:100%;object-fit:fill;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.animal-chess-container .piece-name-overlay{display:block;position:absolute;bottom:0;right:0;width:100%;background:linear-gradient(to top,#000000b3,#0000);color:var(--color-white);text-align:right;padding:4px var(--space-2);font-size:var(--text-sm);font-weight:700;box-sizing:border-box;text-shadow:1px 1px 2px rgba(0,0,0,.8);opacity:1;z-index:2;font-family:sans-serif;pointer-events:none;border-bottom-right-radius:var(--space-2);border-bottom-left-radius:var(--space-2)}.cell.selected .piece{transform:rotateY(180deg) scale(1.15);box-shadow:0 0 25px #ffd70099;z-index:10}.cell.selected .piece-front{border-color:gold;box-shadow:0 0 15px gold}.cell.valid-move:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--space-5);height:var(--space-5);background:#2ecc71cc;border-radius:var(--radius-full);box-shadow:0 0 10px #2ecc71;z-index:5;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(.8);opacity:.7}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}to{transform:translate(-50%,-50%) scale(.8);opacity:.7}}.effect-container{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;z-index:50;pointer-events:none}.effect-eat{font-size:8rem;animation:popIn .6s cubic-bezier(.175,.885,.32,1.275) forwards;filter:drop-shadow(0 0 10px rgba(255,0,0,.8))}.effect-crash{font-size:6rem;animation:popIn .6s cubic-bezier(.175,.885,.32,1.275) forwards;filter:drop-shadow(0 0 10px rgba(0,0,0,.8))}@keyframes popIn{0%{transform:scale(0) rotate(-45deg);opacity:0}60%{transform:scale(1.2) rotate(10deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.game-controls{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);width:100%;max-width:300px}.mode-toggle{display:flex;background:#0000004d;border-radius:30px;padding:4px;width:100%;position:relative}.toggle-btn{flex:1;background:transparent;border:none;padding:10px;color:#fff9;font-size:1rem;font-weight:600;cursor:pointer;border-radius:25px;transition:all .3s ease;z-index:1}.toggle-btn.active{color:var(--color-white);background:#6464ff99;box-shadow:0 4px 10px #0003}.btn-secondary{width:100%;padding:15px;border-radius:var(--space-3);border:none;background:linear-gradient(90deg,#56ab2f,#a8e063);color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 5px 15px #56ab2f66;transition:transform .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center;gap:10px}.btn-secondary:active{transform:translateY(2px);box-shadow:0 2px 5px #56ab2f66}.rules-panel{display:block;width:100%;max-width:500px;background:#ffffff1a;border-radius:15px;padding:15px;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:10px;margin-bottom:var(--space-5);color:#ffffffe6;box-sizing:border-box}.rules-panel h3{margin:0 0 10px;font-size:1.1rem;color:#6efff5;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:5px}.rules-panel ul{margin:0;padding:0 0 0 var(--space-5);font-size:.9rem;line-height:1.5}.rules-footer-image{margin-top:10px;text-align:center;border-top:1px solid rgba(255,255,255,.1);padding-top:10px}.rules-footer-image img{max-width:100%;height:auto;border-radius:var(--space-2);display:block;margin:0 auto}.game-over-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:10000;-webkit-backdrop-filter:blur(var(--space-2));backdrop-filter:blur(var(--space-2));padding:var(--space-5);box-sizing:border-box}.modal-content{background:var(--color-white);padding:30px;border-radius:var(--space-5);text-align:center;width:90%;max-width:320px;color:#333;box-shadow:0 var(--space-5) 60px #00000080;animation:modalPop .4s cubic-bezier(.175,.885,.32,1.275);pointer-events:auto;position:relative}.winner-title{font-size:1.2rem;color:#666;margin-bottom:10px;text-transform:uppercase;letter-spacing:2px}.winner-text{font-size:2.2rem;font-weight:800;background:linear-gradient(45deg,#ff6b81,#54a0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:25px}.btn-primary{width:100%;padding:15px;background:linear-gradient(90deg,#4facfe,#00f2fe);color:#fff;border:none;border-radius:var(--space-3);font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 5px 15px #4facfe66;transition:transform .2s}.btn-primary:active{transform:scale(.98)}.game-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000d9;color:#fff;padding:var(--space-3) var(--space-6);border-radius:50px;z-index:2000;pointer-events:none;font-size:1rem;text-align:center;white-space:nowrap;box-shadow:0 5px var(--space-5) #0003;animation:fadeInOut 2s ease forwards;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-40%)}10%{opacity:1;transform:translate(-50%,-50%)}80%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-60%)}}@keyframes modalPop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@media (max-height: 700px){.animal-chess-container{padding:10px}.game-board{padding:5px;gap:0;margin-bottom:10px;border-width:2px}.game-title{font-size:1.5rem;margin-bottom:10px}.game-controls{gap:10px}}@media (max-width: 480px){.animal-chess-container{padding:10px 5px}.game-title{font-size:1.6rem;margin-bottom:15px}.game-info{padding:0 5px;margin-bottom:15px}.player-indicator{font-size:.9rem;padding:6px 0}.vs{font-size:1.2rem;margin:0 var(--space-2)}.game-board{width:100%;padding:4px;border-width:2px;box-shadow:0 5px var(--space-5) #0003}.cell{border-width:.5px}.game-controls{width:90%}.rules-panel{padding:10px;margin-top:10px}.rules-panel h3{font-size:1rem}.rules-panel ul{font-size:.8rem;padding-left:15px}}.gomoku-container{display:flex;flex-direction:column;align-items:center;padding:var(--space-5);background:var(--color-gray-100);min-height:100vh}.gomoku-header{display:flex;flex-direction:column;align-items:center;gap:15px;margin-bottom:var(--space-5)}.gomoku-header h2{color:#333;margin:0}.controls{display:flex;gap:10px}.controls select,.restart-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);border:1px solid #ddd;background:#fff;cursor:pointer;font-size:var(--text-sm)}.restart-btn{background:#1890ff;color:#fff;border:none}.restart-btn:hover{background:#40a9ff}.game-status{margin-bottom:var(--space-5);font-size:18px;font-weight:700;color:#333}.winner-banner{color:#cf1322;animation:bounce .5s infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.board-wrapper{padding:var(--space-5);background:#dcb35c;border-radius:4px;box-shadow:0 4px var(--space-3) #0003}.gomoku-board{position:relative;width:450px;height:450px;display:flex;flex-direction:column}.grid-row{display:flex;height:30px}.grid-cell{width:30px;height:30px;box-sizing:border-box;border-right:1px solid #333;border-bottom:1px solid #333}.grid-row:first-child .grid-cell{border-top:1px solid #333}.grid-cell:first-child{border-left:1px solid #333}.interaction-layer{position:absolute;top:-15px;left:-15px;width:calc(100% + 30px);height:calc(100% + 30px);display:flex;flex-direction:column}.interaction-row{display:flex;height:30px}.interaction-cell{width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:var(--radius-full)}.interaction-cell:hover{background:#fff3}.piece{width:var(--space-6);height:var(--space-6);border-radius:var(--radius-full);box-shadow:2px 2px 4px #0000004d;position:relative}.piece.black{background:radial-gradient(circle at 30% 30%,#666,var(--color-black))}.piece.white{background:radial-gradient(circle at 30% 30%,var(--color-white),#ddd)}.piece.last-move:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:red;border-radius:var(--radius-full)}@media (max-width: 500px){.gomoku-board{width:300px;height:300px}.grid-row,.interaction-row{height:var(--space-5)}.grid-cell,.interaction-cell{width:var(--space-5);height:var(--space-5)}.interaction-layer{top:-10px;left:-10px;width:calc(100% + var(--space-5));height:calc(100% + var(--space-5))}.piece{width:var(--space-4);height:var(--space-4)}}.chess-container{display:flex;flex-direction:column;align-items:center;padding:var(--space-5);background:var(--color-gray-100);min-height:100vh}.chess-header{margin-bottom:var(--space-5);text-align:center}.status{margin-top:10px;font-size:18px;font-weight:700}.status .red{color:#d00}.status .black{color:#333}.winner-text{color:#d00;font-size:var(--space-6);animation:pulse 1s infinite}.chess-board-wrapper{padding:15px;background:#deb887;border-radius:5px;box-shadow:0 5px 15px #0000004d}.chess-board{width:450px;height:500px;position:relative;background:#eecfa1;border:2px solid #8b4513}.chess-board:before{content:"";position:absolute;top:25px;left:25px;right:25px;bottom:25px;border:2px solid #8b4513;z-index:0}.chess-board:after{content:"";position:absolute;top:25px;left:25px;right:25px;bottom:25px;background-image:linear-gradient(#8b4513 1px,transparent 1px),linear-gradient(90deg,#8b4513 1px,transparent 1px);background-size:100% 50px,50px 100%;z-index:0}.square{position:absolute;width:11.11%;height:10%;display:flex;justify-content:center;align-items:center;z-index:10;cursor:pointer}.chess-piece{width:40px;height:40px;border-radius:var(--radius-full);background:#fdf5e6;border:2px solid #8b4513;display:flex;justify-content:center;align-items:center;font-size:var(--space-6);font-weight:700;box-shadow:2px 2px 5px #0000004d;-webkit-user-select:none;user-select:none;font-family:KaiTi,STKaiti,serif}.chess-piece.red{color:#d00;border-color:#d00}.chess-piece.black{color:#333;border-color:#333}.selected .chess-piece{box-shadow:0 0 10px 5px #ffa500b3;transform:scale(1.1)}.last-move-src:after{content:"";position:absolute;width:10px;height:10px;background:#0000ff4d;border-radius:var(--radius-full)}.last-move-dest .chess-piece{box-shadow:0 0 0 3px #0000ff4d}@media (max-width: 500px){.chess-board{width:324px;height:360px}.chess-piece{width:30px;height:30px;font-size:18px}}.checkers-container{display:flex;flex-direction:column;align-items:center;padding:var(--space-5);background:var(--color-gray-100);min-height:100vh}.checkers-header{margin-bottom:var(--space-5);text-align:center}.checkers-board{display:flex;flex-direction:column;border:4px solid #5d4037;box-shadow:0 10px var(--space-5) #0000004d}.board-row{display:flex}.board-cell{width:50px;height:50px;display:flex;align-items:center;justify-content:center;position:relative}.board-cell.light{background:#eecfa1}.board-cell.dark{background:#8b5a2b}.board-cell.highlight{background:#aebc40;cursor:pointer}.move-indicator{position:absolute;width:15px;height:15px;background:#00ff0080;border-radius:var(--radius-full)}.checker-piece{width:36px;height:36px;border-radius:var(--radius-full);box-shadow:0 4px 6px #0006,inset 0 -4px 4px #0003;display:flex;align-items:center;justify-content:center;font-size:var(--space-5);cursor:pointer;transition:transform .2s;z-index:2}.checker-piece.red{background:radial-gradient(circle at 30% 30%,#ff6b6b,#c0392b);border:2px solid #96281b}.checker-piece.black{background:radial-gradient(circle at 30% 30%,#555,#222);border:2px solid var(--color-black);color:#fff}.checker-piece.selected{transform:scale(1.1);box-shadow:0 0 10px #ff0}.checker-piece.king{border:2px solid gold}.status .red{color:#c0392b}.status .black{color:#222}@media (max-width: 500px){.board-cell{width:40px;height:40px}.checker-piece{width:30px;height:30px;font-size:var(--space-4)}}.tetris-container{display:flex;flex-direction:column;align-items:center;padding:var(--space-5);background:#282c34;color:#fff;min-height:100vh}.tetris-header{margin-bottom:var(--space-5);text-align:center}.score-board{font-size:var(--space-6);font-weight:700;color:#4caf50;margin-top:10px}.game-area{display:flex;flex-direction:column;align-items:center;gap:var(--space-5)}.tetris-board{width:250px;height:500px;background:var(--color-black);border:4px solid #555;position:relative;display:flex;flex-direction:column}.tetris-row{display:flex;flex:1}.tetris-cell{width:25px;height:25px;box-sizing:border-box;border:1px solid #111}.tetris-cell.filled{border:1px solid rgba(255,255,255,.5);box-shadow:inset 0 0 5px #00000080}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10}.message{text-align:center;background:#333;padding:var(--space-5);border-radius:var(--space-2);border:1px solid #666}.message button{margin-top:10px;padding:var(--space-2) var(--space-5);font-size:var(--space-4);cursor:pointer;background:#1890ff;border:none;color:#fff;border-radius:4px}.instructions{margin-top:var(--space-5);color:#aaa;font-size:var(--text-sm)}.controls-mobile{display:none;flex-direction:column;align-items:center;gap:10px;margin-top:10px}.row-controls{display:flex;gap:var(--space-5)}.control-btn{width:50px;height:50px;border-radius:var(--radius-full);border:none;background:#ffffff1a;color:#fff;font-size:var(--space-5);cursor:pointer;display:flex;align-items:center;justify-content:center}.control-btn:active{background:#ffffff4d}@media (max-width: 600px){.controls-mobile{display:flex}.instructions{display:none}}.bubble-game-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0f0f1a;height:100vh;position:relative;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:none}.game-canvas{background:#1a1a2e;box-shadow:0 0 var(--space-5) #00f2ff33;border-radius:var(--space-2);max-width:100%;max-height:100%}.game-hud{position:absolute;top:var(--space-5);left:50%;transform:translate(-50%);display:flex;gap:var(--space-5);font-family:Arial,sans-serif;color:#fff;font-size:18px;text-shadow:0 0 5px rgba(0,0,0,.5);pointer-events:none;z-index:10}.score-box,.timer-box{background:#ffffff1a;padding:5px 15px;border-radius:15px;border:1px solid rgba(255,255,255,.2)}.bubble-game-over-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-white);padding:var(--space-5) 30px;border-radius:var(--space-4);text-align:center;box-shadow:0 10px 40px #0009;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275);z-index:100;height:auto!important;width:auto!important;min-width:200px;max-width:80%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.bubble-game-over-modal h2{margin:0 0 5px;color:#333;font-size:var(--space-6);font-weight:800}.bubble-game-over-modal p{margin:5px 0;font-size:var(--space-4);color:#555;white-space:nowrap;font-weight:500}.bubble-game-over-modal button{margin-top:15px;padding:10px 30px;background:linear-gradient(90deg,#00f2ff,#00c3ff);border:none;border-radius:25px;color:var(--color-white);font-weight:700;font-size:var(--space-4);cursor:pointer;transition:transform .1s,box-shadow .2s;box-shadow:0 4px 15px #00f2ff4d}.bubble-game-over-modal button:hover{transform:translateY(-2px);box-shadow:0 6px var(--space-5) #00f2ff66}.bubble-game-over-modal button:active{transform:translateY(1px)}.start-screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1a1a2ed9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:20;color:#fff;padding:var(--space-5);box-sizing:border-box}.game-title{font-size:var(--space-8);color:#00f2ff;text-shadow:0 0 10px rgba(0,242,255,.5);margin-bottom:var(--space-5)}.rule-card{background:#ffffff1a;padding:15px var(--space-5);border-radius:var(--space-3);border:1px solid rgba(255,255,255,.2);margin-bottom:25px;max-width:320px;width:100%}.rule-card h3{text-align:center;margin-top:0;margin-bottom:10px;color:gold;font-size:18px}.rule-card ul{list-style:none;padding:0;margin:0;text-align:left}.rule-card li{margin-bottom:var(--space-2);font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-2)}.start-btn{padding:var(--space-3) 40px;background:linear-gradient(45deg,#00f2ff,#00c3ff);border:none;border-radius:25px;color:#fff;font-weight:700;font-size:18px;cursor:pointer;box-shadow:0 0 15px #00f2ff66;transition:all .2s}.start-btn:hover{transform:scale(1.05);box-shadow:0 0 25px #00f2ff99}.controls-hint{position:absolute;bottom:var(--space-5);width:100%;display:flex;justify-content:space-between;padding:0 30px;box-sizing:border-box;pointer-events:none;opacity:.5;color:#fff;font-size:var(--space-3);z-index:10}@keyframes popIn{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@media (max-width: 600px){.game-canvas{width:100vw;height:100vh;border-radius:0}.start-screen{padding:15px}.game-title{font-size:28px;margin-bottom:15px}.rule-card{padding:15px;margin-bottom:var(--space-5);max-width:300px}.rule-card li{font-size:var(--text-sm);margin-bottom:6px}.start-btn{padding:10px 30px;font-size:var(--space-4)}}.reaction-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100%;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-user-select:none;user-select:none;text-align:center;padding:var(--space-5);transition:background-color .2s}.reaction-content{color:var(--color-white)}.reaction-icon{font-size:5rem;margin-bottom:var(--space-5)}.reaction-title{font-size:3rem;font-weight:700;margin-bottom:10px}.reaction-desc{font-size:1.5rem;opacity:.9}.reaction-result{margin-top:var(--space-5)}.state-idle{background-color:#2b87d1}.state-waiting{background-color:#ce2636}.state-ready{background-color:#4bdb6a}.state-result{background-color:#2b87d1}.history-list{margin-top:30px;background:#0003;padding:15px;border-radius:10px;text-align:left;min-width:200px}.history-item{font-size:1.1rem;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.1)}.flappy-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;background-color:#333;font-family:"Press Start 2P",monospace,sans-serif;overflow:hidden;padding:0;margin:0}.flappy-game-area{position:relative;background:#70c5ce;overflow:hidden;cursor:pointer;touch-action:none;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;box-shadow:0 0 var(--space-5) #00000080;border:4px solid #555;width:400px;height:711px}@media (max-width: 600px),(max-height: 800px){.flappy-container{padding:0;margin:0;background-color:var(--color-black);min-height:100vh;min-height:100dvh;width:100vw}.flappy-game-area{border:none;box-shadow:none;width:100vw;height:100vh;height:100dvh;max-width:100vw;max-height:100vh;max-height:100dvh}}canvas{display:block;width:100%;height:100%}.flappy-ui{margin-top:var(--space-5);text-align:center;color:var(--color-white)}.flappy-btn{padding:var(--space-3) 30px;font-size:1.2rem;background:#e5ad04;border:none;border-bottom:4px solid #b38600;color:var(--color-white);font-family:inherit;cursor:pointer;border-radius:var(--space-2);transition:transform .1s}.flappy-btn:active{transform:translateY(2px);border-bottom:2px solid #b38600}.flappy-score{position:absolute;top:10%;width:100%;text-align:center;font-size:3rem;color:var(--color-white);text-shadow:2px 2px 0 var(--color-black);z-index:10;pointer-events:none}.sound-toggle{position:absolute;top:10px;right:10px;width:40px;height:40px;background:#00000080;border:2px solid var(--color-white);border-radius:var(--space-2);font-size:var(--space-5);cursor:pointer;z-index:100;transition:all .2s;display:flex;align-items:center;justify-content:center}.sound-toggle:hover{background:#000000b3;transform:scale(1.1)}.sound-toggle:active{transform:scale(.95)}.game-over-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000004d;z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.game-over-modal{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1001;gap:15px;animation:popIn .2s ease-out;will-change:transform,opacity}@keyframes popIn{0%{transform:scale(.8) translateY(var(--space-5));opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.game-over-modal>img:first-child{width:200px;margin-bottom:5px}.bird-level-display{text-align:center;padding:var(--space-2) 15px;background:#0006;border-radius:10px;border:2px solid rgba(255,255,255,.2);display:inline-flex;align-items:center;gap:10px}.bird-level-display img{width:45px;height:45px;image-rendering:pixelated;animation:birdBounce .6s ease-out;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.bird-level-name{margin:0;font-size:var(--text-sm);color:var(--color-white);text-shadow:2px 2px 0 var(--color-black);font-weight:700;letter-spacing:1px}@keyframes birdBounce{0%{transform:scale(0) rotate(-180deg);opacity:0}60%{transform:scale(1.15) rotate(10deg)}to{transform:scale(1) rotate(0);opacity:1}}.game-start-screen{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;z-index:100;pointer-events:none}.score-panel-container{position:relative;display:inline-block;margin-top:5px}.score-panel-container>img:first-child{width:235px;display:block}.score-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;pointer-events:none}.score-row{position:absolute;top:36px;right:25px;width:120px;text-align:right;font-size:var(--space-5);color:var(--color-white);text-shadow:2px 2px 0 var(--color-black);line-height:1;letter-spacing:1px}.best-row{position:absolute;top:78px;right:25px;width:120px;text-align:right;font-size:var(--space-5);color:var(--color-white);text-shadow:2px 2px 0 var(--color-black);line-height:1;letter-spacing:1px}.medal-image{position:absolute;top:44px;left:31px;width:44px;height:44px;image-rendering:pixelated}.new-badge{position:absolute;top:90px;right:var(--space-5);width:var(--space-8);height:14px;animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.play-button{width:115px;margin-top:var(--space-2);cursor:pointer;transition:transform .1s}.play-button:hover{transform:scale(1.05)}.play-button:active{transform:scale(.95)}.ping-pong-container{width:100%;height:100vh;background:var(--text-primary);color:#fff;position:relative;font-family:Segoe UI,sans-serif;overflow:hidden;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pp-canvas{display:block;width:100%;height:100%}.pp-ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:40px;box-sizing:border-box}.pp-header{text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.5)}.pp-score{font-size:4rem;font-weight:800;margin:0;color:var(--color-white);line-height:1}.pp-sub-score{font-size:1.2rem;color:#fff9;margin-top:10px}.pp-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto}.pp-modal{background:#222;border:1px solid #444;padding:40px;border-radius:var(--space-5);text-align:center;max-width:500px;width:90%;box-shadow:0 0 50px #000c;animation:popIn .4s cubic-bezier(.175,.885,.32,1.275)}.pp-subtitle{color:#4facfe;font-size:1rem;font-style:italic;margin-top:-5px;margin-bottom:var(--space-5);opacity:.8}.pp-rules{text-align:left;background:#ffffff0d;padding:var(--space-5);border-radius:10px;margin-bottom:25px;font-size:.95rem;color:#ccc;line-height:1.6}.pp-rules ul{margin:10px 0 0;padding-left:var(--space-5)}.pp-rules li{margin-bottom:var(--space-2)}.pp-modal h2{font-size:2.5rem;margin:0 0 10px;background:linear-gradient(135deg,#00f2fe,#4facfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.pp-modal p{color:#aaa;font-size:1.1rem;margin-bottom:30px;line-height:1.6}.pp-start-btn{background:linear-gradient(90deg,#00f2fe,#4facfe);color:var(--color-black);font-weight:800;border:none;padding:15px 50px;font-size:1.3rem;border-radius:50px;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 0 var(--space-5) #00f2fe66}.pp-start-btn:hover{transform:scale(1.05);box-shadow:0 0 30px #00f2fe99}.pp-start-btn:active{transform:scale(.95)}.pp-visualizer{display:flex;justify-content:center;gap:5px;height:50px;margin-bottom:var(--space-5)}.pp-bar{width:6px;background:#4facfe;border-radius:3px;animation:equalize 1s infinite alternate}@keyframes equalize{0%{height:10%}to{height:100%}}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.pp-settings{display:flex;justify-content:center;gap:10px;margin-bottom:var(--space-5)}.pp-setting-btn{background:#333;border:1px solid #555;color:var(--color-white);padding:var(--space-2) 15px;border-radius:var(--space-2);cursor:pointer;font-size:.9rem;transition:all .2s}.pp-setting-btn.active{background:#4facfe;border-color:#4facfe;color:var(--color-black)}.one-lamp-container{width:100%;height:100vh;background-color:#0d0d0d;background-image:url("data:image/svg+xml,%3Csvg width='400' height='400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");color:#c8b598;font-family:Special Elite,cursive,serif;overflow:hidden;position:relative;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;touch-action:none}.ol-canvas-wrapper{position:relative;box-shadow:0 0 50px #000c;border:2px solid #333;cursor:none}.ol-ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-5);box-sizing:border-box}.ol-header{text-align:center;text-shadow:2px 2px 0 var(--color-black)}.ol-title{font-family:Creepster,cursive;font-size:3rem;color:#a83f3f;margin:0;letter-spacing:2px}.ol-subtitle{font-size:1rem;color:#777;margin-top:5px}.ol-stats{font-size:1.2rem;color:#c8b598;background:#000000b3;padding:10px var(--space-5);border-radius:5px;border:1px solid #444;align-self:flex-start;font-family:Special Elite,serif}.ol-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:100;pointer-events:auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.ol-modal{background:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h100v100H0z' fill='%231a1a1a'/%3E%3Cpath d='M10 10h80v80H10z' fill='none' stroke='%23333' stroke-width='2' stroke-dasharray='5,5'/%3E%3C/svg%3E");background-color:var(--text-primary);border:3px double #555;padding:40px;max-width:500px;width:90%;text-align:center;box-shadow:0 0 30px #000;position:relative;transform:rotate(-1deg)}.ol-modal:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:150px;height:var(--space-5);background:#ffffff1a;box-shadow:0 0 10px #ffffff1a;border-radius:var(--radius-full)}.ol-modal h2{font-family:Creepster,cursive;font-size:2.5rem;color:#c8b598;margin-bottom:var(--space-5);text-shadow:3px 3px 0 var(--color-black)}.ol-modal p{font-size:1.1rem;line-height:1.6;color:#999;margin-bottom:var(--space-5);text-align:left}.ol-rules-box{background:#ffffff0d;border:1px dashed #444;padding:15px;margin-bottom:var(--space-5);text-align:left;border-radius:5px}.ol-rules-box h3{font-family:Special Elite,cursive;color:#c8b598;margin:0 0 10px;font-size:1.2rem;border-bottom:1px solid #333;padding-bottom:5px}.ol-rules-box ul{margin:0;padding-left:var(--space-5);color:#888;font-size:.9rem}.ol-rules-box li{margin-bottom:5px}.ol-btn{background:transparent;border:2px solid #555;color:#c8b598;font-family:Special Elite,cursive;font-size:1.5rem;padding:10px 40px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.ol-btn:hover{border-color:#a83f3f;color:#a83f3f;transform:scale(1.05) rotate(1deg);background:#14000080}.ol-btn:active{transform:scale(.95)}.ol-seed-input{background:var(--color-black);border:1px solid #444;color:#c8b598;padding:10px;font-family:Special Elite,cursive;font-size:1.2rem;width:200px;text-align:center;margin-bottom:var(--space-5)}.ol-report{background:#e3dac9;color:#222;padding:var(--space-5);transform:rotate(1deg);box-shadow:5px 5px 15px #00000080;margin-bottom:var(--space-5);font-family:Special Elite,cursive;text-align:left;border:1px solid #aaa}.ol-report-title{font-weight:700;border-bottom:2px solid #222;margin-bottom:10px;display:block}.ol-vignette{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 30%,var(--color-black) 95%);pointer-events:none;z-index:10}.sketchy-border{border-radius:2px 255px 3px 25px/255px 5px 225px}.sinking-moon-container{min-height:100vh;background:linear-gradient(180deg,#1a2332,#2d3e50);padding:var(--space-5);display:flex;flex-direction:column;align-items:center}.game-header{text-align:center;color:#fff;margin-bottom:var(--space-5);position:relative;width:100%;max-width:1000px}.back-btn{position:absolute;left:0;top:0;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--space-2);cursor:pointer;font-size:var(--text-sm);transition:all .3s}.back-btn:hover{background:#fff3;transform:translate(-5px)}.game-header h1{font-size:2.5em;margin:0 0 10px;text-shadow:2px 2px var(--space-2) rgba(0,0,0,.5);color:#ffd7a0}.game-subtitle{font-size:1.1em;opacity:.9;margin:0;font-style:italic;color:#b8c5d6}.game-menu{display:flex;justify-content:center;align-items:center;min-height:60vh}.menu-content{background:#1a2332e6;border:2px solid rgba(255,215,160,.3);border-radius:var(--space-4);padding:40px;max-width:600px;text-align:center;box-shadow:0 10px 40px #00000080}.menu-content h2{font-size:3em;color:#ffd7a0;margin:0 0 var(--space-5) 0;text-shadow:0 0 var(--space-5) rgba(255,215,160,.5)}.menu-desc{color:#b8c5d6;line-height:1.8;margin-bottom:30px;font-size:1.1em}.start-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 50px;font-size:1.3em;border-radius:10px;cursor:pointer;transition:all .3s;box-shadow:0 5px var(--space-5) #667eea66;margin-bottom:30px}.start-btn:hover{transform:translateY(-3px);box-shadow:0 var(--space-2) 25px #667eea99}.game-instructions{text-align:left;background:#0000004d;padding:var(--space-5);border-radius:var(--space-2);margin-top:var(--space-5)}.game-instructions h3{color:#ffd7a0;margin:15px 0 10px;font-size:1.2em}.game-instructions h3:first-child{margin-top:0}.game-instructions p{color:#b8c5d6;margin:5px 0;font-size:.95em}.game-area{position:relative;display:flex;gap:var(--space-5);max-width:1200px;width:100%}.game-canvas{border:3px solid rgba(255,215,160,.3);border-radius:var(--space-2);box-shadow:0 0 30px #00000080;background:#1a2332}.hud{background:#1a2332e6;border:2px solid rgba(255,215,160,.3);border-radius:var(--space-3);padding:var(--space-5);width:300px;color:#fff;box-shadow:0 5px var(--space-5) #00000080}.stat-bars{margin-bottom:var(--space-5)}.stat-bar{margin-bottom:15px}.stat-label{display:block;font-size:.9em;margin-bottom:5px;color:#b8c5d6}.bar-bg{background:#00000080;height:var(--space-5);border-radius:10px;overflow:hidden;margin-bottom:5px;border:1px solid rgba(255,255,255,.1)}.bar-fill{height:100%;transition:width .3s;border-radius:10px}.bar-fill.health{background:linear-gradient(90deg,#ff6b6b,#ff8787)}.bar-fill.memory{background:linear-gradient(90deg,gold,#ffed4e)}.bar-fill.hunger{background:linear-gradient(90deg,#51cf66,#8ce99a)}.stat-value{font-size:.9em;color:#ffd7a0;font-weight:700}.world-info{background:#0000004d;padding:15px;border-radius:var(--space-2);margin-bottom:var(--space-5)}.info-item{margin:var(--space-2) 0;font-size:.95em;color:#b8c5d6}.inventory-display{background:#0000004d;padding:15px;border-radius:var(--space-2)}.inventory-display h4{margin:0 0 10px;color:#ffd7a0;font-size:1.1em}.inventory-display .empty{color:#666;font-style:italic;text-align:center}.inventory-items{display:flex;flex-direction:column;gap:5px}.inventory-item{background:#ffffff0d;padding:var(--space-2);border-radius:4px;font-size:.9em;color:#b8c5d6}.crafting-menu{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#1a2332f2;border:3px solid rgba(255,215,160,.4);border-radius:var(--space-4);padding:30px;min-width:400px;box-shadow:0 10px 50px #000c;z-index:100}.crafting-content h3{margin:0 0 var(--space-5) 0;color:#ffd7a0;text-align:center;font-size:1.5em}.recipes-list{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto}.recipe-item{background:#0006;border:2px solid rgba(255,255,255,.1);padding:15px;border-radius:var(--space-2);cursor:pointer;transition:all .3s}.recipe-item:hover{border-color:#ffd7a04d;background:#00000080}.recipe-item.can-craft{border-color:#667eea80;background:#667eea1a}.recipe-item.can-craft:hover{border-color:#667eeacc;background:#667eea33;transform:translate(5px)}.recipe-item.locked{opacity:.5;cursor:not-allowed}.recipe-name{font-size:1.1em;color:#ffd7a0;margin-bottom:var(--space-2);font-weight:700}.recipe-materials{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:5px}.material{font-size:.9em;color:#b8c5d6;background:#ffffff0d;padding:4px var(--space-2);border-radius:4px}.recipe-memory{font-size:.85em;color:gold;margin-top:5px}.recipe-locked{color:#999;font-style:italic}.game-over{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000}.game-over-content{background:#1a2332f2;border:3px solid rgba(255,215,160,.4);border-radius:var(--space-4);padding:50px;text-align:center;max-width:500px;box-shadow:0 10px 50px #000c}.game-over-content h2{font-size:2.5em;color:#ffd7a0;margin:0 0 var(--space-5) 0;text-shadow:0 0 var(--space-5) rgba(255,215,160,.5)}.game-over-content p{color:#b8c5d6;font-size:1.2em;margin:10px 0}.survival-stats{background:#0000004d;padding:var(--space-5);border-radius:var(--space-2);margin:var(--space-5) 0;font-size:1.1em!important;line-height:1.8}.restart-btn,.menu-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:var(--space-3) 40px;font-size:1.1em;border-radius:var(--space-2);cursor:pointer;transition:all .3s;margin:10px;box-shadow:0 5px 15px #667eea4d}.restart-btn:hover,.menu-btn:hover{transform:translateY(-3px);box-shadow:0 var(--space-2) var(--space-5) #667eea80}.menu-btn{background:linear-gradient(135deg,#f5af19,#f12711)}@media (max-width: 1200px){.game-area{flex-direction:column;align-items:center}.hud{width:100%;max-width:800px}.game-canvas{max-width:100%;height:auto}}@media (max-width: 768px){.game-header h1{font-size:1.8em}.menu-content{padding:30px var(--space-5);margin:var(--space-5)}.crafting-menu{min-width:90%;max-width:400px}}.recipes-list::-webkit-scrollbar{width:var(--space-2)}.recipes-list::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.recipes-list::-webkit-scrollbar-thumb{background:#ffd7a04d;border-radius:4px}.recipes-list::-webkit-scrollbar-thumb:hover{background:#ffd7a080}.snake-puzzle-container{min-height:100vh;background:var(--color-gray-100);padding:2rem;display:flex;flex-direction:column;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.game-header{text-align:center;margin-bottom:2rem}.game-header h1{font-size:2.5rem;color:var(--text-primary);margin-bottom:.5rem;background:linear-gradient(45deg,#4caf50,#2196f3);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.game-header p{color:#666;font-size:1.1rem}.game-board-container{background:#fff;padding:2rem;border-radius:var(--space-5);box-shadow:0 10px 30px #0000001a;position:relative;-webkit-user-select:none;user-select:none}.game-board{display:grid;gap:4px;background:#e0e0e0;padding:4px;border-radius:var(--space-2);position:relative}.grid-cell{width:60px;height:60px;background:#fff;border-radius:4px;display:flex;justify-content:center;align-items:center;position:relative}.dot{width:var(--space-2);height:var(--space-2);background:#ddd;border-radius:var(--radius-full)}.snake-segment{position:absolute;width:100%;height:100%;z-index:1;display:flex;justify-content:center;align-items:center;transition:all .2s ease}.snake-body{width:80%;height:80%;border-radius:var(--space-2)}.snake-head{width:90%;height:90%;border-radius:var(--space-3);cursor:pointer;display:flex;justify-content:center;align-items:center;box-shadow:0 4px var(--space-2) #0003}.snake-head:after{content:"👀";font-size:1.2rem}.snake-tail{width:60%;height:60%;border-radius:var(--radius-full)}.color-green .snake-body,.color-green .snake-head,.color-green .snake-tail{background-color:#4caf50}.color-purple .snake-body,.color-purple .snake-head,.color-purple .snake-tail{background-color:#9c27b0}.color-yellow .snake-body,.color-yellow .snake-head,.color-yellow .snake-tail{background-color:#ffeb3b}.color-blue .snake-body,.color-blue .snake-head,.color-blue .snake-tail{background-color:#2196f3}.color-orange .snake-body,.color-orange .snake-head,.color-orange .snake-tail{background-color:#ff9800}.game-controls{margin-top:2rem;display:flex;gap:1rem}.control-btn{padding:.8rem 1.5rem;border:none;border-radius:var(--space-2);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;background:#f0f0f0;color:#333}.control-btn:hover{background:#e0e0e0;transform:translateY(-2px)}.control-btn.primary{background:#4caf50;color:#fff}.control-btn.primary:hover{background:#43a047}.status-panel{margin-top:1.5rem;font-size:1.2rem;font-weight:500;color:#333}.win-message{color:#4caf50;font-weight:700;animation:bounce .5s infinite alternate}@keyframes bounce{0%{transform:scale(1)}to{transform:scale(1.1)}}.connection{position:absolute;background:inherit;z-index:0}.connection.horizontal{width:100%;height:80%;top:10%}.connection.vertical{width:80%;height:100%;left:10%}@media (max-width: 600px){.grid-cell{width:45px;height:45px}.snake-head:after{font-size:.9rem}}.decoder-container{--primary-color: #3498db;--secondary-color: #2980b9;--success-color: #2ecc71;--warning-color: #f39c12;--error-color: #e74c3c;--light-color: #f8f9fa;--dark-color: #343a40;--border-radius: var(--space-2);--box-shadow: 0 4px 6px rgba(0, 0, 0, .1);font-family:Segoe UI,Microsoft YaHei,sans-serif;background-color:#f5f7fa;color:#333;line-height:1.6;padding:var(--space-5);min-height:100vh}.decoder-wrapper{max-width:1200px;margin:0 auto}.decoder-header{text-align:center;padding:40px 0;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border-radius:var(--border-radius);margin-bottom:30px;box-shadow:var(--box-shadow)}.decoder-title{font-size:2.5rem;margin-bottom:10px}.decoder-subtitle{font-size:1.2rem;opacity:.9}.decoder-content{display:flex;flex-wrap:wrap;gap:var(--space-5);margin-bottom:30px}.input-section,.output-section{flex:1;min-width:300px;background:#fff;padding:25px;border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.section-title{font-size:1.5rem;margin-bottom:var(--space-5);color:var(--dark-color);border-bottom:2px solid var(--primary-color);padding-bottom:10px}.file-upload{margin-bottom:var(--space-5)}.file-label{display:block;padding:15px;background:var(--light-color);border:2px dashed #ccc;border-radius:var(--border-radius);text-align:center;cursor:pointer;transition:all .3s}.file-label:hover,.file-label.drag-over{border-color:var(--primary-color);background:#e9f7fe}.decoder-textarea{width:100%;height:200px;padding:15px;border:1px solid #ddd;border-radius:var(--border-radius);resize:vertical;font-family:monospace;font-size:var(--text-sm)}.controls{display:flex;flex-wrap:wrap;gap:15px;margin:var(--space-5) 0}.decoder-select,.decoder-btn{padding:var(--space-3) 15px;border:1px solid #ddd;border-radius:var(--border-radius);background:#fff;font-size:1rem;flex:1;min-width:150px}.decoder-btn{background:var(--primary-color);color:#fff;border:none;cursor:pointer;transition:background .3s}.decoder-btn:hover{background:var(--secondary-color)}.decoder-btn:disabled{background:#ccc;cursor:not-allowed}.detected-info{background:#e9f7fe;padding:15px;border-radius:var(--border-radius);margin-top:var(--space-5);border-left:4px solid var(--primary-color)}.encoding-list{margin-top:30px;background:#fff;padding:25px;border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.encoding-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-top:15px}.encoding-item{background:var(--light-color);padding:15px;border-radius:var(--border-radius);text-align:center;transition:transform .3s}.encoding-item:hover{transform:translateY(-5px);box-shadow:var(--box-shadow)}.encoding-name{font-weight:700;color:var(--primary-color)}.decoder-footer{text-align:center;padding:var(--space-5);margin-top:40px;color:#666;border-top:1px solid #ddd}.status-message{position:fixed;top:var(--space-5);right:var(--space-5);padding:15px var(--space-5);border-radius:var(--border-radius);box-shadow:var(--box-shadow);z-index:1000;transition:opacity .5s;max-width:400px}.status-success{background:var(--success-color);color:#fff}.status-error{background:var(--error-color);color:#fff}.status-warning{background:var(--warning-color);color:#fff}@media (max-width: 768px){.decoder-content{flex-direction:column}.decoder-title{font-size:2rem}}.json-container{--primary: #3b82f6;--primary-hover: #2563eb;--primary-light: #dbeafe;--success: #10b981;--success-light: #d1fae5;--danger: #ef4444;--danger-light: #fee2e2;--warning: #f59e0b;--info: #6b7280;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--bg-code: #f8fafc;--text-primary: #111827;--text-secondary: #4b5563;--text-tertiary: #9ca3af;--text-inverse: #ffffff;--border-primary: #e5e7eb;--border-focus: var(--primary);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", "Monaco", monospace;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--font-sans);background:var(--bg-secondary);color:var(--text-primary);min-height:100vh;padding:24px}.json-wrapper{max-width:1400px;margin:0 auto;background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;min-height:calc(100vh - 48px);overflow:hidden}.json-header{padding:20px 28px;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;align-items:center;background:var(--bg-primary);flex-shrink:0}.json-header h1{font-size:22px;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.02em}.json-header h1:before{content:"{ }";display:inline-block;margin-right:12px;font-family:var(--font-mono);font-size:18px;color:var(--primary);font-weight:600;background:var(--primary-light);padding:4px 10px;border-radius:var(--radius-sm)}.json-settings{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary)}.json-settings label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.json-settings input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary)}.json-toolbar{padding:16px 28px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);display:flex;flex-wrap:wrap;gap:10px;flex-shrink:0}.json-btn{padding:9px 18px;border:1px solid var(--border-primary);background:var(--bg-primary);border-radius:var(--radius-sm);cursor:pointer;font-size:13.5px;font-weight:500;color:var(--text-primary);transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;font-family:var(--font-sans);line-height:1.4}.json-btn:hover{background:var(--bg-secondary);border-color:#d1d5db;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.json-btn:active{transform:translateY(0);box-shadow:none}.json-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.json-btn-primary{background:var(--primary);color:var(--text-inverse);border-color:var(--primary)}.json-btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:0 4px 12px #3b82f659}.json-btn-success{background:var(--success);color:var(--text-inverse);border-color:var(--success)}.json-btn-success:hover{background:#059669;border-color:#059669;box-shadow:0 4px 12px #10b98159}.json-btn-danger{background:var(--danger);color:var(--text-inverse);border-color:var(--danger)}.json-btn-danger:hover{background:#dc2626;border-color:#dc2626;box-shadow:0 4px 12px #ef444459}.json-content{padding:24px 28px;flex:1;display:flex;flex-direction:column;gap:20px;overflow:auto}.json-area-container{flex:1;display:flex;flex-direction:column;min-height:0;gap:12px}.json-status-bar{display:flex;justify-content:space-between;align-items:center;gap:16px}.json-tabs{display:flex;gap:4px;background:var(--bg-tertiary);padding:4px;border-radius:var(--radius-sm)}.json-tab{padding:8px 16px;border:none;background:transparent;border-radius:4px;cursor:pointer;font-size:13.5px;font-weight:500;color:var(--text-secondary);transition:all .2s;font-family:var(--font-sans)}.json-tab:hover{color:var(--text-primary);background:#0000000a}.json-tab.active{background:var(--bg-primary);color:var(--primary);box-shadow:var(--shadow-sm)}.json-status-info{font-size:13px;padding:6px 12px;border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-secondary);font-family:var(--font-mono);font-size:12.5px}.json-status-info.success{background:var(--success-light);color:#065f46}.json-status-info.error{background:var(--danger-light);color:#991b1b}.json-area{width:100%;flex:1;border:2px solid var(--border-primary);border-radius:var(--radius-md);padding:20px;font-family:var(--font-mono);font-size:14.5px;line-height:1.7;resize:none;outline:none;background-color:var(--bg-code);color:var(--text-primary);transition:all .2s;min-height:500px;-moz-tab-size:2;tab-size:2}.json-area::placeholder{color:var(--text-tertiary)}.json-area:hover{border-color:#d1d5db}.json-area:focus{border-color:var(--primary);background-color:var(--bg-primary);box-shadow:0 0 0 3px #3b82f61f}.json-area.error{border-color:var(--danger);background-color:#fff5f5;color:#991b1b}.json-area.error:focus{box-shadow:0 0 0 3px #ef44441f}.json-area.success{border-color:var(--success);background-color:#f0fdf4}.json-area.success:focus{box-shadow:0 0 0 3px #10b9811f}.json-tree-view{width:100%;flex:1;border:2px solid var(--border-primary);border-radius:var(--radius-md);padding:20px;font-family:var(--font-mono);font-size:14.5px;line-height:1.7;background-color:var(--bg-code);color:var(--text-primary);overflow:auto;min-height:500px}.json-node-line{display:flex;align-items:flex-start;white-space:pre;padding:1px 0}.json-node-container{display:flex;flex-direction:column}.json-node-header{display:flex;align-items:center;cursor:pointer;white-space:pre;padding:2px 4px;border-radius:4px;transition:background-color .15s}.json-node-header:hover{background-color:#3b82f60f}.json-toggle{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:10px;color:var(--text-tertiary);transition:transform .2s;border-radius:3px}.json-toggle:hover{background:#0000000f}.json-toggle.collapsed{transform:rotate(-90deg)}.json-key{color:#be185d;font-weight:600}.json-string{color:#059669}.json-number{color:#2563eb}.json-boolean{color:#d97706}.json-null{color:#6b7280;font-style:italic}.json-comma{color:var(--text-primary)}.json-bracket{color:var(--text-primary);font-weight:600}.json-collapsed-hint{background:var(--bg-tertiary);border-radius:4px;padding:2px 8px;font-size:12px;margin:0 6px;color:var(--text-tertiary);font-style:italic}.json-editor-actions{display:flex;gap:10px;flex-wrap:wrap}.json-action-btn{padding:8px 16px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:500;color:var(--text-secondary);transition:all .2s;font-family:var(--font-sans)}.json-action-btn:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--primary)}.json-action-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.json-history-panel{border-top:1px solid var(--border-primary);padding-top:20px;flex-shrink:0}.json-history-title{font-size:13.5px;margin-bottom:14px;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.json-history-list{display:flex;flex-wrap:wrap;gap:10px}.json-history-item{padding:10px 18px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);font-size:13.5px;cursor:pointer;transition:all .2s;color:var(--text-primary);font-weight:500;white-space:nowrap}.json-history-item:hover{background:var(--primary);color:var(--text-inverse);border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.json-history-item:active{transform:translateY(0)}.json-footer{padding:14px 28px;text-align:center;font-size:13px;color:var(--text-tertiary);border-top:1px solid var(--border-primary);background:var(--bg-tertiary);flex-shrink:0}.json-footer code{font-family:var(--font-mono);background:var(--bg-secondary);padding:2px 6px;border-radius:3px;font-size:12px;color:var(--text-secondary)}.dark-theme{--primary: #60a5fa;--primary-hover: #3b82f6;--primary-light: rgba(96, 165, 250, .15);--success: #34d399;--success-light: rgba(52, 211, 153, .15);--danger: #f87171;--danger-light: rgba(248, 113, 113, .15);--warning: #fbbf24;--info: #9ca3af;--bg-primary: #1f2937;--bg-secondary: #111827;--bg-tertiary: #374151;--bg-code: #111827;--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-tertiary: #6b7280;--text-inverse: #111827;--border-primary: #374151;--border-focus: var(--primary)}.dark-theme .json-wrapper{background:var(--bg-primary);border:1px solid var(--border-primary)}.dark-theme .json-header{background:var(--bg-primary);border-color:var(--border-primary)}.dark-theme .json-header h1{color:var(--text-primary)}.dark-theme .json-toolbar{background:var(--bg-secondary);border-color:var(--border-primary)}.dark-theme .json-btn{background:var(--bg-tertiary);color:var(--text-primary);border-color:#4b5563}.dark-theme .json-btn:hover{background:#4b5563;border-color:#6b7280}.dark-theme .json-area{background-color:var(--bg-code);color:var(--text-primary);border-color:var(--border-primary)}.dark-theme .json-area:focus{border-color:var(--primary);background-color:var(--bg-primary)}.dark-theme .json-area.error{border-color:var(--danger);background-color:#f8717114;color:#fca5a5}.dark-theme .json-area.success{border-color:var(--success);background-color:#34d39914}.dark-theme .json-tree-view{background-color:var(--bg-code);color:var(--text-primary);border-color:var(--border-primary)}.dark-theme .json-key{color:#f472b6}.dark-theme .json-string{color:#34d399}.dark-theme .json-number{color:#60a5fa}.dark-theme .json-boolean{color:#fbbf24}.dark-theme .json-null{color:#6b7280;font-style:italic}.dark-theme .json-bracket,.dark-theme .json-comma{color:var(--text-secondary)}.dark-theme .json-collapsed-hint{background:var(--bg-tertiary);color:var(--text-tertiary)}.dark-theme .json-tab{background:var(--bg-tertiary);color:var(--text-secondary)}.dark-theme .json-tab:hover{background:#4b5563;color:var(--text-primary)}.dark-theme .json-tab.active{background:var(--primary);color:var(--text-inverse);border-color:var(--primary)}.dark-theme .json-status-info{background:var(--bg-tertiary);color:var(--text-secondary)}.dark-theme .json-status-info.success{background:var(--success-light);color:#6ee7b7}.dark-theme .json-status-info.error{background:var(--danger-light);color:#fca5a5}.dark-theme .json-history-item{background:var(--bg-tertiary);color:var(--text-primary);border-color:#4b5563}.dark-theme .json-history-item:hover{background:var(--primary);color:var(--text-inverse);border-color:var(--primary)}.dark-theme .json-footer{background:var(--bg-secondary);border-color:var(--border-primary)}.dark-theme .json-footer code{background:var(--bg-tertiary);color:var(--text-secondary)}.dark-theme .json-node-header:hover{background-color:#60a5fa1a}@media (max-width: 768px){.json-container{padding:12px}.json-wrapper{min-height:calc(100vh - 24px);border-radius:var(--radius-md)}.json-header{padding:16px 20px;flex-direction:column;gap:12px;align-items:flex-start}.json-header h1{font-size:18px}.json-toolbar{padding:12px 16px;justify-content:center}.json-btn{padding:8px 14px;font-size:13px}.json-content{padding:16px}.json-area,.json-tree-view{font-size:13px;padding:14px;min-height:350px}.json-status-bar{flex-direction:column;align-items:flex-start;gap:10px}.json-history-item{padding:8px 14px;font-size:13px}}@media (max-width: 480px){.json-container{padding:8px}.json-toolbar{gap:6px}.json-btn{padding:7px 10px;font-size:12px}.json-history-list{flex-direction:column}.json-history-item{width:100%;justify-content:center}}.sf-container{min-height:100vh;background:var(--color-white);padding:var(--space-8) var(--space-6);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.sf-wrapper{max-width:960px;margin:0 auto}.sf-header{margin-bottom:var(--space-4)}.sf-header h1{font-size:var(--space-6);color:#333;margin:0 0 var(--space-2) 0;font-weight:700}.sf-subtitle{color:#999;font-size:var(--text-sm);margin:0}.sf-editor-box{border:1px solid #ddd;border-radius:4px;overflow:hidden;margin-bottom:var(--space-4);display:flex;position:relative}.sf-line-numbers{background:#f7f7f7;padding:var(--space-4) 0;text-align:right;-webkit-user-select:none;user-select:none;overflow:hidden;flex-shrink:0;border-right:1px solid #e8e8e8}.sf-line-number{padding:0 var(--space-3) 0 var(--space-2);font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:var(--text-sm);line-height:1.6;color:#aaa;min-width:var(--space-5)}.sf-textarea{flex:1;min-height:500px;padding:var(--space-4);border:none;resize:vertical;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:var(--text-sm);line-height:1.6;color:#333;outline:none;background:var(--color-white);box-sizing:border-box;-moz-tab-size:4;tab-size:4}.sf-textarea::placeholder{color:#ccc}.sf-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.sf-btn{padding:var(--space-2) var(--space-6);border:1px solid;border-radius:4px;cursor:pointer;font-size:var(--text-sm);font-weight:500;transition:all .2s ease;background:var(--color-white)}.sf-btn:hover{opacity:.85}.sf-btn:active{transform:scale(.97)}.sf-btn-format{color:#52c41a;border-color:#52c41a}.sf-btn-format:hover{background:#f6ffed}.sf-btn-compress{color:#1890ff;border-color:#1890ff}.sf-btn-compress:hover{background:#e6f7ff}.sf-btn-clean{color:#722ed1;border-color:#722ed1}.sf-btn-clean:hover{background:#f9f0ff}.sf-btn-download{color:#1890ff;border-color:#1890ff}.sf-btn-download:hover{background:#e6f7ff}.sf-toast{position:fixed;top:var(--space-6);left:50%;transform:translate(-50%);padding:10px var(--space-6);border-radius:var(--radius-sm);color:var(--color-white);z-index:10000;box-shadow:0 4px var(--space-4) #00000026;animation:sfFadeIn .25s ease;font-size:var(--text-sm);font-weight:500}.sf-toast-success{background:#52c41a}.sf-toast-error{background:#ff4d4f}.sf-toast-warn{background:#faad14;color:#262626}@keyframes sfFadeIn{0%{opacity:0;transform:translate(-50%,-var(--space-4))}to{opacity:1;transform:translate(-50%)}}@media (max-width: 600px){.sf-container{padding:var(--space-4) var(--space-3)}.sf-textarea{min-height:300px;font-size:var(--text-sm)}.sf-btn{padding:7px var(--space-4);font-size:var(--text-sm)}.sf-header h1{font-size:var(--space-5)}}.td-container{min-height:100vh;background:linear-gradient(135deg,#0f0f1a,#1a1a2e,#16213e);display:flex;justify-content:center;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#e4e6eb}.td-wrapper{width:100%;max-width:680px;padding:0 0 60px}.td-header{padding:var(--space-5) var(--space-5) var(--space-4);position:relative}.td-back{position:absolute;left:var(--space-5);top:var(--space-5);background:#ffffff14;border:none;color:#ffffffb3;padding:6px 14px;border-radius:10px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s}.td-back:hover{background:#ffffff26;color:var(--color-white)}.td-title{text-align:center;font-size:1.5rem;font-weight:800;margin:0;background:linear-gradient(135deg,#ff2d55,#25f4ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.td-subtitle{text-align:center;font-size:.82rem;color:#ffffff73;margin:6px 0 0}.td-tabs{display:flex;gap:var(--space-2);padding:0 var(--space-5);margin-bottom:var(--space-4)}.td-tab{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:var(--space-3) 10px;cursor:pointer;text-align:center;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:2px}.td-tab:hover{background:#ffffff1a}.td-tab.active{background:#ff2d551f;border-color:#ff2d554d}.td-tab-label{font-size:.95rem;font-weight:700;color:#e4e6eb}.td-tab-desc{font-size:.7rem;color:#fff6}.td-tab.active .td-tab-label{color:#ff2d55}.td-input-area{padding:0 var(--space-5);margin-bottom:var(--space-4)}.td-textarea{width:100%;padding:var(--space-4);border:1.5px solid rgba(255,255,255,.1);border-radius:var(--space-4);background:#ffffff0d;color:#e4e6eb;font-size:.95rem;line-height:1.6;resize:none;box-sizing:border-box;margin-bottom:var(--space-3);transition:border-color .2s}.td-textarea::placeholder{color:#ffffff40}.td-textarea:focus{outline:none;border-color:#ff2d5580;background:#ffffff12}.td-btn-row{display:flex;gap:var(--space-2)}.td-btn{padding:var(--space-3) 18px;border-radius:var(--space-3);border:none;font-weight:700;font-size:.92rem;cursor:pointer;transition:all .2s;white-space:nowrap}.td-btn:disabled{opacity:.5;cursor:not-allowed}.td-btn-primary{flex:1;background:linear-gradient(135deg,#ff2d55,#fe2c55);color:#fff}.td-btn-primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.td-btn-secondary{background:#ffffff14;color:#fffc}.td-btn-secondary:hover{background:#ffffff21}.td-btn-sm{padding:var(--space-2) var(--space-4);font-size:.82rem;border-radius:10px}.td-toast{margin:0 var(--space-5) var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--space-3);text-align:center;font-weight:600;font-size:.88rem;animation:td-slide-in .3s ease}@keyframes td-slide-in{0%{opacity:0;transform:translateY(-var(--space-2))}to{opacity:1;transform:translateY(0)}}.td-toast-success{background:#22c55e26;color:var(--color-success-500);border:1px solid rgba(34,197,94,.2)}.td-toast-error{background:#ef444426;color:var(--color-danger-500);border:1px solid rgba(239,68,68,.2)}.td-result{padding:0 var(--space-5)}.td-info-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:var(--space-5);padding:var(--space-5);margin-bottom:var(--space-4)}.td-info-top{display:flex;gap:14px;align-items:flex-start}.td-cover{width:90px;height:120px;object-fit:cover;border-radius:var(--space-3);flex-shrink:0}.td-info-text{flex:1;min-width:0}.td-platform-tag{display:inline-block;background:#ff2d5526;color:#ff2d55;padding:3px 10px;border-radius:var(--space-2);font-size:.72rem;font-weight:700;margin-bottom:6px}.td-video-title{font-size:1rem;font-weight:700;margin:0 0 6px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#f0f0f0;-webkit-user-select:text;user-select:text;cursor:pointer;transition:color .2s}.td-video-title:hover{color:#67e8f9}.td-author{font-size:.82rem;color:#ffffff80;margin-bottom:6px}.td-type-badge{display:inline-block;background:#25f4ee1f;color:#25f4ee;padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:.72rem;font-weight:600}.td-stats{display:flex;gap:6px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.06)}.td-stat{flex:1;text-align:center;background:#ffffff0a;border-radius:10px;padding:var(--space-2) 4px}.td-stat-num{display:block;font-size:1.05rem;font-weight:800;color:var(--color-white)}.td-stat-label{font-size:.68rem;color:#fff6}.td-download-section{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:var(--space-5);padding:var(--space-5);margin-bottom:var(--space-4)}.td-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.td-section-title{font-size:.95rem;font-weight:700;color:#e4e6eb;margin:0 0 14px}.td-section-header .td-section-title{margin:0}.td-download-cards{display:flex;flex-direction:column;gap:10px}.td-dl-card{display:flex;align-items:center;gap:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px var(--space-4);cursor:pointer;transition:all .2s;text-align:left;width:100%}.td-dl-card:hover:not(:disabled){background:#ff2d551a;border-color:#ff2d5533;transform:translate(4px)}.td-dl-card:disabled{opacity:.5;cursor:not-allowed}.td-dl-icon{font-size:1.5rem}.td-dl-info{flex:1}.td-dl-label{font-size:.92rem;font-weight:700;color:#f0f0f0}.td-dl-desc{font-size:.75rem;color:#fff6;margin-top:2px}.td-dl-wm{opacity:.6}.td-image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.td-image-item{position:relative;border-radius:var(--space-3);overflow:hidden;aspect-ratio:1;background:#ffffff0a}.td-image-item img{width:100%;height:100%;object-fit:cover}.td-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 50%,#000000b3);display:flex;align-items:flex-end;justify-content:space-between;padding:var(--space-2);opacity:0;transition:opacity .2s}.td-image-item:hover .td-image-overlay{opacity:1}.td-image-idx{background:#ff2d55cc;color:var(--color-white);width:22px;height:22px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.td-image-dl{background:#fff3;border:none;color:var(--color-white);width:28px;height:28px;border-radius:var(--space-2);cursor:pointer;font-size:.85rem;display:flex;align-items:center;justify-content:center}.td-image-dl:hover{background:#ffffff59}.td-raw-data{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;margin-top:var(--space-3)}.td-raw-data summary{padding:var(--space-3) var(--space-4);cursor:pointer;font-size:.85rem;color:#ffffff80;font-weight:600}.td-raw-data pre{padding:0 var(--space-4) var(--space-4);font-size:.72rem;color:#fff6;overflow-x:auto;white-space:pre-wrap;word-break:break-all;max-height:300px;overflow-y:auto}.td-features{padding:0 var(--space-5)}.td-features h4{font-size:1rem;font-weight:700;margin:0 0 14px;text-align:center;color:#fff9}.td-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.td-feature{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:var(--space-4) 10px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.td-feature span{font-size:1.5rem}.td-feature strong{font-size:.82rem;color:#e4e6eb;display:block}.td-feature p{font-size:.7rem;color:#ffffff59;margin:2px 0 0}@media (max-width: 600px){.td-header{padding:14px var(--space-4) var(--space-3)}.td-back{left:var(--space-3);top:14px;padding:5px 10px;font-size:.8rem}.td-title{font-size:1.2rem}.td-tabs{padding:0 var(--space-4);gap:6px}.td-tab{padding:10px 6px;border-radius:var(--space-3)}.td-input-area,.td-result{padding:0 var(--space-4)}.td-info-top{flex-direction:column;align-items:center;text-align:center}.td-cover{width:100%;height:180px;border-radius:14px}.td-image-grid{grid-template-columns:repeat(2,1fr)}.td-image-overlay{opacity:1}.td-feature-grid{grid-template-columns:repeat(2,1fr)}.td-features{padding:0 var(--space-4)}.td-stats{flex-wrap:wrap}.td-stat{min-width:calc(50% - 4px)}}@media (min-width: 801px){.td-container{padding:30px 0}.td-wrapper{border-radius:var(--space-6);border:1px solid rgba(255,255,255,.06);overflow:hidden}}.dsc-container{min-height:100vh;background:linear-gradient(160deg,#0a0a1a,#0d1b2a 40%,#1b2838);display:flex;justify-content:center;font-family:var(--font-sans);color:var(--color-gray-200);padding:0}.dsc-wrapper{width:100%;max-width:720px;padding:0 0 var(--space-16)}.dsc-header{padding:var(--space-5) var(--space-5) var(--space-3);position:relative}.dsc-back{position:absolute;left:var(--space-5);top:var(--space-5);background:#ffffff0f;border:none;color:#fff9;padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);transition:var(--transition-colors)}.dsc-back:hover{background:#ffffff1f;color:var(--color-white)}.dsc-header-center{text-align:center}.dsc-title{font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0;background:linear-gradient(135deg,#4facfe,#00f2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dsc-subtitle{font-size:var(--text-sm);color:#ffffff59;margin:var(--space-1) 0 0 0}.dsc-status{display:flex;align-items:center;gap:var(--space-2);justify-content:center;padding:var(--space-2) 0 var(--space-4);font-size:var(--text-sm);color:#fff6}.dsc-dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background:var(--color-success-500);display:inline-block}.dsc-dot.active{background:var(--color-warning-500);animation:dscPulse 1s infinite}@keyframes dscPulse{0%,to{opacity:1}50%{opacity:.4}}.dsc-input-section{padding:0 var(--space-5);margin-bottom:var(--space-4)}.dsc-textarea{width:100%;min-height:120px;padding:var(--space-4);border:1.5px solid rgba(79,172,254,.15);border-radius:var(--radius-xl);background:#ffffff0a;color:var(--color-gray-100);font-size:var(--text-base);font-family:var(--font-sans);line-height:var(--leading-relaxed);resize:vertical;transition:border-color var(--duration-normal) var(--ease-out),background-color var(--duration-normal) var(--ease-out);box-sizing:border-box;outline:none}.dsc-textarea::placeholder{color:#fff3}.dsc-textarea:focus{outline:none;border-color:#4facfe66;background:#ffffff0f}.dsc-input-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-3)}.dsc-hint{font-size:var(--text-xs);color:#ffffff40}.dsc-send-btn{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#0a0a1a;border:none;padding:var(--space-2-5) var(--space-6);border-radius:var(--radius-lg);font-weight:var(--font-bold);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);display:inline-flex;align-items:center;gap:var(--space-2)}.dsc-send-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px var(--space-3) #4facfe4d}.dsc-send-btn:active:not(:disabled){transform:translateY(0)}.dsc-send-btn:disabled{opacity:.4;cursor:not-allowed}.dsc-quick{padding:0 var(--space-5);margin-bottom:var(--space-5)}.dsc-quick-title{font-size:var(--text-sm);color:#fff6;margin-bottom:var(--space-3);text-align:center}.dsc-quick-grid{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.dsc-quick-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#ffffffb3;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);white-space:nowrap}.dsc-quick-btn:hover{background:#4facfe1a;border-color:#4facfe4d;color:#4facfe}.dsc-steps{padding:0 var(--space-5);margin-bottom:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.dsc-step{display:flex;align-items:center;gap:var(--space-3);background:#ffffff08;border-radius:var(--radius-lg);padding:var(--space-2-5) var(--space-4);font-size:var(--text-sm);color:#fff9;animation:dscFadeIn var(--duration-normal) var(--ease-out)}@keyframes dscFadeIn{0%{opacity:0;transform:translate(-var(--space-2))}to{opacity:1;transform:translate(0)}}.dsc-step.done{color:var(--color-success-500)}.dsc-step-num{width:var(--space-6);height:var(--space-6);border-radius:var(--radius-md);background:#4facfe26;color:#4facfe;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--font-bold);flex-shrink:0}.dsc-step.done .dsc-step-num{background:#22c55e26;color:var(--color-success-500)}.dsc-error{margin:0 var(--space-5) var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:var(--color-danger-500);font-size:var(--text-sm);font-weight:var(--font-medium)}.dsc-answer{margin:0 var(--space-5) var(--space-5);background:#ffffff0d;border:1px solid rgba(79,172,254,.12);border-radius:var(--radius-2xl);overflow:hidden;animation:dscFadeIn var(--duration-slow) var(--ease-out)}.dsc-answer-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3-5) var(--space-5);background:#4facfe0f;border-bottom:1px solid rgba(255,255,255,.05)}.dsc-answer-icon{font-size:var(--text-xl)}.dsc-answer-label{font-weight:var(--font-bold);font-size:var(--text-sm);flex:1}.dsc-copy-btn{background:#ffffff14;border:none;color:#fff9;padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-xs);font-weight:var(--font-semibold);transition:var(--transition-colors)}.dsc-copy-btn:hover{background:#ffffff26;color:var(--color-white)}.dsc-answer-content{padding:var(--space-5);font-size:var(--text-sm);line-height:var(--leading-loose);color:#ffffffd9;max-height:600px;overflow-y:auto}.dsc-answer-content p{margin:0 0 var(--space-2) 0}.dsc-answer-content pre{background:#0000004d;padding:var(--space-4);border-radius:var(--radius-md);overflow-x:auto;margin:var(--space-3) 0}.dsc-answer-meta{padding:var(--space-2-5) var(--space-5);border-top:1px solid rgba(255,255,255,.05);font-size:var(--text-xs);color:#fff6}.dsc-answer-meta a{color:#4facfe;text-decoration:none}.dsc-answer-meta a:hover{text-decoration:underline}.dsc-history{padding:0 var(--space-5);margin-bottom:var(--space-5)}.dsc-history-title{font-size:var(--text-base);font-weight:var(--font-bold);color:#ffffff80;margin:0 0 var(--space-3) 0}.dsc-history-item{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2);cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.dsc-history-item:hover{background:#ffffff0f;border-color:#4facfe26}.dsc-history-q{font-weight:var(--font-bold);font-size:var(--text-sm);color:#4facfe;margin-bottom:var(--space-1)}.dsc-history-a{font-size:var(--text-xs);color:#ffffff73;line-height:var(--leading-relaxed)}.dsc-history-time{font-size:var(--text-2xs);color:#fff3;margin-top:var(--space-1)}.dsc-info{margin:0 var(--space-5);padding:var(--space-5);background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-2xl)}.dsc-info h4{font-size:var(--text-base);font-weight:var(--font-bold);color:#ffffff80;margin:0 0 var(--space-3) 0}.dsc-info-steps{display:flex;flex-direction:column;gap:var(--space-2)}@media (max-width: 768px){.dsc-wrapper{padding:0 0 var(--space-10)}.dsc-header{padding:var(--space-4) var(--space-4) var(--space-2)}.dsc-back{left:var(--space-4);top:var(--space-4)}.dsc-input-section,.dsc-quick,.dsc-steps,.dsc-answer,.dsc-history,.dsc-info{padding-left:var(--space-4);padding-right:var(--space-4);margin-left:0;margin-right:0}.dsc-answer{margin-left:var(--space-4);margin-right:var(--space-4)}}.image-splitter-container{max-width:1200px;margin:0 auto;padding:2rem;min-height:100vh;background:#f8f9fa;font-family:Inter,sans-serif}.splitter-header{text-align:center;margin-bottom:3rem}.splitter-title{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem;background:linear-gradient(135deg,var(--color-primary-500) 0%,#a855f7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.splitter-subtitle{color:var(--color-gray-500);font-size:1.1rem}.splitter-content{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:grid;grid-template-columns:300px 1fr;gap:2rem}.controls-panel{padding-right:2rem;border-right:1px solid var(--color-gray-200)}.upload-area{border:2px dashed var(--color-gray-300);border-radius:.75rem;padding:2rem;text-align:center;cursor:pointer;transition:all .2s;margin-bottom:2rem}.upload-area:hover{border-color:var(--color-primary-500);background:#f5f3ff}.upload-icon{font-size:2rem;margin-bottom:1rem;display:block}.upload-text{color:#4b5563;font-weight:500}.control-group{margin-bottom:1.5rem}.control-label{display:block;font-weight:600;color:#374151;margin-bottom:.5rem}.grid-options{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem}.grid-btn{padding:.75rem;border:1px solid var(--color-gray-300);border-radius:.5rem;background:#fff;color:#374151;font-weight:500;cursor:pointer;transition:all .2s}.grid-btn:hover{border-color:var(--color-primary-500);color:var(--color-primary-500)}.grid-btn.active{background:var(--color-primary-500);color:#fff;border-color:var(--color-primary-500)}.custom-inputs{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.input-wrapper{position:relative}.custom-input{width:100%;padding:.75rem;border:1px solid var(--color-gray-300);border-radius:.5rem;font-size:.95rem}.input-suffix{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:.875rem}.action-btn{width:100%;padding:1rem;background:linear-gradient(135deg,var(--color-primary-500) 0%,#a855f7 100%);color:#fff;border:none;border-radius:.5rem;font-weight:600;font-size:1rem;cursor:pointer;transition:opacity .2s;margin-top:1rem}.action-btn:hover{opacity:.9}.action-btn:disabled{opacity:.5;cursor:not-allowed}.preview-panel{min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.preview-container{max-width:100%;margin-bottom:2rem;position:relative}.preview-grid{display:grid;gap:2px;background:var(--color-gray-200);border:1px solid var(--color-gray-200);box-shadow:0 4px 6px -1px #0000001a}.grid-item{width:100%;height:100%;object-fit:cover;display:block;background:#fff}.download-options{margin-top:2rem;text-align:center}.secondary-btn{padding:.75rem 1.5rem;background:#fff;border:1px solid var(--color-gray-300);color:#374151;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.secondary-btn:hover{border-color:var(--color-primary-500);color:var(--color-primary-500)}@media (max-width: 768px){.splitter-content{grid-template-columns:1fr}.controls-panel{padding-right:0;padding-bottom:2rem;border-right:none;border-bottom:1px solid var(--color-gray-200)}}.image-flip-container{max-width:1200px;margin:0 auto;padding:40px var(--space-5);color:#333;font-family:Inter,system-ui,-apple-system,sans-serif;min-height:100vh}.flip-header{text-align:center;margin-bottom:40px}.flip-title{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,var(--color-primary-500) 0%,#a855f7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px}.flip-subtitle{font-size:1.1rem;color:#666}.flip-content{display:grid;grid-template-columns:300px 1fr;gap:30px;background:var(--color-white);border-radius:var(--space-6);padding:30px;box-shadow:0 10px 40px #00000014}.controls-panel{display:flex;flex-direction:column;gap:var(--space-6);padding-right:30px;border-right:1px solid #eee}.upload-section{width:100%}.upload-btn{width:100%;padding:var(--space-4);border:2px dashed var(--color-gray-200);border-radius:var(--space-3);background:var(--color-gray-50);color:var(--color-gray-500);font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.upload-btn:hover{border-color:var(--color-primary-500);color:var(--color-primary-500);background:var(--color-primary-50)}.control-group{display:flex;flex-direction:column;gap:var(--space-3)}.group-label{font-size:.9rem;font-weight:600;color:var(--color-gray-900);text-transform:uppercase;letter-spacing:.05em}.btn-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.action-btn{padding:var(--space-3);border:1px solid var(--color-gray-200);border-radius:10px;background:var(--color-white);color:var(--color-gray-600);font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.action-btn:hover{border-color:var(--color-gray-300);background:var(--color-gray-50);transform:translateY(-1px)}.action-btn.active{background:var(--color-primary-50);border-color:var(--color-primary-500);color:var(--color-primary-500)}.action-btn.primary{background:var(--color-primary-500);color:var(--color-white);border:none;box-shadow:0 4px var(--space-3) #6366f133}.action-btn.primary:hover{background:#4f46e5;transform:translateY(-2px);box-shadow:0 6px var(--space-4) #6366f14d}.preview-area{background:var(--color-gray-50);border-radius:var(--space-4);min-height:400px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;background-image:radial-gradient(var(--color-gray-200) 1px,transparent 1px);background-size:var(--space-5) var(--space-5)}.empty-state{text-align:center;color:var(--color-gray-400)}.preview-image{max-width:100%;max-height:600px;object-fit:contain;transition:transform .3s ease;box-shadow:0 var(--space-5) 40px #0000001a}.preview-info{position:absolute;bottom:var(--space-4);left:50%;transform:translate(-50%);background:#000000b3;color:var(--color-white);padding:6px var(--space-4);border-radius:var(--space-5);font-size:.85rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media (max-width: 768px){.flip-content{grid-template-columns:1fr}.controls-panel{padding-right:0;border-right:none;border-bottom:1px solid #eee;padding-bottom:var(--space-6)}}.plist-parser-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem;position:relative;overflow-x:hidden}.plist-parser-container:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.plist-parser-content{max-width:1400px;margin:0 auto;position:relative;z-index:1}.plist-header{text-align:center;margin-bottom:3rem;position:relative}.back-button{position:absolute;left:0;top:0;background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.6rem 1.2rem;border-radius:var(--space-2);cursor:pointer;font-size:.95rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-button:hover{background:#ffffff4d;transform:translate(-5px)}.plist-title{color:#fff;font-size:2.5rem;margin:0 0 1rem;display:flex;align-items:center;justify-content:center;gap:1rem}.plist-title .icon{font-size:2.5rem}.plist-subtitle{color:#ffffffe6;font-size:1.1rem}.upload-section{background:#fffffff2;border-radius:var(--space-5);padding:2.5rem;box-shadow:0 var(--space-5) 60px #0000004d;margin-bottom:2rem}.upload-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.upload-card{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:var(--space-4);padding:2rem;text-align:center;transition:all .3s ease}.upload-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026}.upload-card h3{color:#333;margin-bottom:1.5rem;font-size:1.2rem}.file-input{display:none}.upload-button{display:block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.8rem 1.5rem;border-radius:var(--space-2);cursor:pointer;transition:all .3s ease;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-button:hover{transform:scale(1.05);box-shadow:0 5px 15px #667eea66}.action-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.process-button,.download-all-button,.clear-button{padding:.9rem 2rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.process-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.process-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 var(--space-2) var(--space-5) #667eea66}.process-button:disabled{opacity:.6;cursor:not-allowed}.download-all-button{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.download-all-button:hover{transform:translateY(-2px);box-shadow:0 var(--space-2) var(--space-5) #11998e66}.clear-button{background:linear-gradient(135deg,#ee0979,#ff6a00);color:#fff}.clear-button:hover{transform:translateY(-2px);box-shadow:0 var(--space-2) var(--space-5) #ee097966}.format-info{text-align:center;margin-top:1.5rem;padding:1rem;background:#667eea1a;border-radius:var(--space-2);color:#667eea;font-size:1rem}.format-info strong{color:#764ba2}.error-message{background:#ff52521a;border:2px solid rgba(255,82,82,.3);color:#ff5252;padding:1rem;border-radius:10px;margin-top:1.5rem;text-align:center;font-weight:500}.frames-section{background:#fffffff2;border-radius:var(--space-5);padding:2.5rem;box-shadow:0 var(--space-5) 60px #0000004d;margin-bottom:2rem}.frames-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid rgba(102,126,234,.2)}.frames-header h2{color:#333;margin:0}.frames-count{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1rem;border-radius:var(--space-5);font-size:.9rem;font-weight:600}.frames-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.frame-card{background:#fff;border-radius:var(--space-3);padding:1rem;box-shadow:0 4px 15px #0000001a;transition:all .3s ease;display:flex;flex-direction:column}.frame-card:hover{transform:translateY(-5px);box-shadow:0 var(--space-2) 25px #00000026}.frame-preview{width:100%;height:150px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:var(--space-2);margin-bottom:1rem;position:relative;overflow:hidden}.frame-preview img{max-width:100%;max-height:100%;object-fit:contain}.rotated-badge{position:absolute;top:.5rem;right:.5rem;background:#ff9800e6;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.frame-info{flex:1;margin-bottom:1rem}.frame-name{font-size:.9rem;font-weight:600;color:#333;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.frame-meta{font-size:.8rem;color:#666}.download-button{width:100%;padding:.6rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;transition:all .3s ease}.download-button:hover{transform:scale(1.05);box-shadow:0 4px var(--space-3) #667eea66}.usage-guide{background:#fffffff2;border-radius:var(--space-5);padding:2rem;box-shadow:0 var(--space-5) 60px #0000004d}.usage-guide h3{color:#333;margin-bottom:1rem;font-size:1.3rem}.usage-guide ul{list-style:none;padding:0}.usage-guide li{color:#555;padding:.6rem 0;font-size:1rem;line-height:1.6}@media (max-width: 768px){.plist-parser-container{padding:1rem}.plist-title{font-size:1.8rem}.upload-section,.frames-section,.usage-guide{padding:1.5rem}.upload-group{grid-template-columns:1fr;gap:1rem}.frames-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.back-button{position:static;margin-bottom:1rem}}.table-merger-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:var(--space-5)}.merger-header{text-align:center;color:#fff;margin-bottom:30px;position:relative}.back-btn{position:absolute;left:0;top:0;background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff;padding:var(--space-2) var(--space-3);border-radius:var(--space-2);cursor:pointer;font-size:var(--text-sm);transition:all .3s;display:flex;flex-direction:column;align-items:center;gap:4px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.back-btn:hover{background:#ffffff40;border-color:#fff6;transform:translateY(-2px)}.merger-header h1{font-size:2.5em;margin:0 0 10px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.merger-content{max-width:1400px;margin:0 auto}.upload-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-5);margin-bottom:30px}.upload-card{background:#fff;border-radius:var(--space-5);padding:30px;box-shadow:0 15px 35px #00000026;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;align-items:center;text-align:center}.upload-card:hover{transform:translateY(-var(--space-2)) scale(1.02);box-shadow:0 var(--space-5) 45px #0003}.upload-header{display:flex;flex-direction:column;align-items:center;gap:0;margin-bottom:10px}.upload-icon{font-size:3.5em;margin-bottom:10px;filter:drop-shadow(0 5px 15px rgba(0,0,0,.1))}.upload-header h3{margin:10px 0 var(--space-5) 0;color:var(--text-primary);font-size:1.4em;font-weight:700}.config-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-5);margin-bottom:30px}.config-card{background:#fff;border-radius:var(--space-4);padding:25px;box-shadow:0 10px 30px #0003}.config-card h3{margin:0 0 10px;color:#333;font-size:1.2em}.config-desc{color:#666;font-size:.9em;margin:0 0 15px}.config-select{width:100%;padding:var(--space-3);border:2px solid #e0e0e0;border-radius:var(--space-2);font-size:1em;outline:none;transition:all .3s}.config-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.columns-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.column-checkbox{display:flex;align-items:center;gap:var(--space-2);padding:10px;background:#f5f5f5;border-radius:var(--space-2);cursor:pointer;transition:all .3s;border:2px solid transparent}.warning-message{margin-top:15px;padding:var(--space-3);background:var(--color-warning-50);border:1px solid #ffc107;border-radius:var(--space-2);color:#856404;font-size:.9em}.headers-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-5);margin-bottom:30px}.headers-card{background:#fff;border-radius:var(--space-3);padding:var(--space-5);box-shadow:0 5px 15px #0000001a}.headers-card.common{background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.headers-card h4{margin:0 0 15px;color:#333;font-size:1.1em}.header-tag{display:inline-block;padding:6px var(--space-3);background:#e8eaf6;color:#5c6bc0;border-radius:var(--radius-sm);font-size:.85em;font-weight:500}.header-tag.highlight{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700}.no-common{color:#999;font-style:italic}.merge-btn,.reset-btn{padding:15px 40px;border:none;border-radius:10px;font-size:1.1em;font-weight:700;cursor:pointer;transition:all .3s}.merge-btn{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.merge-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 5px 15px #4caf5066}.merge-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.progress-section{background:#fff;border-radius:var(--space-4);padding:25px;box-shadow:0 10px 30px #0003;margin-bottom:30px;text-align:center}.progress-bar-container{width:100%;height:40px;background:#f0f0f0;border-radius:var(--space-5);overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.progress-bar{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);transition:width .3s ease;display:flex;align-items:center;justify-content:center;border-radius:var(--space-5);position:relative;overflow:hidden}.progress-bar:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.progress-text{color:#fff;font-weight:700;font-size:1em;position:relative;z-index:1;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.progress-info{margin-top:15px;color:#667eea;font-size:1em;font-weight:500}@media (max-width: 768px){.merger-header h1{font-size:1.8em}.upload-section,.config-section{grid-template-columns:1fr}.result-header{flex-direction:column;align-items:flex-start}.action-section{flex-direction:column}.merge-btn,.reset-btn{width:100%}.back-btn{position:static;margin-bottom:15px;width:100%}}.table-comparator-container{max-width:1200px;margin:0 auto;padding:var(--space-5);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.comparator-header{text-align:center;margin-bottom:30px;position:relative}.back-btn{position:absolute;left:0;top:0;background:#f0f0f0;border:1px solid #ddd;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);transition:all .3s ease}.back-btn:hover{background:#e0e0e0;transform:translate(-2px)}.comparator-header h1{color:#2c3e50;margin-bottom:10px;font-size:2.5em}.subtitle{color:#7f8c8d;font-size:1.1em;margin-top:0}.upload-section{display:flex;justify-content:center;margin-bottom:30px}.upload-card{background:#fff;border-radius:var(--space-3);padding:25px;box-shadow:0 4px 15px #0000001a;border:1px solid #e1e8ed;width:100%;max-width:500px}.upload-header{display:flex;align-items:center;margin-bottom:var(--space-5)}.upload-icon{font-size:2em;margin-right:15px}.upload-card h3{color:#2c3e50;margin:0}.upload-btn{display:block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:15px 30px;border-radius:var(--space-2);text-align:center;cursor:pointer;font-weight:600;transition:all .3s ease;margin-bottom:var(--space-5)}.upload-btn:hover{transform:translateY(-2px);box-shadow:0 var(--space-2) 25px #667eea4d}.file-name{color:#27ae60;font-weight:600}.encoding-selector{margin-bottom:var(--space-5)}.encoding-selector label{display:block;margin-bottom:var(--space-2);font-weight:600;color:#2c3e50}.encoding-select{width:100%;padding:10px;border:1px solid #ddd;border-radius:var(--radius-sm);font-size:var(--text-sm)}.table-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:15px}.info-item{text-align:center;padding:10px;background:#f8f9fa;border-radius:var(--radius-sm)}.label{display:block;font-size:.9em;color:#7f8c8d;margin-bottom:5px}.value{display:block;font-size:1.2em;font-weight:600;color:#2c3e50}.duplicate-section{margin-bottom:30px}.duplicate-card{background:var(--color-warning-50);border:1px solid #ffeaa7;border-radius:var(--space-2);padding:var(--space-5)}.duplicate-card h3{color:#856404;margin-bottom:15px}.duplicate-list{display:flex;flex-wrap:wrap;gap:10px}.duplicate-tag{background:var(--color-warning-50);border:1px solid #ffeaa7;padding:6px var(--space-3);border-radius:var(--space-5);font-size:.9em;color:#856404}.config-section{margin-bottom:30px}.config-card{background:#fff;border-radius:var(--space-3);padding:25px;box-shadow:0 4px 15px #0000001a;border:1px solid #e1e8ed}.config-card h3{color:#2c3e50;margin-bottom:10px}.config-desc{color:#7f8c8d;margin-bottom:var(--space-5)}.columns-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-bottom:var(--space-5)}.column-checkbox{display:flex;align-items:center;padding:var(--space-3);background:#f8f9fa;border-radius:var(--radius-sm);cursor:pointer;transition:all .3s ease}.column-checkbox:hover{background:#e9ecef}.column-checkbox input{margin-right:10px;transform:scale(1.2)}.selected-info{background:#d1ecf1;border:1px solid #bee5eb;color:#0c5460;padding:var(--space-3);border-radius:var(--radius-sm);font-weight:600}.action-section{display:flex;gap:15px;justify-content:center;margin-bottom:30px}.compare-btn,.reset-btn{padding:var(--space-3) 30px;border:none;border-radius:var(--space-2);font-size:var(--space-4);font-weight:600;cursor:pointer;transition:all .3s ease}.compare-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.compare-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 var(--space-2) 25px #667eea4d}.compare-btn:disabled{background:#bdc3c7;cursor:not-allowed;transform:none}.reset-btn{background:#e74c3c;color:#fff}.reset-btn:hover:not(:disabled){background:#c0392b;transform:translateY(-2px)}.reset-btn:disabled{background:#bdc3c7;cursor:not-allowed}.progress-section{margin-bottom:30px;text-align:center}.progress-bar-container{background:#f0f0f0;border-radius:10px;height:var(--space-5);margin-bottom:10px;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;border-radius:10px;transition:width .3s ease;position:relative}.progress-text{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#fff;font-weight:600;font-size:.8em}.progress-info{color:#7f8c8d;margin:0}.result-section{margin-bottom:30px}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5)}.result-header h3{color:#2c3e50;margin:0}.export-btn{background:#27ae60;color:#fff;border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);transition:all .3s ease}.export-btn:hover{background:#219a52;transform:translateY(-1px)}.result-table-container{background:#fff;border-radius:var(--space-2);overflow:hidden;box-shadow:0 4px 15px #0000001a}.result-table th{background:#34495e;color:#fff;padding:var(--space-3);text-align:left;font-weight:600}.result-table th.new-column{background:#27ae60}.result-table td{padding:10px var(--space-3);border-bottom:1px solid #ecf0f1}.result-table td.new-column{background:#f8fff9;font-weight:600}.result-table tr:hover{background:#f8f9fa}.table-note{padding:15px;background:#f8f9fa;color:#7f8c8d;font-size:.9em;text-align:center}.help-section{background:#fff;border-radius:var(--space-3);padding:25px;box-shadow:0 4px 15px #0000001a;border:1px solid #e1e8ed}.help-section h3{color:#2c3e50;margin-bottom:var(--space-5)}.help-section ol{margin-bottom:var(--space-5);padding-left:var(--space-5)}.help-section li{margin-bottom:var(--space-2);color:#2c3e50}.help-example{background:#f8f9fa;padding:15px;border-radius:var(--radius-sm);border-left:4px solid #667eea}.help-example h4{color:#2c3e50;margin-bottom:10px}.help-example p{margin:0;color:#7f8c8d;line-height:1.6}@media (max-width: 768px){.table-comparator-container{padding:10px}.comparator-header h1{font-size:2em}.columns-grid{grid-template-columns:1fr}.action-section{flex-direction:column}.result-header{flex-direction:column;gap:15px;align-items:flex-start}.export-buttons{align-self:stretch;justify-content:center}.result-table{font-size:.8em}.result-table th,.result-table td{padding:var(--space-2) 10px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(var(--space-5))}to{opacity:1;transform:translateY(0)}}.upload-card,.config-card,.result-section,.help-section{animation:fadeIn .5s ease-out}.enum-translator-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:var(--space-5)}.translator-header{text-align:center;color:#fff;margin-bottom:30px;position:relative}.back-btn{position:absolute;left:0;top:0;background:#fff3;border:none;color:#fff;padding:10px var(--space-5);border-radius:var(--space-2);cursor:pointer;font-size:var(--text-sm);transition:all .3s}.back-btn:hover{background:#ffffff4d;transform:translate(-5px)}.translator-header h1{font-size:2.5em;margin:0 0 10px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.subtitle{font-size:1.1em;opacity:.9;margin:0}.translator-content{max-width:1400px;margin:0 auto}.upload-section{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);margin-bottom:30px}.upload-card,.json-config-card{background:#fff;border-radius:var(--space-4);padding:25px;box-shadow:0 10px 30px #0003;transition:transform .3s}.upload-card:hover,.json-config-card:hover{transform:translateY(-5px)}.upload-header,.json-header{display:flex;align-items:center;gap:10px;margin-bottom:var(--space-5)}.upload-icon,.json-icon{font-size:2em}.upload-header h3,.json-header h3{margin:0;color:#333;font-size:1.2em;flex:1}.example-btn{padding:6px var(--space-3);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.85em;transition:all .3s}.example-btn:hover{transform:scale(1.05);box-shadow:0 3px 10px #667eea66}.upload-btn{display:block;width:100%;padding:15px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:1em;text-align:center;transition:all .3s}.upload-btn:hover{transform:scale(1.02);box-shadow:0 5px 15px #667eea66}.file-name{color:#4caf50;font-weight:700}.encoding-selector{margin-top:15px;padding-top:15px;border-top:2px solid #f0f0f0}.encoding-selector label{display:block;font-size:.9em;color:#666;margin-bottom:var(--space-2);font-weight:500}.encoding-select{width:100%;padding:10px;border:2px solid #e0e0e0;border-radius:var(--space-2);font-size:.95em;outline:none;transition:all .3s;background:#fff;cursor:pointer}.encoding-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.table-info{margin-top:15px;padding-top:15px;border-top:2px solid #f0f0f0;display:flex;gap:var(--space-5)}.info-item{display:flex;flex-direction:column;gap:5px}.info-item .label{font-size:.9em;color:#666}.info-item .value{font-size:1.3em;font-weight:700;color:#667eea}.json-textarea{width:100%;min-height:250px;padding:15px;border:2px solid #e0e0e0;border-radius:var(--space-2);font-family:Courier New,monospace;font-size:.9em;resize:vertical;outline:none;transition:all .3s;box-sizing:border-box}.json-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.json-textarea.error{border-color:#f44336}.json-error{margin-top:10px;padding:10px;background:#ffebee;border:1px solid #f44336;border-radius:var(--radius-sm);color:#c62828;font-size:.9em}.json-success{margin-top:10px;padding:10px;background:#e8f5e9;border:1px solid #4caf50;border-radius:var(--radius-sm);color:#2e7d32;font-size:.9em}.columns-section{margin-bottom:30px}.columns-card{background:#fff;border-radius:var(--space-4);padding:25px;box-shadow:0 10px 30px #0003}.columns-card h3{margin:0 0 10px;color:#333;font-size:1.2em}.columns-desc{color:#666;font-size:.9em;margin:0 0 15px}.columns-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.column-checkbox{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:#f5f5f5;border-radius:var(--space-2);cursor:pointer;transition:all .3s;border:2px solid transparent}.column-checkbox:hover{background:#e8e8e8;border-color:#d0d0d0}.column-checkbox input[type=checkbox]:checked+span{color:#667eea;font-weight:700}.column-checkbox:has(input[type=checkbox]:checked){background:#e8eaf6;border-color:#667eea}.column-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#667eea}.column-checkbox span{color:#333}.column-count{margin-left:auto;font-size:.85em;color:#999;font-weight:400!important}.warning-message{padding:15px;background:var(--color-warning-50);border:1px solid #ffc107;border-radius:var(--space-2);color:#856404;font-size:.95em}.headers-preview{background:#fff;border-radius:var(--space-3);padding:var(--space-5);box-shadow:0 5px 15px #0000001a;margin-bottom:30px}.headers-preview h4{margin:0 0 15px;color:#333;font-size:1.1em}.headers-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.header-tag{display:inline-flex;align-items:center;gap:6px;padding:var(--space-2) 14px;background:#e8eaf6;color:#5c6bc0;border-radius:var(--radius-sm);font-size:.9em;font-weight:500;position:relative}.header-tag.translatable{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700}.tag-badge{font-size:.75em;padding:2px 6px;background:#ffffff4d;border-radius:4px}.action-section{display:flex;justify-content:center;gap:var(--space-5);margin-bottom:30px}.translate-btn,.reset-btn{padding:15px 40px;border:none;border-radius:10px;font-size:1.1em;font-weight:700;cursor:pointer;transition:all .3s}.translate-btn{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.translate-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 5px 15px #4caf5066}.translate-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.reset-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff}.reset-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 5px 15px #ff6b6b66}.reset-btn:disabled{opacity:.6;cursor:not-allowed}.result-section{background:#fff;border-radius:var(--space-4);padding:25px;box-shadow:0 10px 30px #0003;margin-bottom:30px}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5);flex-wrap:wrap;gap:15px}.result-header h3{margin:0;color:#333;font-size:1.3em}.export-buttons{display:flex;gap:10px}.export-btn{padding:10px var(--space-5);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:var(--space-2);cursor:pointer;font-size:.95em;transition:all .3s}.export-btn:hover{transform:scale(1.05);box-shadow:0 5px 15px #667eea66}.result-table-container{overflow-x:auto;border-radius:var(--space-2);border:1px solid #e0e0e0}.result-table{width:100%;border-collapse:collapse;font-size:.9em}.result-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.result-table th,.result-table td{padding:var(--space-3);text-align:left;border-bottom:1px solid #e0e0e0}.result-table th{position:relative}.translated-badge{display:inline-block;margin-left:var(--space-2);padding:2px var(--space-2);background:#4caf50e6;border-radius:4px;font-size:.75em;font-weight:400}.result-table td{color:#333}.result-table td.translated-cell{background:#e8f5e9;font-weight:500;color:#2e7d32}.result-table tbody{background:#fff}.result-table tbody tr:hover{background:#f5f5f5}.table-note{padding:15px;text-align:center;color:#666;font-style:italic;background:var(--color-success-50);border-top:2px solid #ffd700;font-size:.95em}.help-section{background:#fff;border-radius:var(--space-4);padding:25px;box-shadow:0 10px 30px #0003}.help-section h3{margin:0 0 15px;color:#333;font-size:1.3em}.help-section ol{margin:0 0 var(--space-5) 0;padding-left:25px;line-height:1.8;color:#555}.help-section li{margin-bottom:var(--space-2)}.help-example{background:#f9f9f9;padding:var(--space-5);border-radius:var(--space-2);border-left:4px solid #667eea}.help-example h4{margin:0 0 10px;color:#667eea}.help-example p{margin:0;line-height:1.8;color:#555}@media (max-width: 768px){.translator-header h1{font-size:1.8em}.upload-section{grid-template-columns:1fr}.result-header{flex-direction:column;align-items:flex-start}.action-section{flex-direction:column}.translate-btn,.reset-btn{width:100%}.back-btn{position:static;margin-bottom:15px;width:100%}.columns-grid{grid-template-columns:1fr}}.url-tool-container{padding:var(--space-5);min-height:calc(100vh - 100px);display:flex;justify-content:center;background-color:var(--bg-secondary)}.url-tool-wrapper{width:100%;max-width:900px;background:var(--card-bg);border-radius:var(--space-3);padding:30px;box-shadow:0 4px var(--space-5) #00000014}.url-tool-header{margin-bottom:30px;text-align:center}.url-tool-header h1{font-size:var(--space-6);color:var(--text-primary);margin-bottom:10px}.url-tool-header p{color:var(--text-secondary);font-size:var(--text-sm)}.section-label{font-weight:600;margin-bottom:10px;color:var(--text-primary);display:flex;align-items:center}.section-label.sub{margin-top:var(--space-5);font-size:15px}.url-textarea{width:100%;height:150px;padding:15px;border:1px solid var(--border-color);border-radius:var(--space-2);background-color:var(--input-bg);color:var(--text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--text-sm);line-height:1.6;resize:vertical;transition:border-color .2s}.url-textarea:focus{outline:none;border-color:var(--accent-color)}.url-textarea.output{background-color:var(--bg-secondary);height:120px}.toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:var(--space-5) 0}.tool-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);cursor:pointer;font-size:var(--text-sm);transition:all .2s}.tool-btn:hover{background:var(--bg-secondary);border-color:var(--accent-color)}.tool-btn.primary{background:var(--accent-color);color:#fff;border:none}.tool-btn.primary:hover{opacity:.9}.tool-btn.accent{background:#4a90e2;color:#fff;border:none}.tool-btn.danger{color:#ff4d4f;border-color:#ff4d4f}.tool-btn.danger:hover{background:#fff1f0}.url-tool-main .input-section{display:flex;flex-direction:column;margin-bottom:20px}.status-banner{padding:10px 15px;border-radius:var(--radius-sm);margin-bottom:var(--space-5);font-size:var(--text-sm)}.status-banner.info{background-color:#e6f7ff;color:#0050b3;border:1px solid #91d5ff}.status-banner.success{background-color:#f6ffed;color:#389e0d;border:1px solid #b7eb8f}.status-banner.error{background-color:var(--color-danger-50);color:#cf1322;border:1px solid #ffa39e}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;margin-top:var(--space-5)}.copy-btn{padding:4px var(--space-3);font-size:var(--space-3);background:#52c41a;color:#fff;border:none;border-radius:4px;cursor:pointer}.parsed-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;background:var(--bg-secondary);padding:var(--space-5);border-radius:var(--space-2);margin-top:10px}.parsed-item{display:flex;flex-direction:column;gap:5px}.item-key{font-size:var(--space-3);color:var(--text-secondary);font-weight:600}.item-value{font-family:monospace;font-size:var(--text-sm);color:var(--text-primary);word-break:break-all}.params-table{width:100%;border-collapse:collapse;margin-top:10px;background:var(--bg-secondary);border-radius:var(--space-2);overflow:hidden}.params-table th,.params-table td{padding:var(--space-3);text-align:left;border-bottom:1px solid var(--border-color)}.params-table th{background:#00000005;font-size:var(--text-sm);color:var(--text-secondary)}.params-table td{font-size:var(--text-sm)}.params-table code{background:#0000000d;padding:2px 5px;border-radius:3px;word-break:break-all}.url-tool-footer{margin-top:40px;padding-top:var(--space-5);border-top:1px solid var(--border-color);text-align:center;color:var(--text-secondary);font-size:var(--text-sm)}@media (max-width: 600px){.url-tool-wrapper{padding:15px}.toolbar{justify-content:center}.tool-btn{flex:1 1 40%}}.transcode-container{padding:var(--space-5);min-height:calc(100vh - 100px);display:flex;justify-content:center;background-color:var(--bg-secondary)}.transcode-wrapper{width:100%;max-width:1100px;background:var(--card-bg);border-radius:var(--space-3);padding:30px;box-shadow:0 4px 25px #0000001a}.transcode-header{text-align:center;margin-bottom:30px}.transcode-header h1{font-size:28px;color:var(--text-primary);margin-bottom:var(--space-2)}.transcode-layout{display:flex;gap:30px}.transcode-sidebar{width:220px;flex-shrink:0;display:flex;flex-direction:column;gap:10px}.cat-item{padding:var(--space-3) 15px;border-radius:var(--space-2);cursor:pointer;transition:all .2s;border:1px solid transparent;background:#00000005}.cat-item:hover{background:var(--bg-secondary)}.cat-item.active{background:var(--accent-color);color:#fff;box-shadow:0 4px 10px #4a90e24d}.cat-name{font-weight:600;font-size:15px;margin-bottom:4px}.cat-desc{font-size:var(--space-3);opacity:.8}.transcode-main{flex-grow:1;display:flex;flex-direction:column;gap:var(--space-5)}.input-group label,.output-group label{display:block;font-weight:600;margin-bottom:var(--space-2);color:var(--text-primary)}.hint{font-size:var(--space-3);color:var(--text-secondary);margin-bottom:10px}textarea{width:100%;height:180px;padding:15px;border:1px solid var(--border-color);border-radius:var(--space-2);background:var(--input-bg);color:var(--text-primary);font-family:Monaco,monospace;font-size:var(--text-sm);line-height:1.6;resize:none}textarea:focus{outline:none;border-color:var(--accent-color)}.action-bar{display:flex;gap:var(--space-3)}.btn{padding:10px var(--space-6);border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn.primary{background:var(--accent-color);color:#fff}.btn.secondary{background:#52c41a;color:#fff}.btn.danger{background:#ff4d4f;color:#fff}.btn:hover{opacity:.9;transform:translateY(-1px)}.status-msg{padding:10px;border-radius:var(--radius-sm);font-size:var(--text-sm)}.status-msg.success{background:#f6ffed;color:#389e0d;border:1px solid #b7eb8f}.status-msg.error{background:var(--color-danger-50);color:#cf1322;border:1px solid #ffa39e}.label-row{display:flex;justify-content:space-between;align-items:center}.copy-btn{background:transparent;border:1px solid var(--accent-color);color:var(--accent-color);padding:4px var(--space-3);border-radius:4px;font-size:var(--space-3);cursor:pointer}.copy-btn:hover{background:var(--accent-color);color:#fff}@media (max-width: 800px){.transcode-layout{flex-direction:column}.transcode-sidebar{width:100%;flex-direction:row;overflow-x:auto;padding-bottom:10px}.cat-item{flex-shrink:0;min-width:120px}}.data-converter-page{min-height:100vh;background:var(--bg-page, #f8fafc);padding:var(--space-6, 24px) var(--space-5, 20px)}.dc-header{text-align:center;margin-bottom:32px}.dc-header h1{font-size:1.875rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0 0 10px}.dc-header p{color:var(--text-secondary, #475569);font-size:.95rem;margin:0}.dc-mode-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:16px}.dc-mode-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:999px;border:1px solid var(--color-gray-200, #e2e8f0);background:var(--color-white, #fff);color:var(--color-gray-600, #475569);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.dc-mode-btn:hover{border-color:var(--color-primary-300, #a5b4fc);color:var(--color-primary-600, #4f46e5);background:var(--color-primary-50, #eef2ff)}.dc-mode-btn.active{background:var(--color-primary-500, #6366f1);color:var(--color-white, #fff);border-color:var(--color-primary-500, #6366f1);box-shadow:0 4px 12px #6366f140}.dc-mode-icon{font-size:1rem}.dc-mode-label{font-size:.85rem}.dc-mode-desc{text-align:center;color:var(--color-gray-500, #64748b);font-size:.9rem;margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:6px}.dc-mode-desc-icon{font-size:1rem}.dc-status{max-width:900px;margin:0 auto 20px;padding:10px 16px;border-radius:10px;font-size:.9rem;text-align:center;animation:dcFadeIn .3s ease}.dc-status-success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.dc-status-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.dc-status-info{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}@keyframes dcFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dc-workspace{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:stretch}@media (max-width: 900px){.dc-workspace{grid-template-columns:1fr;gap:16px}.dc-divider{flex-direction:row!important;padding:0!important}.dc-convert-btn{width:100%}}.dc-panel{background:var(--color-white, #fff);border:1px solid var(--color-gray-200, #e2e8f0);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 3px #0000000d}.dc-panel-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:var(--color-gray-50, #f8fafc);border-bottom:1px solid var(--color-gray-100, #f1f5f9)}.dc-panel-tag{font-size:.75rem;font-weight:600;padding:4px 12px;border-radius:999px;text-transform:uppercase;letter-spacing:.5px}.dc-tag-input{background:#e0e7ff;color:#4338ca}.dc-tag-output{background:#dcfce7;color:#15803d}.dc-panel-actions{display:flex;gap:6px}.dc-action-btn{padding:5px 12px;font-size:.8rem;border:1px solid var(--color-gray-200, #e2e8f0);background:var(--color-white, #fff);color:var(--color-gray-600, #475569);border-radius:8px;cursor:pointer;transition:all .2s ease}.dc-action-btn:hover:not(:disabled){background:var(--color-gray-100, #f1f5f9);border-color:var(--color-gray-300, #cbd5e1)}.dc-action-btn:disabled{opacity:.4;cursor:not-allowed}.dc-textarea{flex:1;min-height:320px;padding:18px;border:none;background:var(--color-white, #fff);color:var(--text-primary, #0f172a);font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.85rem;line-height:1.7;resize:vertical;outline:none}.dc-textarea::placeholder{color:var(--color-gray-400, #94a3b8)}.dc-textarea-output{background:var(--color-gray-50, #f8fafc)}.dc-divider{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 4px}.dc-convert-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:14px 18px;background:var(--color-primary-500, #6366f1);color:var(--color-white, #fff);border:none;border-radius:14px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 14px #6366f159;min-width:90px}.dc-convert-btn:hover{background:var(--color-primary-600, #4f46e5);transform:translateY(-2px);box-shadow:0 6px 20px #6366f173}.dc-convert-btn:active{transform:translateY(0)}.dc-convert-icon{font-size:1.2rem}.dc-upload-zone{max-width:600px;margin:0 auto;width:100%}.dc-file-input{display:none}.dc-upload-label{display:flex;flex-direction:column;align-items:center;gap:14px;padding:50px 30px;border:2px dashed var(--color-gray-300, #cbd5e1);border-radius:16px;background:var(--color-white, #fff);cursor:pointer;transition:all .25s ease;text-align:center}.dc-upload-label:hover{border-color:var(--color-primary-400, #818cf8);background:var(--color-primary-50, #eef2ff)}.dc-upload-icon{font-size:3rem;opacity:.8}.dc-upload-title{font-size:1.1rem;font-weight:600;color:var(--text-primary, #0f172a)}.dc-upload-hint{font-size:.85rem;color:var(--color-gray-400, #94a3b8)}.dc-upload-file{margin-top:8px;padding:8px 18px;background:var(--color-primary-50, #eef2ff);color:var(--color-primary-700, #4338ca);border-radius:999px;font-size:.85rem;font-weight:500}.dc-footer-tips{max-width:900px;margin:40px auto 0;padding:24px 28px;background:var(--color-white, #fff);border:1px solid var(--color-gray-200, #e2e8f0);border-radius:16px;box-shadow:0 1px 3px #0000000d}.dc-footer-tips h4{margin:0 0 14px;font-size:1rem;color:var(--text-primary, #0f172a)}.dc-footer-tips ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.dc-footer-tips li{color:var(--text-secondary, #475569);font-size:.9rem;line-height:1.6;padding-left:22px;position:relative}.dc-footer-tips li:before{content:"•";position:absolute;left:6px;color:var(--color-primary-500, #6366f1);font-weight:700;font-size:1.2rem;line-height:1.3}.dc-footer-tips li strong{color:var(--text-primary, #0f172a);font-weight:600}@media (max-width: 640px){.data-converter-page{padding:16px 12px}.dc-header h1{font-size:1.5rem}.dc-mode-bar{gap:6px}.dc-mode-btn{padding:8px 12px;font-size:.8rem}.dc-textarea{min-height:220px}.dc-footer-tips{padding:18px}}.rsa-tool-container{padding:var(--space-5);background:var(--bg-secondary);min-height:calc(100vh - 100px);display:flex;justify-content:center}.rsa-tool-wrapper{width:100%;max-width:1100px;background:var(--card-bg);padding:30px;border-radius:var(--space-3);box-shadow:0 5px 25px #0000001a}.header{text-align:center;margin-bottom:30px}.header h1{font-size:26px;margin-bottom:10px}.key-gen-section{margin-bottom:30px;padding:var(--space-5);background:#00000005;border-radius:var(--space-2)}.settings{display:flex;gap:15px;margin-bottom:15px}.settings select,.settings button{padding:var(--space-2) 15px;border-radius:var(--radius-sm);border:1px solid var(--border-color)}.settings button{background:var(--accent-color);color:#fff;cursor:pointer;border:none}.keys-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.key-box label,.input-box label,.output-box label{display:block;font-weight:600;margin-bottom:var(--space-2);font-size:var(--text-sm)}.key-box textarea{height:120px;font-size:var(--space-3)}textarea{width:100%;padding:var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--input-bg);color:var(--text-primary);font-family:monospace;resize:none}.process-section{display:flex;flex-direction:column;gap:var(--space-5)}.input-box textarea,.output-box textarea{height:150px}.actions{display:flex;gap:15px}.btn{flex:1;padding:var(--space-3);border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;color:#fff}.btn.encrypt{background:#4a90e2}.btn.decrypt{background:#52c41a}.status{padding:10px;border-radius:var(--radius-sm);font-size:var(--text-sm);text-align:center}.status.success{background:var(--color-success-50);color:#389e0d;border:1px solid #b7eb8f}.status.error{background:var(--color-danger-50);color:#cf1322;border:1px solid #ffa39e}@media (max-width: 768px){.keys-grid{grid-template-columns:1fr}.actions{flex-direction:column}}.regex-tool-container{padding:var(--space-5);background:var(--bg-secondary);min-height:calc(100vh - 100px);display:flex;justify-content:center}.regex-tool-wrapper{width:100%;max-width:1000px;background:var(--card-bg);padding:30px;border-radius:var(--space-3);box-shadow:0 4px var(--space-5) #0000001a}.label-row{font-weight:600;margin-bottom:var(--space-2);display:flex;justify-content:space-between;align-items:center;color:var(--text-primary);font-size:var(--text-sm)}.regex-field{margin-bottom:15px}.input-with-slash{display:flex;align-items:center;background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--space-2);padding:0 15px}.input-with-slash input{flex-grow:1;border:none;background:transparent;padding:var(--space-3) 10px;font-family:monospace;font-size:var(--space-4);color:var(--text-primary)}.input-with-slash input:focus{outline:none}.slash{color:var(--text-secondary);font-weight:700;font-size:18px}.flags{display:flex;gap:10px}.flags label{font-size:var(--text-sm);cursor:pointer;display:flex;align-items:center;gap:4px}.common-regex{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5)}.common-regex span{font-size:var(--text-sm);color:var(--text-secondary);align-self:center}.common-regex button{padding:4px 10px;font-size:var(--space-3);border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:4px;cursor:pointer;color:var(--text-primary)}.common-regex button:hover{border-color:var(--accent-color);color:var(--accent-color)}.test-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);margin-bottom:var(--space-5)}textarea{width:100%;height:200px;padding:var(--space-3);border:1px solid var(--border-color);border-radius:var(--space-2);background:var(--input-bg);color:var(--text-primary);font-family:monospace;resize:none}.matches-list{height:200px;overflow-y:auto;background:var(--bg-secondary);border-radius:var(--space-2);padding:10px}.match-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:10px;margin-bottom:10px}.match-index{font-size:11px;color:var(--text-secondary);display:block;margin-bottom:5px}.match-content{font-family:monospace;color:var(--accent-color);word-break:break-all}.replace-input{width:100%;padding:var(--space-3);border:1px solid var(--border-color);border-radius:var(--space-2);background:var(--input-bg);color:var(--text-primary);margin-bottom:15px}.replace-preview .preview-content{background:#f6ffed;padding:var(--space-3);border-radius:var(--space-2);border:1px solid #b7eb8f;font-family:monospace;word-break:break-all}.code-gen-section .code-btns{display:flex;gap:var(--space-3)}.code-btns button{padding:var(--space-2) var(--space-4);background:var(--accent-color);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:600}.status{margin-top:var(--space-5);padding:10px;border-radius:var(--radius-sm);text-align:center;font-size:var(--text-sm)}.status.success{background:var(--color-success-50);color:#389e0d}.status.error{background:var(--color-danger-50);color:#cf1322}@media (max-width: 768px){.test-grid{grid-template-columns:1fr}}.web-utility-container{padding:var(--space-5);background:var(--bg-secondary);min-height:calc(100vh - 100px);display:flex;justify-content:center}.web-utility-wrapper{width:100%;max-width:1000px;background:var(--card-bg);padding:30px;border-radius:var(--space-3);box-shadow:0 4px var(--space-5) #0000001a}.header{text-align:center;margin-bottom:25px}.header h1{font-size:26px;color:var(--text-primary);margin-bottom:var(--space-2)}.tab-header{display:flex;gap:10px;border-bottom:1px solid var(--border-color);margin-bottom:25px}.tab-header button{padding:10px var(--space-5);border:none;background:transparent;cursor:pointer;font-size:15px;color:var(--text-secondary);position:relative}.tab-header button.active{color:var(--accent-color);font-weight:600}.tab-header button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent-color)}.ua-card{background:var(--bg-secondary);padding:var(--space-5);border-radius:var(--space-2);border:1px solid var(--border-color)}.ua-full{font-family:monospace;font-size:var(--text-sm);padding-bottom:15px;margin-bottom:15px;border-bottom:1px dashed var(--border-color);word-break:break-all}.ua-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-5)}.ua-item label{display:block;font-size:var(--space-3);color:var(--text-secondary);margin-bottom:4px}.ua-item span{font-weight:600;font-size:var(--space-4);color:var(--text-primary)}.filter-controls{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:var(--space-5)}.filter-controls button{padding:6px 15px;border-radius:4px;border:1px solid var(--border-color);background:var(--card-bg);cursor:pointer;font-size:var(--text-sm)}.filter-controls button:hover{border-color:var(--accent-color);color:var(--accent-color)}.filter-controls button.clear{color:#ff4d4f;border-color:#ff4d4f}.filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.filter-grid textarea{height:300px;padding:15px;border:1px solid var(--border-color);border-radius:var(--space-2);font-family:monospace;background:var(--input-bg);color:var(--text-primary)}.entities-table{width:100%;border-collapse:collapse}.entities-table th,.entities-table td{padding:var(--space-3);text-align:left;border-bottom:1px solid var(--border-color)}.entities-table th{background:#00000005;font-size:var(--text-sm);color:var(--text-secondary)}.char{font-size:var(--space-5)}code{background:#0000000d;padding:2px 6px;border-radius:4px}.copy-btn{padding:4px 10px;font-size:var(--space-3);border:1px solid var(--accent-color);color:var(--accent-color);background:transparent;cursor:pointer;border-radius:4px}@media (max-width: 768px){.filter-grid{grid-template-columns:1fr}}.http-simulator-container{padding:var(--space-5);background:var(--bg-secondary);min-height:calc(100vh - 100px);display:flex;justify-content:center}.http-simulator-wrapper{width:100%;max-width:1000px;background:var(--card-bg);padding:30px;border-radius:var(--space-3)}.request-bar{display:flex;gap:10px;margin-bottom:25px}.request-bar select{padding:10px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--card-bg)}.request-bar input{flex-grow:1;padding:10px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--input-bg)}.request-bar button{padding:10px 25px;background:var(--accent-color);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer}.config-section{margin-bottom:var(--space-5)}.section-title{font-weight:600;margin-bottom:10px}.header-row{display:flex;gap:10px;margin-bottom:var(--space-2)}.header-row input{flex:1;padding:var(--space-2);border-radius:4px;border:1px solid var(--border-color)}.add-btn{font-size:var(--text-sm);color:var(--accent-color);background:transparent;border:none;cursor:pointer}.response-section{margin-top:30px;padding-top:var(--space-5);border-top:1px solid var(--border-color)}.info-bar{display:flex;gap:var(--space-5);margin-bottom:10px;font-size:var(--text-sm)}.status{font-weight:700}.code-200{color:#52c41a}.response-data textarea{width:100%;height:300px;padding:15px;border-radius:var(--space-2);font-family:monospace;background:#1e1e1e;color:#d4d4d4}.text-editor-container{padding:var(--space-5);background:var(--bg-secondary);min-height:calc(100vh - 100px);display:flex;justify-content:center}.text-editor-wrapper{width:100%;max-width:1100px;background:var(--card-bg);padding:30px;border-radius:var(--space-3)}.stats-bar-top{display:flex;flex-wrap:wrap;gap:var(--space-5);background:var(--bg-secondary);padding:15px;border-radius:var(--space-2);margin-bottom:var(--space-5);border:1px solid var(--border-color)}.stat-item{font-size:var(--text-sm);color:var(--text-secondary)}.stat-item span{color:var(--accent-color);font-weight:700;margin-left:5px}.editor-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);margin-bottom:25px}textarea{width:100%;height:350px;padding:15px;border:1px solid var(--border-color);border-radius:var(--space-2);font-size:var(--text-sm);line-height:1.6;background:var(--input-bg);color:var(--text-primary);resize:none}.tool-actions{display:flex;flex-direction:column;gap:15px}.action-group{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:15px;background:var(--bg-secondary);border-radius:var(--space-2)}.group-label{font-weight:600;font-size:var(--text-sm);color:var(--text-secondary);min-width:80px}.action-group button{padding:var(--space-2) var(--space-4);border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);transition:all .2s}.action-group button:hover{border-color:var(--accent-color);color:var(--accent-color)}.action-group button.danger{color:#ff4d4f;border-color:#ff4d4f}.action-group button.danger:hover{background:var(--color-danger-50)}.status-bar{margin-top:var(--space-5);padding:10px;border-radius:var(--radius-sm);text-align:center}.status-bar.success{background:var(--color-success-50);color:#389e0d}.status-bar.error{background:var(--color-danger-50);color:#cf1322}@media (max-width: 768px){.editor-layout{grid-template-columns:1fr}textarea{height:200px}}.md-editor-container{padding:var(--space-5);background:var(--bg-secondary);min-height:calc(100vh - 100px)}.md-editor-wrapper{max-width:1200px;margin:0 auto;background:var(--card-bg);padding:25px;border-radius:var(--space-3)}.md-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);height:600px;margin-top:var(--space-5)}.md-input{width:100%;height:100%;padding:var(--space-5);border:1px solid var(--border-color);border-radius:var(--space-2);font-family:Monaco,monospace;font-size:var(--text-sm);line-height:1.6;background:var(--input-bg);color:var(--text-primary);resize:none}.md-preview{width:100%;height:100%;padding:var(--space-5);border:1px solid var(--border-color);border-radius:var(--space-2);background:#fff;color:#333;overflow-y:auto}.md-preview h1{border-bottom:1px solid #eee;padding-bottom:10px}blockquote{border-left:4px solid #ddd;padding-left:15px;color:#666}code{background:#f5f5f5;padding:2px 5px;border-radius:3px}@media (max-width: 768px){.md-layout{grid-template-columns:1fr;height:auto}.md-input,.md-preview{height:400px}}.wechat-editor-container{padding:var(--space-5);background:var(--bg-secondary);min-height:calc(100vh - 100px)}.wechat-editor-wrapper{max-width:1100px;margin:0 auto;background:var(--card-bg);padding:25px;border-radius:var(--space-3)}.wechat-layout{display:grid;grid-template-columns:1fr 400px;gap:30px;margin-top:var(--space-5)}textarea{height:500px;padding:var(--space-5);border:1px solid var(--border-color);border-radius:var(--space-2);font-size:15px;line-height:1.6;background:var(--input-bg);color:var(--text-primary);resize:none}.preview-pane{display:flex;flex-direction:column;align-items:center;gap:var(--space-5)}.phone-mockup{width:340px;height:600px;background:#fff;border:var(--space-3) solid #333;border-radius:40px;overflow:hidden;box-shadow:0 var(--space-5) 50px #0003;display:flex;flex-direction:column}.phone-header{background:#f8f8f8;padding:15px;text-align:center;font-size:var(--text-sm);font-weight:600;border-bottom:1px solid #eee}.wechat-style-content{flex-grow:1;overflow-y:auto;background:#fff}.copy-btn{padding:10px 30px;background:#07c160;color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer}@media (max-width: 850px){.wechat-layout{grid-template-columns:1fr}.phone-mockup{width:100%;max-width:340px}}.ppt-video-tool{max-width:1400px;margin:0 auto;padding:var(--space-5)}.tool-header{text-align:center;margin-bottom:30px}.tool-header h1{font-size:28px;color:var(--text-primary);margin-bottom:var(--space-2)}.tool-header p{color:var(--text-secondary)}.tool-main-layout{display:grid;grid-template-columns:280px 1fr 280px;gap:var(--space-5)}.file-panel{background:var(--card-bg);border-radius:var(--space-3);padding:var(--space-5);box-shadow:0 2px var(--space-2) #0000000d;height:fit-content}.upload-area{margin-bottom:var(--space-5)}.upload-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:var(--space-3);cursor:pointer;transition:all .3s}.upload-btn:hover:not(.loading){border-color:var(--primary);background:var(--bg-hover)}.upload-btn.loading{cursor:wait;opacity:.7}.upload-icon{font-size:48px;margin-bottom:10px}.upload-hint{font-size:var(--space-3);color:var(--text-tertiary);margin-top:5px}.spinner{width:var(--space-6);height:var(--space-6);border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:var(--radius-full);animation:spin 1s linear infinite;margin-bottom:10px}.error-message{background:var(--color-danger-50);color:var(--color-danger-600);padding:var(--space-3);border-radius:var(--space-2);font-size:var(--text-sm);margin-top:15px}.file-info{display:flex;align-items:center;gap:10px;padding:var(--space-3);background:var(--bg-hover);border-radius:var(--space-2);margin-top:15px}.file-icon{font-size:var(--space-6)}.file-name-display{flex:1;font-size:var(--text-sm);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slide-list{margin-top:var(--space-5);border-top:1px solid var(--border-color);padding-top:15px}.slide-list-header{font-weight:600;color:var(--text-primary);margin-bottom:var(--space-3)}.slide-items{max-height:350px;overflow-y:auto}.slide-item{display:flex;align-items:center;padding:10px;margin-bottom:6px;background:var(--bg-secondary);border-radius:var(--space-2);cursor:pointer;transition:all .2s;gap:10px}.slide-item:hover{background:var(--bg-hover)}.slide-item.active{background:var(--bg-hover);border-left:3px solid var(--primary)}.slide-index{font-size:var(--space-3);color:var(--text-secondary);min-width:var(--space-6);text-align:center;background:var(--card-bg);padding:2px 6px;border-radius:4px}.slide-title{flex:1;font-size:var(--text-sm);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clear-btn{padding:4px var(--space-2);background:none;border:none;color:var(--text-tertiary);font-size:var(--text-sm);cursor:pointer;transition:all .2s;border-radius:4px}.clear-btn:hover{background:var(--color-danger-100);color:var(--color-danger-500)}.preview-panel{background:var(--card-bg);border-radius:var(--space-3);padding:var(--space-5);box-shadow:0 2px var(--space-2) #0000000d}.canvas-container{background:var(--color-black);border-radius:var(--space-2);min-height:400px;display:flex;align-items:center;justify-content:center;overflow:hidden}.placeholder{text-align:center;color:var(--text-tertiary)}.placeholder-icon{font-size:var(--space-16);display:block;margin-bottom:var(--space-4)}.placeholder .hint{font-size:var(--space-3);margin-top:var(--space-2)}.preview-canvas{max-width:100%;max-height:500px;border-radius:4px}.controls{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:var(--space-5);padding:15px;background:var(--bg-secondary);border-radius:var(--space-2)}.control-btn{width:44px;height:44px;border-radius:var(--radius-full);border:none;background:var(--card-bg);font-size:18px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.control-btn:hover:not(:disabled){background:var(--bg-hover);transform:scale(1.05)}.control-btn:disabled{opacity:.5;cursor:not-allowed}.play-btn{width:56px;height:56px;font-size:var(--space-6);background:var(--primary);color:#fff}.play-btn:hover:not(:disabled){background:var(--primary-dark)}.slide-indicator{font-weight:600;color:var(--text-primary);padding:var(--space-2) var(--space-4);background:var(--card-bg);border-radius:var(--space-5)}.settings-panel{display:flex;gap:var(--space-5);margin-top:15px;padding:15px;background:var(--bg-secondary);border-radius:var(--space-2)}.setting-item{display:flex;align-items:center;gap:10px}.setting-item label{font-size:var(--text-sm);color:var(--text-secondary)}.setting-item select{padding:6px var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer}.export-panel{height:fit-content}.export-card{background:var(--card-bg);border-radius:var(--space-3);padding:var(--space-5);box-shadow:0 2px var(--space-2) #0000000d}.export-card h3{font-size:var(--space-4);margin-bottom:var(--space-4);color:var(--text-primary)}.record-btn{width:100%;padding:14px;background:var(--primary);color:#fff;border:none;border-radius:var(--space-2);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.record-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-2px)}.record-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.progress-container{margin-top:15px}.progress-bar{height:var(--space-2);background:var(--bg-secondary);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-light));transition:width .3s}.progress-text{text-align:center;margin-top:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--primary)}.video-result{margin-top:var(--space-5);padding-top:15px;border-top:1px solid var(--border-color)}.preview-video{width:100%;border-radius:var(--space-2);margin-bottom:var(--space-3)}.download-btn{width:100%;padding:var(--space-3);background:var(--bg-secondary);border:2px solid var(--primary);color:var(--primary);border-radius:var(--space-2);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .2s}.download-btn:hover{background:var(--primary);color:#fff}.tips{margin-top:var(--space-5);padding:15px;background:var(--bg-secondary);border-radius:var(--space-2)}.tips h4{font-size:var(--text-sm);margin-bottom:10px;color:var(--text-primary)}.tips ul{margin:0;padding-left:18px;font-size:var(--space-3);color:var(--text-secondary);line-height:1.8}@media (max-width: 1200px){.tool-main-layout{grid-template-columns:1fr}.file-panel{order:-1}.file-items{max-height:200px}}@media (max-width: 768px){.settings-panel{flex-direction:column;gap:10px}}.captcha-html-page{min-height:100vh;background:linear-gradient(135deg,#0f0c29,#1a1a3e,#24243e);padding:30px var(--space-5)}.ch-container{max-width:1300px;margin:0 auto}.ch-header{text-align:center;margin-bottom:28px}.ch-title{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#67e8f9,#a78bfa,#f472b6);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0 0 var(--space-2)}.ch-title-icon{margin-right:var(--space-2)}.ch-desc{color:var(--color-gray-400);font-size:.95rem;margin:0 0 var(--space-3)}.ch-badges{display:flex;justify-content:center;align-items:center;gap:var(--space-2);flex-wrap:wrap}.ch-badge{padding:2px 10px;border-radius:var(--space-3);font-size:.75rem;font-weight:600}.ch-badge.png{background:#3b82f626;color:#60a5fa}.ch-badge.jpg{background:transparent;color:var(--color-gray-400);font-size:1rem}.ch-badge.gif{background:#ef444426;color:#f87171}.ch-badge-sep{color:var(--color-gray-600)}.ch-badge-hint{color:var(--color-gray-500);font-size:.8rem}.ch-error-bar{display:flex;align-items:center;justify-content:space-between;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;padding:10px var(--space-4);margin-bottom:var(--space-4);color:#fca5a5;font-size:.9rem}.ch-error-bar button{background:none;border:none;color:#fca5a5;cursor:pointer;font-size:1.1rem}.ch-workspace{display:grid;grid-template-columns:280px 1fr;gap:var(--space-4);align-items:start}@media (max-width: 900px){.ch-workspace{grid-template-columns:1fr}}.ch-left-panel{display:flex;flex-direction:column;gap:var(--space-3)}.ch-settings-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--space-3);padding:var(--space-4)}.ch-settings-title{font-size:.95rem;color:var(--color-gray-200);margin:0 0 var(--space-3)}.ch-setting-item{margin-bottom:14px}.ch-setting-item label{display:block;font-size:.82rem;color:var(--color-gray-400);margin-bottom:6px}.ch-input{width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--space-2);border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:var(--color-gray-200);font-size:.9rem;outline:none;box-sizing:border-box}.ch-input:focus{border-color:#6366f180}.ch-upload-mini{border:1px dashed rgba(99,102,241,.3);border-radius:10px;padding:var(--space-4);text-align:center;cursor:pointer;transition:all .3s;background:#ffffff05}.ch-upload-mini:hover,.ch-upload-mini.dragging{border-color:#6366f199;background:#6366f10d}.ch-upload-hint-mini{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--color-gray-500);font-size:.85rem}.ch-upload-hint-mini span:first-child{font-size:1.5rem}.ch-uploaded{display:flex;flex-direction:column;gap:2px;color:var(--color-primary-300);font-size:.85rem}.ch-file-size{color:var(--color-gray-500);font-size:.75rem}.ch-uploading{color:var(--color-primary-300);font-size:.85rem;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.ch-btn-reset-small{width:100%;padding:var(--space-2);border:1px solid rgba(255,255,255,.1);border-radius:var(--space-2);background:transparent;color:var(--color-gray-500);cursor:pointer;font-size:.8rem;margin-top:6px;transition:all .2s}.ch-btn-reset-small:hover{color:#f87171;border-color:#ef44444d}.ch-mode-btns{display:flex;flex-wrap:wrap;gap:6px}.ch-size-btn{padding:6px var(--space-3);border-radius:var(--space-2);border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:var(--color-gray-400);cursor:pointer;font-size:.8rem;transition:all .2s}.ch-size-btn:hover{border-color:#6366f166;color:var(--color-primary-200)}.ch-size-btn.active{border-color:#6366f199;background:#6366f126;color:var(--color-primary-300);font-weight:600}.ch-slider{width:100%;accent-color:var(--color-primary-500)}.ch-slider-labels{display:flex;justify-content:space-between;font-size:.7rem;color:var(--color-gray-600);margin-top:2px}.ch-btn-convert{width:100%;padding:var(--space-3);border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;background:linear-gradient(135deg,var(--color-primary-500),#8b5cf6);color:var(--color-white);transition:all .3s;display:flex;align-items:center;justify-content:center;gap:6px}.ch-btn-convert:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #6366f166}.ch-btn-convert:disabled{opacity:.5;cursor:not-allowed}.ch-btn-api{width:100%;padding:10px;border:1px solid rgba(255,255,255,.15);border-radius:10px;font-size:.85rem;cursor:pointer;margin-top:6px;background:#ffffff0d;color:var(--color-gray-400);transition:all .3s;display:flex;align-items:center;justify-content:center;gap:6px}.ch-btn-api:hover:not(:disabled){background:#ffffff1a;color:var(--color-gray-200)}.ch-btn-api:disabled{opacity:.5;cursor:not-allowed}.ch-spinner{display:inline-block;width:var(--space-4);height:var(--space-4);border:2px solid rgba(255,255,255,.3);border-top-color:var(--color-white);border-radius:var(--radius-full);animation:ch-spin .6s linear infinite}@keyframes ch-spin{to{transform:rotate(360deg)}}.ch-template-list{display:flex;flex-direction:column;gap:6px}.ch-template-btn{padding:10px var(--space-3);border-radius:var(--space-2);border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:var(--color-gray-300);cursor:pointer;font-size:.85rem;text-align:left;transition:all .2s}.ch-template-btn:hover{border-color:#6366f166;background:#6366f114;color:var(--color-gray-200)}.ch-right-panel{display:flex;flex-direction:column;gap:0;min-height:600px}.ch-tabs{display:flex;gap:0;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-bottom:none;border-radius:var(--space-3) var(--space-3) 0 0;overflow:hidden}.ch-tab{flex:1;padding:10px var(--space-4);border:none;background:transparent;color:var(--color-gray-500);cursor:pointer;font-size:.85rem;transition:all .2s;border-bottom:2px solid transparent}.ch-tab:hover{color:var(--color-gray-400);background:#ffffff08}.ch-tab.active{color:var(--color-primary-300);border-bottom-color:var(--color-primary-500);background:#6366f114}.ch-editor-wrap{flex:1;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.08);border-top:none;border-radius:0 0 var(--space-3) var(--space-3);overflow:hidden;background:#0f172a99}.ch-editor{flex:1;min-height:500px;padding:var(--space-4);border:none;resize:none;background:transparent;color:var(--color-primary-300);font-family:Fira Code,Consolas,Monaco,monospace;font-size:.85rem;line-height:1.6;outline:none;-moz-tab-size:2;tab-size:2}.ch-editor::placeholder{color:var(--color-gray-600)}.ch-editor-footer{display:flex;align-items:center;justify-content:space-between;padding:6px var(--space-4);border-top:1px solid rgba(255,255,255,.06);background:#ffffff05;color:var(--color-gray-600);font-size:.75rem}.ch-btn-clear{padding:2px 10px;border-radius:4px;border:1px solid rgba(255,255,255,.1);background:transparent;color:var(--color-gray-500);cursor:pointer;font-size:.75rem}.ch-btn-clear:hover{color:#f87171;border-color:#ef44444d}.ch-preview-wrap{flex:1;border:1px solid rgba(255,255,255,.08);border-top:none;border-radius:0 0 var(--space-3) var(--space-3);overflow:hidden;min-height:500px}.ch-preview-iframe{width:100%;height:100%;min-height:500px;border:none;background:var(--color-white);border-radius:0 0 var(--space-3) var(--space-3)}.ch-split-wrap{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid rgba(255,255,255,.08);border-top:none;border-radius:0 0 var(--space-3) var(--space-3);overflow:hidden;min-height:500px}.ch-split-left{display:flex;border-right:1px solid rgba(255,255,255,.08);background:#0f172a99}.ch-split-left .ch-editor{min-height:400px}.ch-split-right{display:flex;background:var(--color-white)}.ch-split-right .ch-preview-iframe{min-height:400px}.ch-empty-result{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-top:none;border-radius:0 0 var(--space-3) var(--space-3);color:var(--color-gray-500)}.ch-empty-icon{font-size:3rem;margin-bottom:var(--space-3)}.ch-empty-result p{margin:0;font-size:1rem;color:var(--color-gray-400)}.ch-features{margin-top:40px}.ch-features h2{text-align:center;font-size:1.5rem;color:var(--color-gray-200);margin:0 0 var(--space-6)}.ch-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4)}.ch-feature-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--space-3);padding:var(--space-5) var(--space-4);text-align:center;transition:all .3s}.ch-feature-card:hover{transform:translateY(-3px);border-color:#6366f14d;background:#6366f10f}.ch-feature-icon{font-size:2rem;margin-bottom:var(--space-2)}.ch-feature-card h3{font-size:.95rem;color:var(--color-gray-200);margin:0 0 4px}.ch-feature-card p{font-size:.8rem;color:var(--color-gray-500);margin:0;line-height:1.4}.dev-nav-header{text-align:center;margin:60px 0 40px;padding:0 var(--space-5)}.dev-nav-header h1{font-size:var(--text-4xl);font-weight:800;background:linear-gradient(135deg,var(--text-primary),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--space-4);letter-spacing:-1px}.dev-nav-header p{color:var(--text-secondary);font-size:var(--space-4);margin-bottom:30px}.search-wrapper{position:relative;max-width:600px;margin:0 auto}.search-icon{position:absolute;left:var(--space-5);top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:18px}.nav-search-input{width:100%;padding:var(--space-4) var(--space-6) var(--space-4) 50px;border-radius:50px;border:2px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);font-size:var(--space-4);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #00000008}.nav-search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 var(--space-2) 25px #4f46e526;transform:translateY(-2px)}.dev-nav-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-6);padding:var(--space-5)}.dev-nav-section{background:var(--card-bg);border-radius:var(--space-5);padding:var(--space-6);box-shadow:0 10px 30px #0000000a;border:1px solid var(--border-color);transition:all .3s ease;display:flex;flex-direction:column}.dev-nav-section:hover{transform:translateY(-5px);box-shadow:0 var(--space-5) 40px #00000014;border-color:#4f46e54d}.section-title{font-size:18px;font-weight:700;margin-bottom:var(--space-5);display:flex;align-items:center;gap:var(--space-3);color:var(--text-primary);position:relative;padding-bottom:var(--space-3)}.section-title:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:var(--primary);border-radius:2px}.section-title .count{font-size:var(--space-3);background:var(--bg-secondary);color:var(--text-secondary);padding:2px var(--space-2);border-radius:10px;margin-left:auto}.tools-list{display:grid;grid-template-columns:1fr;gap:10px}.nav-tool-card{display:flex;align-items:center;padding:var(--space-3) var(--space-4);border-radius:var(--space-3);background:var(--bg-secondary);text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent;gap:14px}.tool-icon-small{width:36px;height:36px;background:var(--card-bg);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:var(--space-4);font-weight:700;color:var(--accent-color);box-shadow:0 2px var(--space-2) #0000000d;flex-shrink:0}.nav-tool-card .tool-info{flex:1;min-width:0}.nav-tool-card .name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-bottom:2px}.nav-tool-card .desc{font-size:var(--space-3);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arrow-right{font-size:var(--text-sm);color:var(--text-secondary);opacity:0;transition:all .2s;transform:translate(-10px)}.nav-tool-card:hover{background:var(--card-bg);border-color:var(--primary);box-shadow:0 4px var(--space-3) #0000000d}.nav-tool-card:hover .tool-icon-small{background:var(--primary);color:#fff}.nav-tool-card:hover .arrow-right{opacity:1;transform:translate(0)}.no-results{grid-column:1 / -1;text-align:center;padding:80px 0;color:var(--text-secondary)}.no-results-icon{font-size:48px;display:block;margin-bottom:var(--space-4);opacity:.5}@media (max-width: 768px){.dev-nav-header h1{font-size:28px}.dev-nav-grid{grid-template-columns:1fr}.nav-search-input{padding:var(--space-3) var(--space-5) var(--space-3) 45px;font-size:var(--text-sm)}}.image-merge-container{min-height:100vh;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);padding:40px var(--space-5)}.glass-card{max-width:1200px;margin:0 auto;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--space-5);padding:40px;border:1px solid rgba(255,255,255,.1);box-shadow:0 var(--space-2) var(--space-8) 0 #1f26875e}.neon-text{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:10px;background:linear-gradient(90deg,#0ff,#f0f,#0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:neon-glow 3s ease-in-out infinite}@keyframes neon-glow{0%,to{filter:drop-shadow(0 0 10px rgba(0,255,255,.8))}50%{filter:drop-shadow(0 0 var(--space-5) rgba(255,0,255,.8))}}.subtitle{text-align:center;color:#ffffffb3;margin-bottom:40px;font-size:1rem}.upload-area{border:2px dashed rgba(0,255,255,.3);border-radius:15px;padding:60px 40px;text-align:center;background:#ffffff05;transition:all .3s ease;cursor:pointer;margin-bottom:30px}.upload-area:hover{border-color:#0ff9;background:#00ffff0d;transform:translateY(-2px)}.upload-icon{font-size:4rem;margin-bottom:var(--space-5);animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.upload-area p{color:#fffc;font-size:1.1rem;margin:10px 0}.upload-hint{color:#ffffff80;font-size:.9rem!important}.settings-panel{background:#ffffff08;border-radius:15px;padding:30px;margin-bottom:30px;border:1px solid rgba(255,255,255,.1)}.setting-item{margin-bottom:25px}.setting-item:last-child{margin-bottom:0}.setting-item label{display:block;color:#ffffffe6;margin-bottom:10px;font-weight:500}.slider{width:100%;height:6px;border-radius:5px;background:#ffffff1a;outline:none;-webkit-appearance:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--space-5);height:var(--space-5);border-radius:var(--radius-full);background:linear-gradient(135deg,#0ff,#f0f);cursor:pointer;box-shadow:0 0 10px #00ffff80}.slider::-moz-range-thumb{width:var(--space-5);height:var(--space-5);border-radius:var(--radius-full);background:linear-gradient(135deg,#0ff,#f0f);cursor:pointer;border:none;box-shadow:0 0 10px #00ffff80}.color-picker{width:100%;height:50px;border:2px solid rgba(255,255,255,.2);border-radius:10px;background:#ffffff0d;cursor:pointer;transition:all .3s ease}.color-picker:hover{border-color:#00ffff80;box-shadow:0 0 15px #00ffff4d}.image-list{margin-bottom:30px}.image-list h3{color:#ffffffe6;margin-bottom:var(--space-5);font-size:1.3rem}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-5)}.image-item{position:relative;border-radius:10px;overflow:hidden;background:#ffffff08;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.image-item:hover{transform:translateY(-5px);box-shadow:0 5px var(--space-5) #00ffff4d}.image-item img{width:100%;height:150px;object-fit:cover;display:block}.remove-btn{position:absolute;top:5px;right:5px;width:30px;height:30px;border-radius:var(--radius-full);border:none;background:#ff0000b3;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;line-height:1}.remove-btn:hover{background:#ff0000e6;transform:scale(1.1)}.image-info{padding:var(--space-2);text-align:center;color:#ffffffb3;font-size:.85rem}.action-buttons{display:flex;gap:var(--space-5);justify-content:center;margin-bottom:30px}.btn{padding:15px 40px;border:none;border-radius:var(--space-3);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 5px 15px #667eea66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 var(--space-2) 25px #667eea99}.btn-success{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;box-shadow:0 5px 15px #38ef7d66}.btn-success:hover{transform:translateY(-2px);box-shadow:0 var(--space-2) 25px #38ef7d99}.preview-section{margin-top:40px}.preview-section h3{color:#ffffffe6;margin-bottom:var(--space-5);font-size:1.3rem;text-align:center}.preview-container{max-width:800px;margin:0 auto;padding:var(--space-5);background:#ffffff08;border-radius:15px;border:1px solid rgba(255,255,255,.1)}.preview-image{max-width:100%;height:auto;display:block;border-radius:10px;box-shadow:0 5px 30px #0000004d}@media (max-width: 768px){.glass-card{padding:var(--space-5)}.neon-text{font-size:1.8rem}.upload-area{padding:40px var(--space-5)}.action-buttons{flex-direction:column}.btn{width:100%}.image-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px}}.signature-container{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);padding:40px var(--space-5)}.controls-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-5);margin-bottom:30px;padding:25px;background:#ffffff08;border-radius:15px;border:1px solid rgba(255,255,255,.1)}.control-group{display:flex;flex-direction:column;gap:10px}.control-group label{color:#ffffffe6;font-weight:500;display:flex;align-items:center;gap:10px}.checkbox{width:var(--space-5);height:var(--space-5);cursor:pointer;accent-color:#00ffff}.canvas-wrapper{position:relative;margin-bottom:30px;border-radius:15px;overflow:hidden;box-shadow:0 5px 30px #0000004d}.signature-canvas{width:100%;height:400px;cursor:crosshair;touch-action:none;border:2px solid rgba(0,255,255,.3);border-radius:15px}.canvas-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ffffff4d;font-size:1.5rem;pointer-events:none;-webkit-user-select:none;user-select:none}.btn-danger{background:linear-gradient(135deg,#eb3349,#f45c43);color:#fff;box-shadow:0 5px 15px #eb334966}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 var(--space-2) 25px #eb334999}.tips-section{margin-top:40px;padding:25px;background:#00ffff0d;border-radius:15px;border:1px solid rgba(0,255,255,.2)}.tips-section h3{color:#ffffffe6;margin-bottom:15px;font-size:1.2rem}.tips-section li{color:#ffffffb3;padding:var(--space-2) 0;padding-left:25px;position:relative}.tips-section li:before{content:"✓";position:absolute;left:0;color:#0ff;font-weight:700}@media (max-width: 768px){.controls-panel{grid-template-columns:1fr}.signature-canvas{height:300px}.canvas-hint{font-size:1.2rem}}.text-diff-container{min-height:100vh;background-color:var(--bg-page);background-image:none;padding:40px var(--space-5);color:var(--color-gray-900);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.text-diff-container .diff-card{background:var(--bg-card);border:1px solid var(--color-gray-200);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-radius:var(--space-4);padding:30px;max-width:1200px;margin:0 auto}.text-diff-container h1{color:var(--color-gray-900);text-shadow:none;font-size:2rem;margin-bottom:.5rem;font-weight:700;text-align:center}.text-diff-container .subtitle{color:var(--color-gray-500);text-align:center;margin-bottom:2rem;font-size:1rem}.controls-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--space-3);border:1px solid var(--color-gray-300);flex-wrap:wrap;gap:15px}.mode-selector{display:flex;gap:var(--space-2);background:var(--color-gray-200);padding:4px;border-radius:var(--space-2)}.mode-btn{padding:var(--space-2) var(--space-4);border:none;background:transparent;color:var(--color-gray-500);border-radius:var(--radius-sm);cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s ease;box-shadow:none}.mode-btn:hover{color:var(--color-gray-800);background:#ffffff80}.mode-btn.active{background:var(--bg-card);color:var(--color-gray-950);box-shadow:var(--shadow-sm);font-weight:600}.action-btns{display:flex;gap:var(--space-3)}.action-btns .btn{padding:var(--space-2) var(--space-4);border-radius:var(--space-2);font-weight:500;cursor:pointer;transition:all .2s;border:none;font-size:.95rem;display:flex;align-items:center;gap:6px}.action-btns .btn-secondary{background:var(--bg-card);color:var(--color-gray-600);border:1px solid var(--color-gray-300);box-shadow:0 1px 2px #0000000d}.action-btns .btn-secondary:hover{background:var(--color-gray-50);border-color:var(--color-gray-400);transform:translateY(-1px)}.action-btns .btn-danger{background:var(--color-danger-100);color:var(--color-danger-500);border:1px solid var(--color-danger-200)}.action-btns .btn-danger:hover{background:var(--color-danger-200);color:var(--color-danger-600);transform:translateY(-1px)}.statistics-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-4);margin-bottom:30px;padding:var(--space-5);background:var(--bg-card);border-radius:var(--space-3);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm)}.stat-item{text-align:center;padding:10px;border-radius:var(--space-2);background:var(--color-gray-50)}.stat-label{display:block;color:var(--color-gray-500);font-size:.85rem;margin-bottom:4px;font-weight:500}.stat-value{display:block;color:var(--color-gray-950);font-size:1.5rem;font-weight:700}.stat-equal{color:#10b981}.stat-diff{color:var(--color-danger-500)}.stat-similarity{color:var(--color-info-500)}.input-section{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-bottom:30px}.input-panel h3{color:var(--color-gray-800);margin-bottom:var(--space-3);font-size:1rem;font-weight:600;display:flex;align-items:center;gap:var(--space-2)}.text-input{width:100%;height:350px;padding:var(--space-4);background:var(--bg-card);border:1px solid var(--color-gray-300);border-radius:var(--space-3);color:var(--color-gray-800);font-family:JetBrains Mono,Consolas,Monaco,monospace;font-size:.9rem;line-height:1.6;resize:vertical;transition:all .2s ease;box-shadow:inset 0 2px 4px #00000005}.text-input:focus{outline:none;border-color:var(--color-info-500);box-shadow:0 0 0 3px #3b82f61a}.text-input::placeholder{color:var(--color-gray-400)}.diff-result-section{margin-top:40px;border-top:1px solid var(--color-gray-200);padding-top:30px}.diff-result-section h3{color:var(--color-gray-900);margin-bottom:var(--space-5);font-size:1.2rem;font-weight:600}.diff-view-lines{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--bg-card);border-radius:var(--space-3);border:1px solid var(--color-gray-300);overflow:hidden}.diff-column{background:var(--bg-card);border-right:1px solid var(--color-gray-200);overflow:hidden;display:flex;flex-direction:column}.diff-column:last-child{border-right:none}.column-header{display:flex;justify-content:space-between;align-items:center;padding:10px var(--space-4);background:var(--bg-secondary);border-bottom:1px solid var(--color-gray-200)}.column-title{color:var(--color-gray-600);font-weight:600;font-size:.9rem}.line-count{color:var(--color-gray-500);font-size:.8rem;background:var(--color-gray-200);padding:2px var(--space-2);border-radius:var(--space-3)}.diff-content{max-height:600px;overflow-y:auto;font-family:JetBrains Mono,Consolas,Monaco,monospace;font-size:.9rem;background:var(--bg-card)}.diff-line{display:flex;align-items:flex-start;padding:0;border-bottom:none;line-height:1.5}.diff-line:hover{background:var(--color-gray-50)}.line-number{min-width:40px;padding:4px var(--space-2);color:var(--color-gray-400);font-size:.75rem;text-align:right;background:var(--color-gray-50);border-right:1px solid var(--bg-secondary);-webkit-user-select:none;user-select:none}.line-text{flex:1;padding:4px var(--space-3);color:var(--color-gray-800);white-space:pre-wrap;word-break:break-all}.diff-column:first-child .line-modified{background-color:#ffebe9}.diff-column:first-child .line-modified .line-number{background-color:#ffdce0;color:#cf222e}.diff-column:last-child .line-modified{background-color:#dafbe1}.diff-column:last-child .line-modified .line-number{background-color:#ccffd8;color:#1a7f37}.line-empty{background:#f6f8fa url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMTBMMTAgMFoiIHN0cm9rZT0iI2UzZTZlOCIgc3Ryb2tlLXdpZHRoPSIxIi8+PC9zdmc+);opacity:.5}.tips-section{margin-top:40px;background:var(--color-gray-50);padding:var(--space-5);border-radius:var(--space-3);border:1px solid var(--color-gray-200)}.tips-section h3{color:var(--color-gray-600);font-size:1rem;margin-bottom:var(--space-3);font-weight:600}.tips-section li{color:var(--color-gray-500);margin-bottom:var(--space-2);font-size:.9rem;display:flex;align-items:center;gap:var(--space-2)}.highlight-modified{display:inline-block;background:#ffebe9;color:#cf222e;padding:2px var(--space-2);border-radius:4px;font-size:.8rem;font-family:monospace}.highlight-empty{display:inline-block;background:var(--bg-secondary);color:var(--color-gray-500);padding:2px var(--space-2);border-radius:4px;font-size:.8rem;border:1px dashed var(--color-gray-300)}.diff-content::-webkit-scrollbar{width:10px;height:10px}.diff-content::-webkit-scrollbar-track{background:transparent}.diff-content::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:5px;border:2px solid var(--color-white)}.diff-content::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}@media (max-width: 1024px){.input-section,.diff-view-lines{grid-template-columns:1fr}.diff-column:first-child{border-right:none;border-bottom:1px solid var(--color-gray-200)}.controls-bar{flex-direction:column;align-items:stretch}.mode-selector,.action-btns{width:100%;justify-content:center}}.image-border-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);padding:40px var(--space-5)}.presets-section{margin:30px 0;padding:25px;background:#ffffff08;border-radius:15px;border:1px solid rgba(255,255,255,.1)}.presets-section h3{color:#ffffffe6;margin-bottom:var(--space-5);font-size:1.2rem}.presets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.preset-btn{padding:15px var(--space-5);border:2px solid rgba(255,255,255,.2);background:#ffffff0d;color:#ffffffe6;border-radius:10px;cursor:pointer;font-size:.95rem;transition:all .3s ease;text-align:center}.preset-btn:hover{border-color:#ffffff80;background:#ffffff1a;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5);flex-wrap:wrap;gap:10px}.preview-header h3{color:#ffffffe6;font-size:1.3rem;margin:0}.image-info{color:#ffffffb3;font-size:.95rem;padding:var(--space-2) 15px;background:#0003;border-radius:var(--space-2)}@media (max-width: 768px){.presets-grid{grid-template-columns:repeat(2,1fr)}.preset-btn{padding:var(--space-3) 15px;font-size:.9rem}.preview-header{flex-direction:column;align-items:flex-start}}.screen-recorder-container{min-height:100vh;background:linear-gradient(135deg,#232526,#414345);padding:40px var(--space-5)}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;color:#ffffffe6}.checkbox-label span{-webkit-user-select:none;user-select:none}.select-input{width:100%;padding:var(--space-3);background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:10px;color:#ffffffe6;font-size:1rem;cursor:pointer;transition:all .3s ease}.select-input:focus{outline:none;border-color:#00ffff80;box-shadow:0 0 15px #0ff3}.select-input option{background:#1a1a2e;color:#fff}.recorder-control{text-align:center;margin:40px 0}.btn-start{padding:var(--space-5) 60px;font-size:1.3rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:15px;cursor:pointer;font-weight:700;box-shadow:0 10px 30px #667eea80;transition:all .3s ease}.btn-start:hover{transform:translateY(-3px);box-shadow:0 15px 40px #667eeab3}.recording-status{background:#ffffff0d;border-radius:15px;padding:30px;margin-bottom:30px;border:2px solid rgba(255,0,0,.3)}.recording-indicator{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:15px}.rec-dot{width:15px;height:15px;background:red;border-radius:var(--radius-full);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.rec-text{color:red;font-size:1.2rem;font-weight:600}.recording-time{font-size:2.5rem;font-weight:700;color:#ffffffe6;font-family:Courier New,monospace}.recording-controls{display:flex;gap:var(--space-5);justify-content:center}.video-preview{background:#0000004d;border-radius:15px;padding:var(--space-5);margin:var(--space-5) 0}.preview-video{width:100%;max-width:800px;border-radius:10px;box-shadow:0 5px 30px #00000080}.preview-info{display:flex;justify-content:center;gap:40px;margin:var(--space-5) 0;color:#fffc;font-size:1rem}.preview-info span{padding:10px var(--space-5);background:#ffffff0d;border-radius:var(--space-2)}.browser-support{margin-top:40px;padding:25px;background:#ffffff08;border-radius:15px;border:1px solid rgba(255,255,255,.1)}.browser-support h4{color:#ffffffe6;margin-bottom:15px;font-size:1.1rem}.support-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.support-item{padding:var(--space-3);background:#ffffff0d;border-radius:var(--space-2);color:#fffc;text-align:center;font-size:.95rem}@media (max-width: 768px){.btn-start{padding:15px 40px;font-size:1.1rem}.recording-time{font-size:2rem}.recording-controls{flex-direction:column;gap:15px}.recording-controls .btn{width:100%}.preview-info{flex-direction:column;gap:10px}.support-grid{grid-template-columns:1fr}}.kids-english-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);padding:40px var(--space-5)}.kids-theme{max-width:1200px;animation:slideIn .6s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.header-section{text-align:center;margin-bottom:30px}.kids-title{font-size:2.5rem;font-weight:800;background:linear-gradient(90deg,#ff6b6b,#4ecdc4,#45b7d1,#f7b731);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-5);animation:rainbow 3s ease-in-out infinite}@keyframes rainbow{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(30deg)}}.score-board{display:inline-flex;align-items:center;gap:15px;padding:15px 30px;background:#ffffffe6;border-radius:50px;box-shadow:0 5px var(--space-5) #0003}.score-label{font-size:1.2rem;font-weight:600;color:#667eea}.score-value{font-size:1.8rem;font-weight:800;color:#ff6b6b}.score-stars{font-size:1.2rem}.category-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:30px}.category-btn{padding:var(--space-5);background:#ffffffe6;border:3px solid transparent;border-radius:15px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:10px}.category-btn:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0003}.category-btn.active{border-color:#667eea;background:linear-gradient(135deg,#667eea20,#764ba220);box-shadow:0 10px 30px #667eea66}.category-icon{font-size:2.5rem}.category-name{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.mode-switcher{display:flex;gap:15px;margin-bottom:30px;justify-content:center}.mode-btn{padding:15px 40px;background:#ffffffe6;border:3px solid transparent;border-radius:var(--space-3);font-size:1.1rem;font-weight:600;cursor:pointer;color:var(--text-primary);transition:all .3s ease}.mode-btn:hover{transform:scale(1.05)}.mode-btn.active{border-color:#4ecdc4;background:linear-gradient(135deg,#4ecdc4,#45b7d1);color:#fff;box-shadow:0 5px var(--space-5) #4ecdc466}.learn-mode{animation:fadeIn .5s ease}.section-title{text-align:center;font-size:2rem;font-weight:700;color:#fff;margin-bottom:30px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.words-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-5);margin-bottom:30px}.word-card{background:var(--bg-card);border-radius:var(--space-5);padding:25px;text-align:center;cursor:pointer;transition:all .3s ease;border:3px solid transparent;position:relative;overflow:hidden}.word-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent,rgba(102,126,234,.1));opacity:0;transition:opacity .3s ease}.word-card:hover{transform:translateY(-10px) scale(1.05);box-shadow:0 15px 40px #0000004d;border-color:#4ecdc4}.word-card:hover:before{opacity:1}.word-emoji{font-size:4rem;margin-bottom:15px;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.word-english{font-size:1.5rem;font-weight:700;color:#667eea;margin-bottom:var(--space-2)}.word-chinese{font-size:1.1rem;color:var(--text-secondary);margin-bottom:var(--space-3)}.speak-btn{background:linear-gradient(135deg,#f7b731,#f39c12);border:none;border-radius:var(--radius-full);width:40px;height:40px;font-size:1.3rem;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 10px #f7b73166}.speak-btn:hover{transform:scale(1.2);box-shadow:0 5px 15px #f7b73199}.quiz-mode{text-align:center;animation:fadeIn .5s ease}.quiz-title{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:30px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.quiz-question{background:var(--bg-card);border-radius:25px;padding:40px;margin-bottom:40px;box-shadow:0 10px 40px #0003}.question-emoji{font-size:6rem;margin-bottom:var(--space-5);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.question-chinese{font-size:2rem;font-weight:700;color:var(--text-primary)}.quiz-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-5);margin-bottom:30px}.quiz-option{padding:var(--space-5) 30px;background:var(--bg-card);border:3px solid #ddd;border-radius:15px;font-size:1.3rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .3s ease}.quiz-option:hover:not(:disabled){transform:scale(1.05);border-color:#667eea;box-shadow:0 5px var(--space-5) #667eea4d}.quiz-option.correct{background:linear-gradient(135deg,#38ef7d,#11998e);color:#fff;border-color:#11998e;animation:correctAnswer .5s ease}.quiz-option.wrong{background:#f5f5f5;color:#999;border-color:#ddd}@keyframes correctAnswer{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.result-message{padding:25px;border-radius:var(--space-5);font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:15px;animation:slideUp .5s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(var(--space-5))}to{opacity:1;transform:translateY(0)}}.result-message.correct{background:linear-gradient(135deg,#38ef7d,#11998e);color:#fff}.result-message.wrong{background:linear-gradient(135deg,#ffa502,#ff6348);color:#fff}.result-icon{font-size:2rem}.kids-tips{background:#ffffffe6;border:none}.kids-tips h3{color:#667eea;font-size:1.5rem}.kids-tips ul{list-style:none}.kids-tips li{color:var(--text-primary);padding:var(--space-3) 0;padding-left:30px}.kids-tips li:before{color:#f7b731;font-size:1.2rem}@media (max-width: 768px){.kids-title{font-size:1.8rem}.category-selector{grid-template-columns:repeat(2,1fr)}.words-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px}.word-emoji{font-size:3rem}.word-english{font-size:1.2rem}.quiz-options{grid-template-columns:1fr}.question-emoji{font-size:4rem}.question-chinese{font-size:1.5rem}}.pdf-converter-container{min-height:100vh;background:linear-gradient(135deg,#1e3c72,#2a5298,#7474bf);padding:40px var(--space-5)}.converter-type-selector{display:flex;gap:var(--space-5);justify-content:center;margin-bottom:40px}.type-btn{padding:18px 45px;background:#ffffff1a;border:3px solid rgba(255,255,255,.2);border-radius:15px;color:#fffc;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease}.type-btn:hover{background:#ffffff26;transform:translateY(-2px)}.type-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff;box-shadow:0 var(--space-2) 25px #667eea80}.file-info-section{margin-top:30px}.file-info-card{display:flex;align-items:center;gap:var(--space-5);padding:25px;background:#ffffff0d;border-radius:15px;border:2px solid rgba(255,255,255,.1);margin-bottom:30px}.file-icon{font-size:3.5rem}.file-details{flex:1}.file-name{font-size:1.2rem;font-weight:600;color:#ffffffe6;margin-bottom:var(--space-2);word-break:break-all}.file-size{color:#fff9;font-size:.95rem}.remove-file-btn{width:40px;height:40px;border-radius:var(--radius-full);border:none;background:#f009;color:#fff;font-size:1.8rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;line-height:1}.remove-file-btn:hover{background:#f00c;transform:scale(1.1)}.progress-section{margin-bottom:30px}.progress-bar-container{width:100%;height:40px;background:#ffffff1a;border-radius:var(--space-5);overflow:hidden;margin-bottom:15px;box-shadow:inset 0 2px 5px #0003}.progress-bar{height:100%;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);border-radius:var(--space-5);display:flex;align-items:center;justify-content:center;transition:width .3s ease;position:relative;overflow:hidden}.progress-bar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.progress-text{color:#fff;font-weight:700;font-size:1.1rem;position:relative;z-index:1}.progress-status{text-align:center;color:#fffc;font-size:1.1rem;font-weight:500}.features-section{margin:50px 0;padding:30px;background:#ffffff08;border-radius:15px;border:1px solid rgba(255,255,255,.1)}.features-section h3{text-align:center;color:#ffffffe6;font-size:1.8rem;margin-bottom:30px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:25px}.feature-item{text-align:center;padding:25px;background:#ffffff0d;border-radius:15px;transition:all .3s ease}.feature-item:hover{transform:translateY(-5px);background:#ffffff14;box-shadow:0 var(--space-2) 25px #0003}.feature-icon{font-size:3rem;display:block;margin-bottom:15px}.feature-item h4{color:#ffffffe6;font-size:1.2rem;margin-bottom:10px}.feature-item p{color:#ffffffb3;font-size:.95rem;line-height:1.5}.api-info{margin-top:40px;padding:25px;background:#00ffff0d;border-radius:15px;border:1px solid rgba(0,255,255,.2)}.api-info h4{color:#ffffffe6;font-size:1.3rem;margin-bottom:var(--space-5)}.api-list{display:flex;flex-direction:column;gap:15px}.api-item{padding:15px var(--space-5);background:#ffffff0d;border-radius:10px;border-left:4px solid #00ffff;display:flex;flex-direction:column;gap:5px}.api-item strong{color:#ffffffe6;font-size:1.05rem}.api-item span{color:#ffffffb3;font-size:.9rem}@media (max-width: 768px){.converter-type-selector{flex-direction:column}.type-btn{width:100%}.file-info-card{flex-direction:column;text-align:center}.features-grid{grid-template-columns:1fr}}.image-resize-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem;display:flex;justify-content:center;align-items:flex-start}.upload-label{cursor:pointer;display:block}.upload-hint{color:#999;font-size:.9rem;margin-top:.5rem}.original-info{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:10px;padding:1.5rem;margin-bottom:2rem;text-align:center}.original-info h3{color:#667eea;margin-bottom:1rem;font-size:1.3rem}.original-info p{margin:.5rem 0;color:#555;font-size:1rem}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.result-card{background:var(--bg-card);border-radius:15px;padding:1.5rem;box-shadow:0 4px var(--space-4) #0000001a;border:2px solid rgba(102,126,234,.2);transition:all .3s ease}.result-card:hover{transform:translateY(-4px);box-shadow:0 var(--space-2) var(--space-6) #00000026}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid rgba(102,126,234,.2)}.result-header h3{color:#667eea;font-size:1.3rem;margin:0}.size-badge{font-size:.9rem;font-weight:700}.size-ok{color:#10b981}.size-warning{color:var(--color-danger-500)}.preview-wrapper{display:flex;justify-content:center;align-items:center;min-height:240px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:10px;padding:1rem;margin-bottom:1rem}.preview-image-small,.preview-image-large{border-radius:var(--space-2);box-shadow:0 4px var(--space-3) #00000026;background:var(--bg-card);border:2px solid rgba(102,126,234,.3)}.result-info{background:#667eea0d;border-radius:var(--space-2);padding:1rem;margin-bottom:1rem}.result-info p{margin:.5rem 0;color:#555;font-size:.95rem}.action-buttons-small{display:flex;gap:.5rem;justify-content:center}.action-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.btn-sm{padding:.5rem 1rem;font-size:.9rem}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px var(--space-5) #667eea66}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px var(--space-5) #10b98166}.tips-section{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:15px;padding:2rem;margin-top:2rem}.tips-section li:before{content:"•";position:absolute;left:0;color:#667eea;font-weight:700}.specs-section{background:var(--bg-card);border-radius:15px;padding:2rem;margin-top:2rem;border:2px solid rgba(102,126,234,.2)}.specs-section h3{color:#667eea;margin-bottom:1.5rem;font-size:1.3rem;text-align:center}.specs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.spec-item{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-radius:10px;padding:1.5rem;border:2px solid rgba(102,126,234,.2)}.spec-title{font-size:1.1rem;font-weight:700;color:#667eea;margin-bottom:1rem;text-align:center}.spec-details p{margin:.5rem 0;color:#555;font-size:.95rem}@media (max-width: 768px){.image-resize-container{padding:1rem}.glass-card{padding:1.5rem}.neon-text{font-size:1.8rem}.results-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.btn{width:100%}}.image-compress-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem;display:flex;justify-content:center;align-items:flex-start}.glass-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--space-5);padding:2.5rem;max-width:1200px;width:100%;box-shadow:0 var(--space-2) var(--space-8) #0000001a}.subtitle{text-align:center;color:#666;font-size:1rem;margin-bottom:2rem}.upload-area{border:3px dashed #667eea;border-radius:15px;padding:3rem;text-align:center;cursor:pointer;transition:all .3s ease;background:#667eea0d;margin-bottom:2rem}.upload-area:hover{border-color:#764ba2;background:#667eea1a;transform:translateY(-2px)}.upload-title{font-size:1.2rem;font-weight:600;color:#333;margin:.5rem 0}.upload-hint{color:#666;font-size:.95rem;margin:.5rem 0}.upload-limit{color:#999;font-size:.85rem;margin-top:.5rem}.quality-control{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:15px;padding:1.5rem;margin-bottom:2rem}.quality-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.quality-header label{font-weight:600;color:#667eea;font-size:1.1rem}.quality-value{font-size:1.5rem;font-weight:700;color:#764ba2}.quality-slider{width:100%;height:var(--space-2);border-radius:5px;background:linear-gradient(to right,var(--color-danger-500),var(--color-warning-500),#10b981);outline:none;-webkit-appearance:none;margin-bottom:.5rem}.quality-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--space-5);height:var(--space-5);border-radius:var(--radius-full);background:var(--bg-card);cursor:pointer;box-shadow:0 2px var(--space-2) #0003;border:3px solid #667eea}.quality-slider::-moz-range-thumb{width:var(--space-5);height:var(--space-5);border-radius:var(--radius-full);background:var(--bg-card);cursor:pointer;box-shadow:0 2px var(--space-2) #0003;border:3px solid #667eea}.quality-labels{display:flex;justify-content:space-between;color:#666;font-size:.85rem;margin-top:.5rem}.stats-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;padding:1.5rem;background:var(--bg-card);border-radius:15px;box-shadow:0 4px var(--space-4) #0000001a}.stat-item{text-align:center;padding:1rem;border-radius:10px;background:#667eea0d}.stat-item.highlight{background:linear-gradient(135deg,#10b9811a,#0596691a);border:2px solid rgba(16,185,129,.3)}.stat-label{color:#666;font-size:.9rem;margin-bottom:.5rem}.stat-value{font-size:1.5rem;font-weight:700;color:#333}.stat-value.green{color:#10b981}.compressing-indicator{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:10px;margin-bottom:2rem;color:#667eea;font-weight:600}.spinner{width:var(--space-6);height:var(--space-6);border:3px solid rgba(102,126,234,.3);border-top-color:#667eea;border-radius:var(--radius-full);animation:spin .8s linear infinite}.images-list{display:grid;gap:1rem;margin-bottom:2rem}.image-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-card);border-radius:var(--space-3);box-shadow:0 2px var(--space-2) #0000001a;transition:all .3s ease}.image-item:hover{transform:translateY(-2px);box-shadow:0 4px var(--space-4) #00000026}.image-preview{flex-shrink:0;width:80px;height:80px;border-radius:var(--space-2);overflow:hidden;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;align-items:center;justify-content:center}.image-preview img{max-width:100%;max-height:100%;object-fit:contain}.image-info{flex:1;min-width:0}.image-name{font-weight:600;color:#333;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-dimensions{color:#999;font-size:.85rem;margin-bottom:.5rem}.image-sizes{display:flex;gap:1rem;align-items:center;font-size:.9rem}.size-row{display:flex;gap:.25rem}.size-label{color:#666}.size-value{font-weight:600;color:#333}.size-value.green{color:#10b981}.size-saved{padding:.25rem .75rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:var(--space-5);font-size:.85rem;font-weight:600}.image-actions{display:flex;gap:.5rem;flex-shrink:0}.btn-download,.btn-remove{width:40px;height:40px;border:none;border-radius:var(--space-2);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.btn-download{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-download:hover{transform:scale(1.1);box-shadow:0 4px var(--space-3) #667eea66}.btn-remove{background:linear-gradient(135deg,var(--color-danger-500) 0%,var(--color-danger-600) 100%);color:#fff;font-size:1.5rem}.btn-remove:hover{transform:scale(1.1);box-shadow:0 4px var(--space-3) #ef444466}.image-error{display:flex;align-items:center;gap:1rem;flex:1}.error-icon{font-size:2rem}.error-info{flex:1}.error-name{font-weight:600;color:#333;margin-bottom:.25rem}.error-message{color:var(--color-danger-500);font-size:.9rem}.batch-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px var(--space-3) #0000001a}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px var(--space-5) #667eea66}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px var(--space-5) #ef444466}.features-section{background:var(--bg-card);border-radius:15px;padding:2rem;margin-bottom:2rem;border:2px solid rgba(102,126,234,.2)}.features-section h3{color:#667eea;margin-bottom:1.5rem;font-size:1.3rem;text-align:center}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.feature-item{text-align:center;padding:1.5rem;background:#667eea0d;border-radius:10px;transition:all .3s ease}.feature-item:hover{transform:translateY(-4px);background:#667eea1a}.feature-icon{font-size:2.5rem;margin-bottom:.5rem}.feature-title{font-weight:600;color:#667eea;margin-bottom:.5rem;font-size:1.1rem}.feature-desc{color:#666;font-size:.9rem}.tips-section{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:15px;padding:2rem;margin-bottom:2rem}.tips-section h3{color:#667eea;margin-bottom:1rem;font-size:1.3rem}.tips-section ul{list-style:none;padding:0;margin:0}.tips-section li{color:#555;position:relative;padding:.5rem 0 .5rem 1.5rem}.tips-section li:before{content:"•";position:absolute;left:0;color:#667eea;font-weight:700;font-size:1.2rem}.comparison-section{background:var(--bg-card);border-radius:15px;padding:2rem;border:2px solid rgba(102,126,234,.2)}.comparison-section h3{color:#667eea;margin-bottom:1.5rem;font-size:1.3rem;text-align:center}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.comparison-item{padding:1.5rem;background:linear-gradient(135deg,#667eea0d,#764ba20d);border-radius:10px;border:2px solid rgba(102,126,234,.2)}.comparison-label{font-weight:600;color:#667eea;margin-bottom:.5rem;font-size:1.1rem}.comparison-desc{color:#666;font-size:.9rem;line-height:1.5}@media (max-width: 768px){.image-compress-container{padding:1rem}.glass-card{padding:1.5rem}.neon-text{font-size:1.8rem}.upload-area{padding:2rem 1rem}.stats-panel{grid-template-columns:repeat(2,1fr)}.image-item{flex-direction:column;text-align:center}.image-info{width:100%}.image-sizes{flex-direction:column;gap:.5rem}.batch-actions{flex-direction:column}.btn{width:100%}.features-grid,.comparison-grid{grid-template-columns:1fr}}.file-diff-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.diff-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--space-5);padding:2.5rem;max-width:1400px;margin:0 auto;box-shadow:0 var(--space-2) var(--space-8) #0000001a}.neon-text{font-size:2.5rem;font-weight:700;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.subtitle{text-align:center;color:var(--text-secondary);font-size:1rem;margin-bottom:2rem}.upload-section{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;margin-bottom:2rem;align-items:center}.upload-box{border:3px dashed #667eea;border-radius:15px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:#667eea0d;min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center}.upload-box:hover{border-color:#764ba2;background:#667eea1a;transform:translateY(-2px)}.upload-icon{font-size:3rem;margin-bottom:1rem}.upload-hint{color:var(--text-tertiary);font-size:.85rem;margin-top:.5rem}.upload-divider{font-size:1.5rem;font-weight:700;color:#667eea;background:var(--bg-card);padding:1rem;border-radius:var(--radius-full);width:60px;height:60px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px var(--space-3) #667eea4d}.file-info-box{display:flex;flex-direction:column;align-items:center;gap:.5rem}.file-icon{font-size:3rem}.file-name{font-weight:600;color:var(--text-primary);word-break:break-all;max-width:100%}.file-size{color:var(--text-tertiary);font-size:.9rem}.controls-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;background:var(--bg-card);border-radius:10px;margin-bottom:1.5rem;flex-wrap:wrap;box-shadow:0 2px var(--space-2) #0000001a}.mode-selector{display:flex;gap:.5rem}.mode-btn{padding:.5rem 1rem;border:2px solid #667eea;background:var(--bg-card);border-radius:var(--space-2);cursor:pointer;font-weight:600;color:#667eea;transition:all .3s ease}.mode-btn:hover{background:#667eea1a}.mode-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.options{display:flex;gap:1rem;align-items:center}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--text-secondary);font-size:.95rem}.checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px}.action-btns{display:flex;gap:.5rem}.btn{padding:.5rem 1rem;border:none;border-radius:var(--space-2);font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95rem}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px var(--space-3) #667eea66}.btn-secondary{background:linear-gradient(135deg,var(--color-warning-500) 0%,#d97706 100%);color:#fff}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 4px var(--space-3) #f59e0b66}.btn-danger{background:linear-gradient(135deg,var(--color-danger-500) 0%,var(--color-danger-600) 100%);color:#fff}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 4px var(--space-3) #ef444466}.statistics-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem;padding:1.5rem;background:var(--bg-card);border-radius:15px;box-shadow:0 4px var(--space-4) #0000001a}.stat-item{text-align:center;padding:1rem;border-radius:10px;background:#667eea0d;display:flex;flex-direction:column;gap:.5rem}.stat-item.highlight{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid rgba(102,126,234,.3)}.stat-label{color:var(--text-secondary);font-size:.9rem}.stat-value{font-size:1.8rem;font-weight:700;color:var(--text-primary)}.stat-value.stat-equal{color:#10b981}.stat-value.stat-delete{color:var(--color-danger-500)}.stat-value.stat-insert{color:var(--color-info-500)}.stat-value.stat-similarity{color:#667eea}.diff-result-section{margin-bottom:2rem}.diff-result-section h3{color:#667eea;margin-bottom:1rem;font-size:1.3rem}.diff-view-side-by-side{display:grid;grid-template-columns:1fr 1fr;gap:1rem;background:var(--bg-card);border-radius:15px;overflow:hidden;box-shadow:0 4px var(--space-4) #0000001a}.diff-column{display:flex;flex-direction:column}.column-header{padding:1rem;font-weight:600;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--color-gray-200)}.column-header.left{background:linear-gradient(135deg,#ef44441a,#dc26261a);color:var(--color-danger-500)}.column-header.right{background:linear-gradient(135deg,#3b82f61a,#2563eb1a);color:var(--color-info-500)}.file-info{font-size:.85rem;color:var(--text-tertiary)}.diff-content{flex:1;overflow-y:auto;max-height:600px;font-family:Consolas,Monaco,Courier New,monospace;font-size:.9rem}.diff-line{display:flex;align-items:flex-start;padding:.25rem .5rem;line-height:1.6;border-bottom:1px solid var(--color-gray-100)}.line-number{display:inline-block;width:50px;text-align:right;color:#9ca3af;-webkit-user-select:none;user-select:none;flex-shrink:0;padding-right:1rem;font-size:.85rem}.line-text{flex:1;white-space:pre-wrap;word-break:break-all}.line-equal{background:var(--bg-card)}.line-delete{background:#ef44441a;border-left:3px solid var(--color-danger-500)}.line-insert{background:#3b82f61a;border-left:3px solid var(--color-info-500)}.line-empty{background:var(--color-gray-50);color:var(--color-gray-300)}.diff-view-unified{background:var(--bg-card);border-radius:15px;padding:1.5rem;font-family:Consolas,Monaco,Courier New,monospace;font-size:.9rem;max-height:600px;overflow-y:auto;box-shadow:0 4px var(--space-4) #0000001a}.diff-chunk{margin-bottom:2rem;border:1px solid var(--color-gray-200);border-radius:var(--space-2);overflow:hidden}.chunk-header{background:#667eea1a;color:#667eea;padding:.5rem 1rem;font-weight:600;border-bottom:1px solid var(--color-gray-200)}.line-prefix{display:inline-block;width:30px;text-align:center;font-weight:700;-webkit-user-select:none;user-select:none}.line-context{background:var(--bg-card)}.tips-section,.usage-section{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:15px;padding:2rem;margin-bottom:2rem}.tips-section h3,.usage-section h3{color:#667eea;margin-bottom:1.5rem;font-size:1.3rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.feature-item{background:var(--bg-card);padding:1.5rem;border-radius:10px;text-align:center;transition:all .3s ease}.feature-item:hover{transform:translateY(-4px);box-shadow:0 4px var(--space-3) #0000001a}.feature-icon{font-size:2rem;margin-bottom:.5rem}.feature-title{font-weight:600;color:#667eea;margin-bottom:.5rem}.feature-desc{color:var(--text-secondary);font-size:.9rem}.usage-section ul{list-style:none;padding:0}.usage-section li{color:var(--text-secondary);position:relative;padding:.5rem 0 .5rem 1.5rem}.usage-section li:before{content:"•";position:absolute;left:0;color:#667eea;font-weight:700;font-size:1.2rem}.line-delete-demo{background:#ef444433;padding:.2rem .5rem;border-radius:4px;border-left:3px solid var(--color-danger-500)}.line-insert-demo{background:#3b82f633;padding:.2rem .5rem;border-radius:4px;border-left:3px solid var(--color-info-500)}.line-equal-demo{background:#667eea1a;padding:.2rem .5rem;border-radius:4px}@media (max-width: 1024px){.diff-view-side-by-side,.upload-section{grid-template-columns:1fr}.upload-divider{transform:rotate(90deg)}}@media (max-width: 768px){.file-diff-container{padding:1rem}.diff-card{padding:1.5rem}.neon-text{font-size:1.8rem}.controls-bar{flex-direction:column;align-items:stretch}.mode-selector,.options,.action-btns{width:100%;justify-content:center}.statistics-panel{grid-template-columns:repeat(2,1fr)}.features-grid{grid-template-columns:1fr}}.pdf-parser-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem 1rem}.parser-header{text-align:center;margin-bottom:2rem}.upload-section{max-width:600px;margin:0 auto 2rem}.upload-area{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px dashed rgba(255,255,255,.3);border-radius:var(--space-5);padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .3s ease}.upload-area:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.upload-icon{font-size:4rem;margin-bottom:1rem}.upload-text{font-size:1.2rem;color:var(--color-white);font-weight:600;margin-bottom:.5rem}.upload-hint{color:#ffffffb3;font-size:.9rem}.loading-section{text-align:center;max-width:500px;margin:0 auto;padding:2rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--space-5)}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:var(--color-white);border-radius:var(--radius-full);animation:spin 1s linear infinite;margin:0 auto 1rem}.loading-section p{color:var(--color-white);font-size:1.1rem;margin:1rem 0}.progress-bar{width:100%;height:var(--space-2);background:#fff3;border-radius:10px;overflow:hidden;margin:1rem 0}.progress-fill{height:100%;background:linear-gradient(90deg,#4facfe,#00f2fe);transition:width .3s ease;border-radius:10px}.progress-text{color:var(--color-white);font-weight:600;font-size:1.2rem}.result-section{max-width:1200px;margin:0 auto}.file-info-card{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--space-5);padding:1.5rem;margin-bottom:1.5rem;text-align:center}.file-info-card h3{color:var(--color-white);margin:0 0 1rem;font-size:1.3rem}.info-row{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.info-row span{color:#ffffffe6;font-size:.95rem;background:#ffffff1a;padding:.5rem 1rem;border-radius:10px}.view-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.tab-btn{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:var(--space-3);padding:.8rem 1.5rem;color:var(--color-white);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.tab-btn:hover{background:#ffffff40;transform:translateY(-2px)}.tab-btn.active{background:#ffffff4d;border-color:#fff9;box-shadow:0 4px 15px #fff3}.preview-section{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--space-5);padding:2rem}.page-selector{display:flex;justify-content:center;align-items:center;gap:2rem;margin-bottom:1.5rem}.page-selector button{background:#fff3;border:none;border-radius:10px;padding:.6rem 1.2rem;color:var(--color-white);font-size:.95rem;cursor:pointer;transition:all .3s ease}.page-selector button:hover:not(:disabled){background:#ffffff4d;transform:translateY(-2px)}.page-selector button:disabled{opacity:.5;cursor:not-allowed}.page-selector span{color:var(--color-white);font-weight:600;font-size:1.1rem}.page-preview{display:flex;justify-content:center;overflow:auto;background:#0000001a;border-radius:10px;padding:1rem}.page-image{max-width:100%;height:auto;border-radius:var(--space-2);box-shadow:0 4px var(--space-5) #0003}.text-section{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--space-5);padding:2rem}.action-buttons{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.btn-action{background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:var(--space-3);padding:.8rem 1.5rem;color:var(--color-white);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-action:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 15px #fff3}.text-display{background:#0003;border-radius:10px;padding:1.5rem;max-height:600px;overflow:auto}.text-display pre{color:var(--color-white);font-family:Courier New,monospace;font-size:.9rem;line-height:1.6;margin:0;white-space:pre-wrap;word-wrap:break-word}.metadata-view{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--space-5);padding:2rem}.metadata-view h3{color:var(--color-white);font-size:1.3rem;margin-bottom:1rem}.metadata-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-bottom:2rem}.metadata-item{background:#ffffff1a;border-radius:10px;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.metadata-item strong{color:#fffc;font-size:.9rem}.metadata-item span{color:var(--color-white);font-size:1rem;word-break:break-all}.file-info{margin-top:2rem}@media (max-width: 768px){.neon-text{font-size:2rem}.subtitle{font-size:1rem}.upload-area{padding:2rem 1rem}.info-row{gap:1rem}.view-tabs{gap:.5rem}.tab-btn{padding:.6rem 1rem;font-size:.9rem}.features-grid,.metadata-grid{grid-template-columns:1fr}.step{flex-direction:column;align-items:center;text-align:center}}.duplicate-marker-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem 1rem}.marker-header{text-align:center;margin-bottom:2rem}.neon-text{font-size:2.5rem;font-weight:700;color:var(--color-white);text-shadow:0 0 10px rgba(255,255,255,.5),0 0 var(--space-5) rgba(255,255,255,.3),0 0 30px rgba(255,255,255,.2);margin:0}.subtitle{font-size:1.1rem;color:#ffffffe6;margin-top:.5rem}.upload-section{max-width:800px;margin:0 auto 2rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--space-5);padding:2rem}.upload-controls{display:flex;gap:1rem;align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:1rem}.encoding-selector{display:flex;align-items:center;gap:.5rem;color:var(--color-white);font-size:.9rem}.encoding-select{padding:.5rem;border:1px solid rgba(255,255,255,.3);border-radius:var(--space-2);background:#ffffff1a;color:var(--color-white);font-size:.9rem}.encoding-select option{background:#333;color:var(--color-white)}.upload-btn{background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:var(--space-3);padding:.8rem 1.5rem;color:var(--color-white);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.upload-btn:hover:not(:disabled){background:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 15px #fff3}.upload-btn:disabled{opacity:.6;cursor:not-allowed}.file-info{display:flex;justify-content:space-between;align-items:center;background:#ffffff1a;border-radius:10px;padding:1rem;color:var(--color-white);flex-wrap:wrap;gap:1rem}.file-name{font-weight:600;font-size:1rem}.file-stats{font-size:.9rem;opacity:.8}.column-selection{max-width:1200px;margin:0 auto 2rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--space-5);padding:2rem}.column-selection h3{color:var(--color-white);font-size:1.3rem;margin-bottom:1rem;text-align:center}.column-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.column-btn{background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:10px;padding:1rem;color:var(--color-white);font-size:.95rem;cursor:pointer;transition:all .3s ease;position:relative;text-align:center}.column-btn:hover{background:#fff3;transform:translateY(-2px)}.column-btn.selected{background:#4caf504d;border-color:#4caf50;box-shadow:0 4px 15px #4caf504d}.selection-order{position:absolute;top:-var(--space-2);right:-var(--space-2);background:#4caf50;color:#fff;border-radius:var(--radius-full);width:var(--space-6);height:var(--space-6);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.selection-info{text-align:center;color:#ffffffe6;margin-bottom:1.5rem;font-size:1rem}.action-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.mark-btn,.clear-btn,.export-btn{padding:.8rem 1.5rem;border:2px solid rgba(255,255,255,.3);border-radius:var(--space-3);color:var(--color-white);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.mark-btn{background:#2196f34d;border-color:#2196f3}.mark-btn:hover:not(:disabled){background:#2196f380;transform:translateY(-2px);box-shadow:0 4px 15px #2196f34d}.clear-btn{background:#ff98004d;border-color:#ff9800}.clear-btn:hover:not(:disabled){background:#ff980080;transform:translateY(-2px);box-shadow:0 4px 15px #ff98004d}.export-btn{background:#4caf504d;border-color:#4caf50}.export-btn:hover:not(:disabled){background:#4caf5080;transform:translateY(-2px);box-shadow:0 4px 15px #4caf504d}.mark-btn:disabled,.clear-btn:disabled,.export-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.stats-section{max-width:1000px;margin:0 auto 2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat-card{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:1.5rem;text-align:center;transition:all .3s ease}.stat-card:hover{background:#fff3;transform:translateY(-3px)}.stat-number{font-size:2.5rem;font-weight:700;color:var(--color-white);margin-bottom:.5rem}.stat-label{color:#fffc;font-size:.9rem}.stat-card.duplicate .stat-number{color:#ff5722}.stat-card.unique .stat-number{color:#4caf50}.stat-card.groups .stat-number{color:#2196f3}.groups-section{max-width:1200px;margin:0 auto 2rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--space-5);padding:2rem}.groups-section h3{color:var(--color-white);font-size:1.3rem;margin-bottom:1rem;text-align:center}.groups-list{display:grid;gap:1rem;max-height:400px;overflow-y:auto}.group-item{background:#ffffff1a;border-radius:10px;padding:1rem;border-left:4px solid #ff5722}.group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem}.group-value{color:var(--color-white);font-weight:600;font-size:1rem}.group-count{background:#ff5722;color:#fff;padding:.3rem .8rem;border-radius:15px;font-size:.8rem}.group-rows{color:#fffc;font-size:.9rem}.table-section{max-width:1400px;margin:0 auto 2rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--space-5);padding:2rem}.table-section h3{color:var(--color-white);font-size:1.3rem;margin-bottom:1rem;text-align:center}.table-container{overflow:auto;max-height:600px;border-radius:10px;background:#ffffffe6}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th{background:#f5f5f5;padding:.8rem;text-align:left;font-weight:600;border-bottom:2px solid #ddd;position:sticky;top:0;z-index:10}.data-table th.selected-column{background:#e3f2fd;color:#1976d2;position:relative}.column-badge{background:#1976d2;color:#fff;border-radius:var(--radius-full);width:var(--space-5);height:var(--space-5);display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;margin-left:.5rem}.data-table td{padding:.8rem;border-bottom:1px solid #eee;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table td.selected-column{background:#f3f9ff;font-weight:500}.row-number-header{width:80px;text-align:center}.row-number{text-align:center;font-weight:600;color:#666;position:relative}.duplicate-row{border-left:4px solid #ff6b6b;position:relative}.duplicate-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.selected-column{background:#409eff1a!important;border-left:3px solid var(--primary-color);font-weight:500}.duplicate-row .selected-column{background:#ff6b6b26!important;border-left:3px solid #ff6b6b}.duplicate-badge{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;font-size:.7rem;padding:.2rem .4rem;border-radius:10px;margin-left:.5rem;font-weight:700;box-shadow:var(--shadow-sm)}.group-details{margin-top:10px;padding:15px;background:#ffffff1a;border-radius:10px;border-left:4px solid var(--color-white)}.column-occurrences{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.occurrence-item{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.occurrence-item strong{min-width:100px;color:var(--color-white);font-weight:600}.row-numbers{background:#fff3;padding:6px var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-white);font-weight:500}.cross-reference{font-size:var(--text-sm);color:var(--color-white);font-style:italic;text-align:center;padding:10px;background:#ffc10733;border-radius:var(--radius-sm);border:1px solid rgba(255,193,7,.3)}.table-footer{padding:1rem;text-align:center;background:#f5f5f5;color:#666;font-size:.9rem;border-top:1px solid #ddd}.features-section{max-width:1200px;margin:3rem auto 0}.features-section h2{text-align:center;color:var(--color-white);font-size:2rem;margin-bottom:2rem}.feature-card{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--space-5);padding:2rem;text-align:center;transition:all .3s ease}.feature-card:hover{background:#fff3;transform:translateY(-5px);box-shadow:0 var(--space-2) 25px #0003}.feature-card h3{color:var(--color-white);font-size:1.2rem;margin-bottom:.5rem}.feature-card p{color:#ffffffd9;font-size:.95rem;line-height:1.6}.usage-section{max-width:1000px;margin:3rem auto 0;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--space-5);padding:2rem}.usage-section h2{text-align:center;color:var(--color-white);font-size:2rem;margin-bottom:2rem}.usage-steps{display:grid;gap:1.5rem}.step{display:flex;gap:1.5rem;background:#ffffff1a;border-radius:15px;padding:1.5rem;transition:all .3s ease}.step:hover{background:#ffffff26;transform:translate(5px)}.step-number{flex-shrink:0;width:50px;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-white);font-size:1.5rem;font-weight:700;box-shadow:0 4px 15px #0003}.step-content h3{color:var(--color-white);font-size:1.2rem;margin-bottom:.5rem}.step-content p{color:#ffffffd9;font-size:.95rem;line-height:1.6;margin:0}@media (max-width: 768px){.neon-text{font-size:2rem}.subtitle{font-size:1rem}.upload-controls{flex-direction:column;align-items:stretch}.file-info{flex-direction:column;text-align:center}.column-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.stats-grid{grid-template-columns:repeat(2,1fr)}.step{flex-direction:column;align-items:center;text-align:center}.table-container{font-size:.8rem}.data-table th,.data-table td{padding:.5rem}}@media (max-width: 480px){.stats-grid,.features-grid{grid-template-columns:1fr}}.clock-container{min-height:100vh;background:linear-gradient(135deg,#0c0c0c,#1a1a2e,#16213e);padding:2rem 1rem;color:var(--color-white)}.clock-header{text-align:center;margin-bottom:2rem}.neon-text{font-size:2.5rem;font-weight:700;color:var(--color-white);text-shadow:0 0 10px rgba(255,107,53,.8),0 0 var(--space-5) rgba(255,107,53,.6),0 0 30px rgba(255,107,53,.4);margin:0}.subtitle{font-size:1.1rem;color:#fffc;margin-top:.5rem}.clock-controls{max-width:800px;margin:0 auto 3rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--space-5);padding:2rem;border:1px solid rgba(255,255,255,.2)}.time-input-section{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.time-input-section label{font-size:1.1rem;font-weight:500}.time-input{padding:.8rem 1rem;border:2px solid rgba(255,255,255,.3);border-radius:10px;background:#ffffff1a;color:var(--color-white);font-size:1.1rem;font-weight:500;transition:all .3s ease}.time-input:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 10px #ff6b3580}.clear-btn{padding:.8rem 1.5rem;background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.clear-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ff6b3566}.clock-mode-tabs{display:flex;justify-content:center;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap}.mode-tab{padding:.8rem 1.5rem;border:2px solid rgba(255,255,255,.3);background:#ffffff1a;color:var(--color-white);border-radius:10px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease}.mode-tab:hover{border-color:#ff6b35;background:#ff6b3533}.mode-tab.active{background:linear-gradient(135deg,#ff6b35,#f7931e);border-color:#ff6b35;box-shadow:0 0 15px #ff6b3580}.clock-options{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.option-label{display:flex;align-items:center;gap:.5rem;font-size:1rem;cursor:pointer}.option-label input[type=checkbox]{width:18px;height:18px;accent-color:#ff6b35}.clock-display{display:flex;justify-content:center;align-items:center;margin:3rem 0;min-height:400px}.analog-clock-container{display:flex;justify-content:center;align-items:center}.analog-clock{border-radius:var(--radius-full);box-shadow:0 0 30px #ff6b354d,inset 0 0 30px #00000080;background:radial-gradient(circle,#1a1a2e,#0c0c0c)}.digital-clock{text-align:center;background:#ffffff1a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:var(--space-5);padding:3rem 4rem;border:2px solid rgba(255,255,255,.2);box-shadow:0 0 30px #ff6b354d}.digital-time{font-size:4rem;font-weight:700;font-family:Courier New,monospace;color:#ff6b35;text-shadow:0 0 var(--space-5) rgba(255,107,53,.8);margin-bottom:1rem;letter-spacing:.1em}.digital-date{font-size:1.5rem;color:#fffc;font-weight:300}.flip-clock{display:flex;flex-direction:column;align-items:center;gap:1rem}.flip-section{display:flex;align-items:center;gap:.5rem}.flip-digit{perspective:1000px}.flip-card{width:80px;height:120px;position:relative}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d}.flip-card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:#fff;font-family:Courier New,monospace;box-shadow:0 5px 15px #0000004d;border:2px solid rgba(255,255,255,.2)}.flip-separator{font-size:3rem;font-weight:700;color:#ff6b35;margin:0 .5rem;text-shadow:0 0 10px rgba(255,107,53,.8)}.flip-ampm{font-size:1.5rem;font-weight:700;color:#ff6b35;background:#ffffff1a;padding:.5rem 1rem;border-radius:10px;border:1px solid rgba(255,255,255,.2)}.time-info{display:flex;justify-content:center;gap:2rem;margin:3rem 0;flex-wrap:wrap}.info-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:1.5rem 2rem;text-align:center;border:1px solid rgba(255,255,255,.2);min-width:200px}.info-card h3{margin:0 0 .5rem;color:#ff6b35;font-size:1.2rem}.info-card p{margin:0;font-size:1.1rem;color:#ffffffe6}.features-section{max-width:1200px;margin:4rem auto 0}.features-section h2{text-align:center;color:var(--color-white);font-size:2rem;margin-bottom:2rem;text-shadow:0 0 10px rgba(255,107,53,.5)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.feature-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--space-5);padding:2rem;text-align:center;transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #ff6b354d;border-color:#ff6b3580}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{color:#ff6b35;margin-bottom:1rem;font-size:1.3rem}.feature-card p{color:#fffc;line-height:1.6}.usage-section{max-width:1000px;margin:4rem auto 0}.usage-section h2{text-align:center;color:var(--color-white);font-size:2rem;margin-bottom:2rem;text-shadow:0 0 10px rgba(255,107,53,.5)}.usage-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.step{display:flex;flex-direction:column;align-items:center;text-align:center;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--space-5);padding:2rem;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.step:hover{transform:translateY(-3px);box-shadow:0 var(--space-2) 25px #ff6b3533}.step-number{width:50px;height:50px;background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1rem;box-shadow:0 5px 15px #ff6b3566}.step-content h3{color:#ff6b35;margin-bottom:.5rem;font-size:1.2rem}.step-content p{color:#fffc;line-height:1.5;margin:0}@media (max-width: 768px){.clock-container{padding:1rem .5rem}.neon-text{font-size:2rem}.digital-time{font-size:2.5rem}.flip-card{width:60px;height:90px}.flip-card-front{font-size:2rem}.analog-clock{width:300px;height:300px}.time-input-section{flex-direction:column;gap:1rem}.clock-mode-tabs{flex-direction:column;align-items:center}.clock-options{flex-direction:column;gap:1rem}}.rte-page{min-height:100vh;background:#0f1117;color:var(--color-gray-200);display:flex;flex-direction:column}.rte-toast{position:fixed;top:var(--space-5);left:50%;transform:translate(-50%);padding:10px var(--space-6);border-radius:10px;font-size:var(--text-sm);font-weight:500;z-index:9999;display:flex;align-items:center;gap:var(--space-2);animation:rteToastIn .3s ease;box-shadow:0 var(--space-2) var(--space-6) #0006}.rte-toast.success{background:#10b981f2;color:var(--color-white)}.rte-toast.warn{background:#f59e0bf2;color:var(--color-white)}@keyframes rteToastIn{0%{opacity:0;transform:translate(-50%) translateY(-var(--space-3))}to{opacity:1;transform:translate(-50%) translateY(0)}}.rte-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background:#1a1c2ecc;border-bottom:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(var(--space-3));backdrop-filter:blur(var(--space-3))}.rte-header-left{display:flex;align-items:center;gap:14px}.rte-logo{font-size:28px}.rte-title{margin:0;font-size:var(--space-5);font-weight:700;color:#f1f5f9}.rte-subtitle{margin:2px 0 0;font-size:var(--text-sm);color:#ffffff73}.rte-header-right{display:flex;align-items:center;gap:var(--space-4)}.rte-stat{font-size:var(--text-sm);color:#ffffff80;font-variant-numeric:tabular-nums}.rte-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding:var(--space-2) var(--space-4);background:#1a1c2ef2;border-bottom:1px solid rgba(255,255,255,.06);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(var(--space-3));backdrop-filter:blur(var(--space-3))}.rte-btn{width:34px;height:34px;border:none;background:transparent;border-radius:var(--space-2);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);color:#ffffffb3;transition:all .15s ease;flex-shrink:0}.rte-btn:hover{background:#ffffff1a;color:var(--color-white)}.rte-btn.active{background:#667eea40;color:#667eea}.rte-btn-danger:hover{background:#ef444426;color:var(--color-danger-500)}.rte-btn b{font-weight:800;font-size:15px}.rte-btn i{font-style:italic;font-family:Georgia,serif;font-size:15px}.rte-btn u{text-decoration:underline;font-size:15px}.rte-btn s{text-decoration:line-through;font-size:15px}.rte-divider{width:1px;height:22px;background:#ffffff1a;margin:0 4px;flex-shrink:0}.rte-select{height:34px;padding:0 10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#ffffffb3;border-radius:var(--space-2);font-size:var(--text-sm);cursor:pointer;outline:none;transition:all .15s}.rte-select:hover{border-color:#fff3;background:#ffffff14}.rte-select option{background:#1a1c2e;color:var(--color-gray-200)}.rte-color-btn{width:34px;height:34px;border-radius:var(--space-2);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:all .15s;flex-shrink:0}.rte-color-btn:hover{background:#ffffff1a}.rte-color-btn input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.rte-color-icon{font-size:15px;font-weight:800;color:#ffffffb3;border-bottom:3px solid var(--color-danger-500);line-height:1;padding-bottom:2px}.rte-color-icon.bg{border-bottom-color:var(--color-warning-100);background:#fbbf2426;padding:1px 3px;border-radius:3px}.rte-panel{background:#1a1c2efa;border-bottom:1px solid rgba(255,255,255,.06);padding:var(--space-4) var(--space-5);animation:rtePanelIn .2s ease}@keyframes rtePanelIn{0%{opacity:0;transform:translateY(-var(--space-2))}to{opacity:1;transform:translateY(0)}}.rte-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font-size:15px;font-weight:600;color:#f1f5f9}.rte-panel-close{width:28px;height:28px;border:none;background:#ffffff0f;color:#ffffff80;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--space-3);display:flex;align-items:center;justify-content:center;transition:all .15s}.rte-panel-close:hover{background:#ffffff1f;color:var(--color-white)}.rte-templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-3)}.rte-tpl-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--space-3);overflow:hidden;cursor:pointer;transition:all .2s}.rte-tpl-card:hover{border-color:#667eea66;background:#ffffff0f;transform:translateY(-2px);box-shadow:0 6px var(--space-5) #0000004d}.rte-tpl-preview{padding:var(--space-3);max-height:100px;overflow:hidden;font-size:11px;transform:scale(.85);transform-origin:top left;pointer-events:none}.rte-tpl-name{padding:var(--space-2) 14px;font-size:var(--text-sm);font-weight:500;color:#ffffffb3;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:6px}.rte-export-panel{max-width:600px}.rte-export-actions{display:flex;gap:10px;flex-wrap:wrap}.rte-export-btn{flex:1;min-width:160px;display:flex;align-items:center;gap:var(--space-3);padding:14px var(--space-4);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;cursor:pointer;transition:all .2s;text-align:left;color:var(--color-gray-200)}.rte-export-btn:hover{background:#ffffff14;border-color:#667eea4d}.rte-export-btn strong{display:block;font-size:var(--text-sm);margin-bottom:2px}.rte-export-btn small{font-size:var(--space-3);color:#fff6}.rte-export-icon{font-size:var(--space-6)}.rte-body{flex:1;padding:var(--space-5);display:flex;justify-content:center}.rte-editor{width:100%;max-width:900px;min-height:500px;padding:var(--space-8) 40px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:var(--space-4);outline:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans SC,sans-serif;font-size:var(--space-4);line-height:1.75;color:var(--color-gray-200);transition:border-color .2s;word-break:break-word}.rte-editor:focus{border-color:#667eea66;box-shadow:0 0 0 3px #667eea14}.rte-editor:empty:before{content:attr(data-placeholder);color:#fff3;font-style:italic;pointer-events:none}.rte-editor h1{font-size:28px;font-weight:700;color:#f1f5f9;margin:var(--space-6) 0 var(--space-3);padding-bottom:var(--space-2);border-bottom:2px solid rgba(102,126,234,.3)}.rte-editor h2{font-size:22px;font-weight:600;color:#f1f5f9;margin:var(--space-5) 0 10px;padding-left:14px;border-left:4px solid #667eea}.rte-editor h3{font-size:18px;font-weight:600;color:#f1f5f9;margin:var(--space-4) 0 var(--space-2)}.rte-editor a{color:#667eea;text-decoration:none;border-bottom:1px solid rgba(102,126,234,.3);transition:border-color .15s}.rte-editor a:hover{border-bottom-color:#667eea}.rte-editor img{max-width:100%;height:auto;border-radius:10px;margin:var(--space-2) 0}.rte-editor blockquote{border-left:4px solid rgba(102,126,234,.4);margin:var(--space-3) 0;padding:10px 18px;background:#667eea0f;border-radius:0 var(--space-2) var(--space-2) 0;color:#ffffffb3}.rte-editor ul,.rte-editor ol{padding-left:28px}.rte-editor li{margin:4px 0}.rte-editor table{border-collapse:collapse;width:100%;margin:var(--space-3) 0}.rte-editor td,.rte-editor th{border:1px solid rgba(255,255,255,.1);padding:var(--space-2) var(--space-3)}.rte-editor th{background:#ffffff0d;font-weight:600}.rte-editor hr{border:none;height:1px;background:#ffffff1a;margin:var(--space-5) 0}.rte-preview{width:100%;max-width:900px}.rte-preview-badge{text-align:center;font-size:var(--text-sm);color:#fff6;margin-bottom:var(--space-3);font-weight:500}.rte-preview-content{padding:var(--space-8) 40px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:var(--space-4);min-height:500px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans SC,sans-serif;font-size:var(--space-4);line-height:1.75;color:var(--color-gray-200);word-break:break-word}.rte-preview-content h1{font-size:28px;font-weight:700;color:#f1f5f9;margin:var(--space-6) 0 var(--space-3);padding-bottom:var(--space-2);border-bottom:2px solid rgba(102,126,234,.3)}.rte-preview-content h2{font-size:22px;font-weight:600;color:#f1f5f9;margin:var(--space-5) 0 10px;padding-left:14px;border-left:4px solid #667eea}.rte-preview-content h3{font-size:18px;font-weight:600;color:#f1f5f9;margin:var(--space-4) 0 var(--space-2)}.rte-preview-content a{color:#667eea}.rte-preview-content img{max-width:100%;height:auto;border-radius:10px}.rte-preview-content blockquote{border-left:4px solid rgba(102,126,234,.4);margin:var(--space-3) 0;padding:10px 18px;background:#667eea0f;border-radius:0 var(--space-2) var(--space-2) 0}.rte-statusbar{padding:var(--space-2) var(--space-5);background:#1a1c2e99;border-top:1px solid rgba(255,255,255,.04);font-size:var(--space-3);color:#ffffff4d;text-align:center}@media (max-width: 768px){.rte-header{flex-direction:column;gap:10px;padding:14px var(--space-4)}.rte-header-right{align-self:flex-end}.rte-toolbar{padding:6px 10px;gap:2px}.rte-btn{width:30px;height:30px}.rte-body{padding:var(--space-3)}.rte-editor,.rte-preview-content{padding:var(--space-5);min-height:400px}.rte-templates-grid{grid-template-columns:1fr}.rte-export-actions{flex-direction:column}.rte-select{max-width:80px;font-size:var(--space-3)}}@media (max-width: 480px){.rte-title{font-size:17px}.rte-subtitle{font-size:var(--space-3)}.rte-divider:nth-child(n+8){display:none}}.markdown-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-5);padding:var(--space-5) 0}.markdown-card{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);background:var(--color-white);border-radius:var(--space-3);box-shadow:0 2px var(--space-2) #00000014;transition:all .3s ease;text-decoration:none;color:inherit}.markdown-card:hover{transform:translateY(-4px);box-shadow:0 var(--space-2) var(--space-6) #0000001f}.markdown-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--space-3);color:#fff}.markdown-info{flex:1;min-width:0}.markdown-title{font-size:var(--space-4);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.markdown-desc{font-size:var(--text-sm);color:#666;margin-bottom:var(--space-2);line-height:1.4}.markdown-meta{display:flex;align-items:center;gap:6px;font-size:var(--space-3);color:#999}.markdown-viewer{background:var(--color-white);border-radius:var(--space-3);padding:var(--space-8);box-shadow:0 2px var(--space-2) #00000014;max-width:900px;margin:0 auto}.markdown-viewer h1{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid #eaeaea}.markdown-viewer h2{font-size:22px;font-weight:600;color:var(--text-primary);margin-top:var(--space-8);margin-bottom:var(--space-4)}.markdown-viewer h3{font-size:18px;font-weight:600;color:#333;margin-top:var(--space-6);margin-bottom:var(--space-3)}.markdown-viewer p{font-size:15px;line-height:1.8;color:#444;margin-bottom:var(--space-4)}.markdown-viewer ul,.markdown-viewer ol{padding-left:var(--space-6);margin-bottom:var(--space-4)}.markdown-viewer li{font-size:15px;line-height:1.8;color:#444;margin-bottom:var(--space-2)}.markdown-viewer code{background:#f5f5f5;padding:2px 6px;border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:var(--text-sm);color:#e83e8c}.markdown-viewer pre{background:#282c34;padding:var(--space-4);border-radius:var(--space-2);overflow-x:auto;margin-bottom:var(--space-4)}.markdown-viewer pre code{background:transparent;color:#abb2bf;padding:0}.markdown-viewer a{color:#667eea;text-decoration:none}.markdown-viewer a:hover{text-decoration:underline}.markdown-viewer blockquote{border-left:4px solid #667eea;padding-left:var(--space-4);margin:var(--space-4) 0;color:#666;font-style:italic}.markdown-viewer table{width:100%;border-collapse:collapse;margin-bottom:var(--space-4)}.markdown-viewer th,.markdown-viewer td{border:1px solid #eaeaea;padding:var(--space-3);text-align:left}.markdown-viewer th{background:#f5f5f5;font-weight:600}.markdown-viewer img{max-width:100%;border-radius:var(--space-2);margin:var(--space-4) 0}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);color:#666}.loading-container p,.error-container p{margin-top:var(--space-4);font-size:var(--space-4)}.error-container button{margin-top:var(--space-4);padding:10px var(--space-6);background:#667eea;color:#fff;border:none;border-radius:var(--space-2);cursor:pointer;font-size:var(--text-sm)}.error-container button:hover{background:#5a6fd6}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dc-container{max-width:1400px;margin:0 auto;position:relative;z-index:1}.dc-page-title{display:flex;align-items:center;justify-content:center;gap:10px;font-size:1.6rem;font-weight:700;background:linear-gradient(135deg,var(--color-primary-400),#a78bfa,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 var(--space-2) 0}.dc-title-icon{font-size:1.6rem;-webkit-text-fill-color:initial}.dc-page-desc{color:var(--text-secondary, #999);font-size:.9rem;margin:0 0 10px}.dc-format-badges{display:flex;align-items:center;justify-content:center;gap:var(--space-2);color:var(--text-muted, #94a3b8);font-size:.85rem}.dc-badge-item{padding:3px 10px;border-radius:4px;font-size:.75rem;font-weight:600;letter-spacing:.5px}.dc-badge-item.pdf{background:#ef44441f;color:#f87171}.dc-badge-item.word{background:#3b82f61f;color:#60a5fa}.dc-badge-item.txt{background:#10b9811f;color:#34d399}.dc-upload-row{display:grid;grid-template-columns:1fr auto 1fr;gap:0;align-items:stretch;margin-bottom:calc(1 * var(--space-2))}@media (max-width: 768px){.dc-upload-row{grid-template-columns:1fr;gap:var(--space-4)}.dc-versus{display:none}}.dc-versus{display:flex;align-items:center;justify-content:center;padding:0 var(--space-5)}.dc-versus-circle{width:44px;height:44px;border-radius:var(--radius-full);background:linear-gradient(135deg,#6366f126,#a855f726);border:2px solid rgba(99,102,241,.2);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;color:#a78bfa;letter-spacing:1px}.dc-upload-zone{position:relative;background:var(--bg-card, var(--color-white));border:2px dashed rgba(129,140,248,.35);border-radius:14px;padding:var(--space-6) var(--space-5) var(--space-5);text-align:center;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);overflow:hidden}.dc-upload-zone:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 0%,rgba(99,102,241,.04),transparent 70%);pointer-events:none;transition:opacity .3s;opacity:0}.dc-upload-zone:hover{border-color:#6366f173;background:var(--bg-hover, rgba(99, 102, 241, .04));transform:translateY(-2px);box-shadow:0 var(--space-2) var(--space-6) #6366f114}.dc-upload-zone:hover:before{opacity:1}.dc-upload-zone.dragging{border-color:var(--color-primary-400);background:#6366f114;transform:scale(1.02);box-shadow:0 0 0 4px #6366f11f,0 var(--space-3) var(--space-8) #6366f126}.dc-upload-input{display:none}.dc-upload-badge{position:absolute;top:var(--space-3);left:var(--space-3);width:calc(2 * var(--space-2));height:calc(2 * var(--space-2));border-radius:var(--space-2);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800}.dc-upload-badge[data-side=a]{background:#6366f126;color:var(--color-primary-400)}.dc-upload-badge[data-side=b]{background:#f59e0b26;color:var(--color-warning-100)}.dc-upload-visual{margin-bottom:10px}.dc-upload-icon-ring{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:var(--radius-full);background:linear-gradient(135deg,#6366f114,#a855f714);border:2px solid rgba(99,102,241,.12);font-size:22px;transition:all .3s ease}.dc-upload-zone:hover .dc-upload-icon-ring{border-color:#6366f14d;transform:scale(1.08)}.dc-upload-title{font-size:.92rem;font-weight:600;color:var(--text-primary, #e0e0e0);margin:0 0 4px}.dc-upload-desc{font-size:.82rem;color:var(--text-muted, #94a3b8);margin:0 0 10px}.dc-upload-link{color:var(--color-primary-400);text-decoration:underline;text-underline-offset:2px}.dc-upload-formats{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.dc-format-tag{padding:2px var(--space-2);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:4px;font-size:.72rem;color:var(--text-muted, #94a3b8);font-weight:500}.dc-format-limit{font-size:.72rem;color:var(--text-muted, #94a3b8)}.dc-file-card{background:var(--bg-tertiary, #1a1a2e);border:1px solid rgba(16,185,129,.25);border-radius:14px;padding:14px var(--space-4);position:relative;transition:all .3s ease}.dc-file-card:hover{box-shadow:0 4px var(--space-5) #10b98114}.dc-file-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.dc-file-badge{width:calc(2 * var(--space-2));height:calc(2 * var(--space-2));border-radius:var(--space-2);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800}.dc-file-badge[data-side=a]{background:#6366f126;color:var(--color-primary-400)}.dc-file-badge[data-side=b]{background:#f59e0b26;color:var(--color-warning-100)}.dc-file-remove{width:calc(2 * var(--space-2));height:calc(2 * var(--space-2));border-radius:var(--space-2);background:var(--color-danger-50);border:1px solid var(--color-danger-200);color:var(--color-danger-500);font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.dc-file-remove:hover{background:var(--color-danger-100);border-color:#f87171;transform:scale(1.1)}.dc-file-body{display:flex;align-items:center;gap:14px}.dc-file-icon-wrap{width:calc(4 * var(--space-2));height:calc(4 * var(--space-2));border-radius:var(--space-3);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dc-file-icon{font-size:var(--space-6)}.dc-file-detail{flex:1;min-width:0}.dc-file-name{font-size:.92rem;font-weight:600;color:var(--text-primary, #e0e0e0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.dc-file-meta{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--text-muted, #94a3b8)}.dc-meta-dot{opacity:.4}.dc-extracting{display:inline-flex;align-items:center;gap:5px;color:var(--color-primary-400)}.dc-extracting-dot{width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-primary-400);animation:dc-blink 1.2s ease-in-out infinite}@keyframes dc-blink{0%,to{opacity:.3}50%{opacity:1}}.dc-text-count{color:#34d399}.dc-extract-progress{margin-top:14px;height:3px;background:#6366f11a;border-radius:2px;overflow:hidden}.dc-extract-bar{width:40%;height:100%;background:linear-gradient(90deg,var(--color-primary-400),#a78bfa);border-radius:2px;animation:dc-slide 1.5s ease-in-out infinite}@keyframes dc-slide{0%{transform:translate(-100%);width:40%}50%{width:60%}to{transform:translate(300%);width:40%}}.dc-preview-toggle{margin-top:var(--space-3);text-align:center}.dc-preview-btn{background:none;border:1px solid rgba(99,102,241,.15);color:var(--color-primary-400);font-size:.78rem;padding:4px 14px;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.dc-preview-btn:hover,.dc-preview-btn.active{background:#6366f114;border-color:#6366f14d}.dc-text-preview{margin-top:var(--space-3);background:var(--bg-primary, #0f0f1a);border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:14px;max-height:180px;overflow-y:auto;font-size:.8rem;line-height:1.7;color:var(--text-secondary, #aaa);white-space:pre-wrap;word-break:break-all}.dc-text-preview::-webkit-scrollbar{width:4px}.dc-text-preview::-webkit-scrollbar-thumb{background:#6366f133;border-radius:2px}.dc-preview-more{color:var(--color-primary-400);font-style:italic}.dc-focus-section{display:flex;align-items:center;gap:var(--space-3);margin-bottom:calc(1 * var(--space-2));flex-wrap:wrap}.dc-focus-header{display:flex;align-items:center;gap:6px;flex-shrink:0}.dc-focus-icon{font-size:1rem}.dc-focus-title{font-size:.88rem;font-weight:600;color:var(--text-primary, #e0e0e0);white-space:nowrap}.dc-focus-optional{font-size:.78rem;color:var(--text-muted, #94a3b8);font-weight:400;white-space:nowrap}.dc-focus-input{flex:1;min-width:200px;background:var(--bg-tertiary, #f5f6fa);border:1px solid rgba(129,140,248,.2);border-radius:14px;padding:var(--space-3) calc(1 * var(--space-2));color:var(--text-primary, var(--color-gray-900));font-size:.88rem;line-height:1.5;resize:none;height:126px;max-height:126px;transition:all .3s;font-family:inherit;box-sizing:border-box;overflow:auto}.dc-focus-input::placeholder{color:var(--text-muted, #9ca3af);font-size:.82rem}.dc-focus-input:focus{outline:none;border-color:var(--color-primary-400);background:var(--bg-tertiary, var(--color-white));box-shadow:0 0 0 3px #6366f114}.dc-focus-hint{width:100%;margin-top:2px;padding-left:4px;font-size:.78rem;color:#34d399;display:flex;align-items:center;gap:4px}.dc-progress{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:calc(1 * var(--space-2));padding:14px 0}.dc-progress-step{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);position:relative}.dc-step-circle{width:calc(3 * var(--space-2));height:calc(3 * var(--space-2));border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:1rem;background:var(--bg-tertiary, #1e1e2e);border:2px solid rgba(255,255,255,.08);color:var(--text-muted, #94a3b8);transition:all .4s ease}.dc-progress-step.active .dc-step-circle{border-color:var(--color-primary-400);background:#6366f11f;color:var(--color-primary-400);box-shadow:0 0 var(--space-5) #6366f133;animation:dc-pulse 2s ease-in-out infinite}@keyframes dc-pulse{0%,to{box-shadow:0 0 #6366f133}50%{box-shadow:0 0 0 var(--space-2) #6366f100}}.dc-progress-step.done .dc-step-circle{border-color:#10b981;background:#10b9811f;color:#10b981}.dc-step-label{font-size:.78rem;color:var(--text-muted, #94a3b8);font-weight:500;transition:color .3s}.dc-progress-step.active .dc-step-label{color:var(--color-primary-400)}.dc-progress-step.done .dc-step-label{color:#10b981}.dc-progress-line{width:60px;height:2px;background:#ffffff0f;margin:0 var(--space-2);margin-bottom:26px;border-radius:1px;transition:background .5s}.dc-progress-line.active{background:linear-gradient(90deg,#10b981,var(--color-primary-400))}.dc-actions{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:var(--space-5)}.dc-compare-btn{display:inline-flex;align-items:center;gap:10px;padding:var(--space-3) var(--space-8);background:linear-gradient(135deg,var(--color-primary-500) 0%,#8b5cf6 50%,#a855f7 100%);color:var(--color-white);border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px var(--space-4) #6366f140;position:relative;overflow:hidden}.dc-compare-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .3s}.dc-compare-btn:hover:not(:disabled):before{opacity:1}.dc-compare-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 var(--space-2) var(--space-6) #6366f159}.dc-compare-btn:active:not(:disabled){transform:translateY(0)}.dc-compare-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.dc-compare-btn.loading{pointer-events:none;background:linear-gradient(135deg,#4f46e5,#7c3aed)}.dc-btn-icon{font-size:1.15rem}.dc-spinner{width:var(--space-2);height:var(--space-2);border:2px solid rgba(255,255,255,.25);border-top-color:var(--color-white);border-radius:var(--radius-full);animation:dc-spin .7s linear infinite}@keyframes dc-spin{to{transform:rotate(360deg)}}.dc-clear-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--bg-tertiary, #1e1e2e);color:var(--text-secondary, #999);border:1px solid rgba(255,255,255,.08);border-radius:10px;font-size:.88rem;cursor:pointer;transition:all .3s ease}.dc-clear-btn:hover{background:#ef444414;border-color:#ef444433;color:#f87171}.dc-error{display:flex;align-items:center;gap:10px;background:#ef44440f;border:1px solid rgba(239,68,68,.15);border-radius:10px;padding:14px var(--space-5);margin-bottom:var(--space-5);color:#f87171;font-size:.9rem}.dc-error-icon{font-size:1.1rem;flex-shrink:0}.dc-loading{display:flex;flex-direction:column;align-items:center;padding:var(--space-8) var(--space-5) calc(2 * var(--space-2));text-align:center}.dc-loading-visual{position:relative;width:var(--space-16);height:var(--space-16);margin-bottom:var(--space-4)}.dc-loading-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid rgba(99,102,241,.1);border-top-color:var(--color-primary-400);border-radius:var(--radius-full);animation:dc-spin 1.2s linear infinite}.dc-loading-emoji{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:2rem;animation:dc-float 2s ease-in-out infinite}@keyframes dc-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.dc-loading-title{font-size:1.05rem;font-weight:600;color:var(--text-primary, #e0e0e0);margin:0 0 var(--space-2) 0}.dc-loading-hint{font-size:.85rem;color:var(--text-muted, #94a3b8);margin:0 0 var(--space-6) 0}.dc-loading-bar-wrap{width:200px;height:3px;background:#6366f11a;border-radius:2px;overflow:hidden}.dc-loading-bar{width:30%;height:100%;background:linear-gradient(90deg,var(--color-primary-500),#a855f7);border-radius:2px;animation:dc-loading-slide 2s ease-in-out infinite}@keyframes dc-loading-slide{0%{transform:translate(-100%)}to{transform:translate(400%)}}.dc-result{margin-top:var(--space-2);animation:dc-fadeIn .5s ease;width:100%;margin-left:calc(-1 * var(--space-8));margin-right:calc(-1 * var(--space-8));width:calc(100% + var(--space-16));padding:0 var(--space-8);box-sizing:border-box}@keyframes dc-fadeIn{0%{opacity:0;transform:translateY(var(--space-3))}to{opacity:1;transform:translateY(0)}}.dc-result-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.dc-result-title{display:flex;align-items:center;gap:10px;font-size:1.2rem;font-weight:700;color:var(--text-primary, #e0e0e0)}.dc-result-icon{font-size:1.4rem}.dc-copy-btn{padding:var(--space-2) var(--space-4);background:var(--bg-tertiary, #1e1e2e);border:1px solid rgba(255,255,255,.08);color:var(--text-secondary, #999);border-radius:var(--space-2);font-size:.82rem;cursor:pointer;transition:all .2s}.dc-copy-btn:hover{background:#6366f114;border-color:#6366f133;color:var(--color-primary-400)}.dc-copy-btn.copied{background:#10b98114;border-color:#10b98140;color:#10b981}.dc-result-summary{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-4) var(--space-5);background:var(--bg-tertiary, #1a1a2e);border:1px solid rgba(255,255,255,.05);border-radius:var(--space-3)}@media (max-width: 600px){.dc-result-summary{flex-direction:column}}.dc-summary-item{flex:1;display:flex;align-items:center;gap:var(--space-3);min-width:0}.dc-summary-badge{width:var(--space-8);height:var(--space-8);border-radius:var(--space-2);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;flex-shrink:0}.dc-summary-item[data-side=a] .dc-summary-badge{background:#6366f126;color:var(--color-primary-400)}.dc-summary-item[data-side=b] .dc-summary-badge{background:#f59e0b26;color:var(--color-warning-100)}.dc-summary-info{min-width:0}.dc-summary-name{font-size:.88rem;font-weight:600;color:var(--text-primary, #e0e0e0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dc-summary-meta{font-size:.78rem;color:var(--text-muted, #94a3b8);margin-top:2px}.dc-summary-vs{color:var(--text-muted, #94a3b8);font-size:1.2rem;flex-shrink:0}.dc-result-body{background:var(--bg-tertiary, #1a1a2e);border:1px solid rgba(255,255,255,.05);border-radius:14px;padding:var(--space-8);line-height:1.85;color:var(--text-primary, #ddd)}.dc-result-body h1,.dc-result-body h2,.dc-result-body h3,.dc-result-body h4,.dc-result-body h5{color:var(--text-primary, var(--color-gray-900));margin-top:calc(2 * var(--space-2));margin-bottom:14px;padding-bottom:var(--space-2);border-bottom:1px solid var(--color-gray-200)}.dc-result-body h1:first-child,.dc-result-body h2:first-child,.dc-result-body h3:first-child{margin-top:0}.dc-result-body h1{font-size:1.4rem}.dc-result-body h2{font-size:1.2rem}.dc-result-body h3{font-size:1.05rem;color:#a78bfa;border-bottom:none}.dc-result-body ul,.dc-result-body ol{padding-left:22px;margin-bottom:var(--space-4)}.dc-result-body li{margin-bottom:var(--space-2);padding-left:4px}.dc-result-body li::marker{color:var(--color-primary-400)}.dc-result-body strong{color:#a78bfa;font-weight:600}.dc-result-body code{background:#6366f114;color:var(--color-primary-300);padding:2px 7px;border-radius:5px;font-size:.88em}.dc-result-body pre{background:var(--bg-primary, #0f0f1a);border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:calc(1 * var(--space-2));overflow-x:auto;margin:var(--space-4) 0}.dc-result-body blockquote{border-left:3px solid var(--color-primary-400);padding-left:calc(1 * var(--space-2));margin:calc(1 * var(--space-2)) 0;color:var(--text-secondary, #aaa);font-style:italic}.dc-result-body table{width:100%;border-collapse:collapse;margin:calc(1 * var(--space-2)) 0;border-radius:var(--space-2);overflow:hidden}.dc-result-body th,.dc-result-body td{border:1px solid rgba(255,255,255,.06);padding:11px var(--space-4);text-align:left}.dc-result-body th{background:#6366f114;color:#a78bfa;font-weight:600;font-size:.9rem}.dc-result-body tr:hover td{background:#6366f108}.dc-result-body hr{border:none;height:1px;background:#ffffff0f;margin:var(--space-6) 0}.dc-result-body blockquote[title]{cursor:pointer;transition:background .15s,border-color .15s}.dc-result-body blockquote[title]:hover{background:#f59e0b14;border-left-color:var(--color-warning-500)}.dc-result-body blockquote[title]:hover:after{content:" 🔍 点击定位";font-size:.72rem;color:var(--color-warning-500);font-style:normal;opacity:.8}@media (max-width: 768px){.dc-page-title{font-size:1.5rem}.dc-result{margin-left:calc(-1 * var(--space-4));margin-right:calc(-1 * var(--space-4));width:calc(100% + var(--space-8));padding:0 var(--space-4)}.dc-result>div+div>div:first-child,.dc-result>div+div>div:last-child{flex:0 0 100%!important;border-right:none!important;border-bottom:1px solid var(--border-color, #e5e7eb);height:50vh!important}.dc-result>div+div{flex-direction:column!important;height:auto!important}.dc-result-body{padding:var(--space-5) var(--space-4)}.dc-focus-section{flex-direction:column;align-items:flex-start}.dc-actions{flex-direction:column}.dc-compare-btn,.dc-clear-btn{width:100%;justify-content:center}}.doc-extractor-page{min-height:100vh;background:linear-gradient(180deg,#0f0f23,#1a1a3e,#0f0f23);padding:30px var(--space-5) 60px}.de-container{max-width:960px;margin:0 auto;position:relative;z-index:1}.de-page-title{display:flex;align-items:center;justify-content:center;gap:10px;font-size:1.6rem;font-weight:700;background:linear-gradient(135deg,#60a5fa,var(--color-primary-400),#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 var(--space-2) 0}.de-title-icon{font-size:1.6rem;-webkit-text-fill-color:initial}.de-page-desc{color:#999;font-size:.9rem;margin:0 0 10px}.de-format-badges{display:flex;align-items:center;justify-content:center;gap:var(--space-2);color:#666;font-size:.85rem}.de-badge-item{padding:3px 10px;border-radius:4px;font-size:.75rem;font-weight:600}.de-badge-item.pdf{background:#ef444426;color:#f87171}.de-badge-item.word{background:#3b82f626;color:#60a5fa}.de-badge-item.txt{background:#10b98126;color:#34d399}.de-badge-sep{color:#444}.de-badge-limit{color:#888;font-size:.78rem}.de-upload-zone{border:2px dashed rgba(129,140,248,.3);border-radius:var(--space-4);padding:60px 40px;text-align:center;cursor:pointer;transition:all .3s ease;background:#ffffff05}.de-upload-zone:hover,.de-upload-zone.dragging{border-color:#818cf899;background:#818cf80d;transform:translateY(-2px)}.de-upload-icon{font-size:3rem;margin-bottom:var(--space-4)}.de-upload-main{font-size:1.1rem;color:#c4b5fd;font-weight:600;margin:0 0 var(--space-2) 0}.de-upload-sub{font-size:.85rem;color:#777;margin:0}.de-loading-card{text-align:center;padding:60px var(--space-5);background:#ffffff08;border-radius:var(--space-4);border:1px solid rgba(129,140,248,.15)}.de-spinner{width:40px;height:40px;border:3px solid rgba(129,140,248,.2);border-top-color:var(--color-primary-400);border-radius:var(--radius-full);animation:de-spin .8s linear infinite;margin:0 auto var(--space-4)}.de-spinner.small{width:var(--space-5);height:var(--space-5);border-width:2px;margin:0}@keyframes de-spin{to{transform:rotate(360deg)}}.de-loading-text{color:#c4b5fd;font-size:1rem;font-weight:600;margin:0 0 4px}.de-loading-sub{color:#777;font-size:.85rem;margin:0}.de-error-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#f87171;font-size:.9rem;margin-bottom:var(--space-4)}.de-error-bar button{background:none;border:none;color:#f87171;cursor:pointer;font-size:1rem;padding:0 4px}.de-file-bar{display:flex;align-items:center;justify-content:space-between;padding:14px var(--space-5);background:#ffffff0a;border-radius:var(--space-3);border:1px solid rgba(129,140,248,.15);margin-bottom:var(--space-4);flex-wrap:wrap;gap:var(--space-3)}.de-file-info{display:flex;align-items:center;gap:var(--space-3)}.de-file-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.de-file-detail{display:flex;flex-direction:column;gap:2px}.de-file-name{color:var(--color-gray-200);font-weight:600;font-size:.95rem;word-break:break-all}.de-file-meta{color:#888;font-size:.8rem}.de-file-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.de-btn-copy,.de-btn-reset,.de-btn-copy-all{padding:var(--space-2) var(--space-4);border-radius:var(--space-2);font-size:.85rem;font-weight:600;cursor:pointer;border:none;transition:all .2s ease}.de-btn-copy{background:linear-gradient(135deg,var(--color-primary-400),var(--color-primary-500));color:#fff}.de-btn-copy:hover{opacity:.9;transform:translateY(-1px)}.de-btn-copy.copied{background:linear-gradient(135deg,#34d399,#10b981)}.de-btn-reset{background:#ffffff14;color:#c4b5fd;border:1px solid rgba(129,140,248,.2)}.de-btn-reset:hover{background:#ffffff1f}.de-btn-copy-all{background:#818cf826;color:#a78bfa;border:1px solid rgba(129,140,248,.2)}.de-btn-copy-all:hover{background:#818cf840}.de-btn-copy-all.copied{color:#34d399;border-color:#34d3994d}.de-text-card{background:#ffffff08;border:1px solid rgba(129,140,248,.12);border-radius:var(--space-3);overflow:hidden;margin-bottom:var(--space-6)}.de-text-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:#818cf80f;border-bottom:1px solid rgba(129,140,248,.1);color:#c4b5fd;font-size:.9rem;font-weight:600}.de-text-count{font-size:.8rem;color:#888;font-weight:400}.de-text-content{padding:var(--space-4);max-height:400px;overflow-y:auto;font-size:.88rem;line-height:1.7;color:var(--color-gray-300);white-space:pre-wrap;word-wrap:break-word;font-family:SF Mono,Menlo,Monaco,Courier New,monospace;margin:0;background:transparent}.de-text-content::-webkit-scrollbar{width:6px}.de-text-content::-webkit-scrollbar-thumb{background:#818cf84d;border-radius:3px}.de-chunk-section{background:#ffffff05;border:1px solid rgba(129,140,248,.1);border-radius:var(--space-4);padding:var(--space-6)}.de-chunk-header{margin-bottom:var(--space-5)}.de-chunk-title{display:flex;align-items:center;gap:var(--space-2);font-size:1.15rem;font-weight:700;color:var(--color-gray-200);margin:0 0 6px}.de-chunk-desc{color:#888;font-size:.85rem;margin:0}.de-strategy-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-4)}@media (max-width: 640px){.de-strategy-cards{grid-template-columns:1fr}}.de-strategy-card{display:flex;align-items:flex-start;gap:10px;padding:14px;border-radius:var(--space-3);border:1px solid rgba(255,255,255,.06);background:#ffffff08;cursor:pointer;transition:all .2s ease;position:relative}.de-strategy-card:hover{background:#818cf80f;border-color:#818cf833}.de-strategy-card.active{background:#818cf81a;border-color:#818cf866;box-shadow:0 0 var(--space-5) #818cf814}.de-strategy-icon{font-size:1.5rem;flex-shrink:0;margin-top:2px}.de-strategy-info{flex:1;min-width:0}.de-strategy-name{font-size:.95rem;font-weight:700;color:var(--color-gray-200);margin-bottom:3px}.de-strategy-desc{font-size:.78rem;color:#888;line-height:1.4}.de-strategy-check{position:absolute;top:var(--space-2);right:10px;width:var(--space-5);height:var(--space-5);border-radius:var(--radius-full);background:var(--color-primary-400);color:#fff;font-size:.7rem;display:flex;align-items:center;justify-content:center;font-weight:700}.de-strategy-detail{padding:var(--space-3) var(--space-4);background:#60a5fa0f;border-radius:var(--space-2);color:var(--color-gray-400);font-size:.83rem;line-height:1.5;margin-bottom:var(--space-5);border-left:3px solid rgba(96,165,250,.3)}.de-btn-chunk{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:14px;border-radius:var(--space-3);font-size:1rem;font-weight:700;cursor:pointer;border:none;background:linear-gradient(135deg,var(--color-primary-400),var(--color-primary-500));color:#fff;transition:all .3s ease}.de-btn-chunk:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 var(--space-2) 25px #6366f14d}.de-btn-chunk:disabled{opacity:.6;cursor:not-allowed}.de-btn-spinner{width:var(--space-4);height:var(--space-4);border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:var(--radius-full);animation:de-spin .8s linear infinite;display:inline-block}.de-chunk-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:var(--space-5);color:#a78bfa;font-size:.9rem}.de-chunks-result{margin-top:var(--space-4)}.de-chunks-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);flex-wrap:wrap;gap:var(--space-2)}.de-chunks-count{color:#c4b5fd;font-size:.9rem;font-weight:600}.de-chunks-list{display:flex;flex-direction:column;gap:10px}.de-chunk-item{background:#ffffff08;border:1px solid rgba(129,140,248,.1);border-radius:10px;overflow:hidden;transition:border-color .2s}.de-chunk-item:hover{border-color:#818cf840}.de-chunk-item-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#818cf80a;border-bottom:1px solid rgba(129,140,248,.08)}.de-chunk-item-meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.de-chunk-seq{font-size:.8rem;font-weight:700;color:var(--color-primary-400);background:#818cf826;padding:2px var(--space-2);border-radius:4px}.de-chunk-clause{font-size:.8rem;color:var(--color-gray-400);font-weight:500;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.de-chunk-chars{font-size:.75rem;color:#666}.de-btn-copy-chunk{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.85rem;transition:all .2s;flex-shrink:0}.de-btn-copy-chunk:hover{background:#818cf826}.de-btn-copy-chunk.copied{background:#34d39926}.de-chunk-text{padding:var(--space-3) 14px;font-size:.84rem;line-height:1.65;color:#c8ccd0;white-space:pre-wrap;word-wrap:break-word;font-family:SF Mono,Menlo,Monaco,Courier New,monospace;margin:0;background:transparent;max-height:none}.de-btn-expand{display:block;width:100%;padding:var(--space-2);background:#818cf80a;border:none;border-top:1px solid rgba(129,140,248,.08);color:var(--color-primary-400);font-size:.8rem;cursor:pointer;transition:background .2s}.de-btn-expand:hover{background:#818cf81a}.de-chunks-empty{text-align:center;padding:40px var(--space-5);color:#666}.de-chunks-empty span{font-size:2rem;display:block;margin-bottom:var(--space-2)}.de-chunks-empty p{margin:0;font-size:.9rem}@media (max-width: 768px){.doc-extractor-page{padding:var(--space-5) var(--space-3) 40px}.de-page-title{font-size:1.3rem}.de-upload-zone{padding:40px var(--space-5)}.de-file-bar{flex-direction:column;align-items:flex-start}.de-file-actions{width:100%}.de-file-actions button{flex:1}.de-chunk-section{padding:var(--space-4)}.de-chunk-clause{max-width:160px}}.notes-btn{display:inline-flex;align-items:center;gap:6px;padding:var(--space-2) var(--space-4);border:none;border-radius:var(--space-2);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.notes-btn:disabled{opacity:.5;cursor:not-allowed}.notes-btn-primary{background:linear-gradient(135deg,var(--color-primary-500) 0%,#a78bfa 100%);color:var(--color-white)}.notes-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px var(--space-3) #6366f166}.notes-btn-secondary{background:var(--bg-tertiary, #f0f2f8);color:var(--text-secondary, var(--color-gray-500));border:1px solid var(--border-color, var(--color-gray-200))}.notes-btn-secondary:hover{background:var(--bg-hover, #eef0f7);color:var(--text-primary, var(--color-gray-900))}.notes-btn-back{background:transparent;color:var(--text-secondary, var(--color-gray-500));padding:var(--space-2) var(--space-3)}.notes-btn-back:hover{color:var(--text-primary, var(--color-gray-900))}.notes-btn-search{background:var(--primary, var(--color-primary-500));color:var(--color-white)}.notes-btn-search:hover{background:var(--primary-dark, #4f46e5)}.notes-btn-page{background:var(--bg-secondary, var(--color-white));color:var(--text-secondary, var(--color-gray-500));border:1px solid var(--border-color, var(--color-gray-200));padding:6px 14px}.notes-btn-page:hover:not(:disabled){background:#6366f114;color:var(--primary, var(--color-primary-500));border-color:#6366f14d}.notes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-3)}.notes-header-left{display:flex;align-items:baseline;gap:var(--space-3)}.notes-title{font-size:var(--space-6);font-weight:700;color:var(--text-primary, var(--color-gray-900));margin:0}.notes-count{font-size:var(--text-sm);color:var(--text-tertiary, var(--color-gray-400))}.notes-header-right{display:flex;gap:10px}.notes-search-bar{display:flex;gap:10px;margin-bottom:var(--space-6);flex-wrap:wrap}.notes-search-input,.notes-tag-input{flex:1;min-width:180px;padding:10px var(--space-4);border:1px solid var(--border-color, var(--color-gray-200));border-radius:var(--space-2);background:var(--bg-secondary, var(--color-white));color:var(--text-primary, var(--color-gray-900));font-size:var(--text-sm);outline:none;transition:border-color .2s}.notes-tag-input{flex:.5;min-width:120px}.notes-search-input:focus,.notes-tag-input:focus{border-color:var(--primary, var(--color-primary-500));box-shadow:0 0 0 3px #6366f11a}.notes-search-input::placeholder,.notes-tag-input::placeholder{color:var(--text-tertiary, var(--color-gray-400))}.notes-loading{text-align:center;padding:60px var(--space-5);color:var(--text-tertiary, var(--color-gray-400));font-size:var(--space-4)}.notes-empty{text-align:center;padding:80px var(--space-5);color:var(--text-tertiary, var(--color-gray-400))}.notes-empty-icon{font-size:var(--space-16);margin-bottom:var(--space-4)}.notes-empty p{margin-bottom:var(--space-5);font-size:var(--space-4)}.notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-4)}.note-card{background:var(--bg-secondary, var(--color-white));border:1px solid var(--border-color, var(--color-gray-200));border-radius:var(--space-3);padding:var(--space-5);cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0,0,0,.04))}.note-card:hover{border-color:#6366f14d;transform:translateY(-2px);box-shadow:var(--shadow-hover, 0 var(--space-3) var(--space-8) rgba(99,102,241,.12))}.note-pinned{border-color:#eab30866;background:#eab30808}.note-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.note-card-title{font-size:var(--space-4);font-weight:600;color:var(--text-primary, var(--color-gray-900));margin:0;flex:1;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.note-card-actions{display:flex;gap:4px;margin-left:var(--space-2);opacity:0;transition:opacity .2s}.note-card:hover .note-card-actions{opacity:1}.note-action-btn{background:transparent;border:none;cursor:pointer;font-size:var(--space-4);padding:4px;border-radius:4px;transition:background .2s}.note-action-btn:hover{background:var(--bg-hover, #eef0f7)}.note-action-delete:hover{background:#ef44441a}.note-card-summary{font-size:var(--text-sm);color:var(--text-secondary, var(--color-gray-500));margin:0 0 var(--space-3);line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.note-card-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.note-card-tags{display:flex;flex-wrap:wrap;gap:4px;flex:1}.note-tag{display:inline-block;padding:2px var(--space-2);border-radius:4px;background:#6366f114;color:var(--primary, var(--color-primary-500));font-size:11px;font-weight:500}.note-card-meta{display:flex;gap:var(--space-3);font-size:var(--space-3);color:var(--text-tertiary, var(--color-gray-400));white-space:nowrap}.notes-pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-8)}.notes-page-info{color:var(--text-tertiary, var(--color-gray-400));font-size:var(--text-sm)}.notes-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.notes-modal{background:var(--bg-secondary, var(--color-white));border:1px solid var(--border-color, var(--color-gray-200));border-radius:var(--space-4);padding:var(--space-8);max-width:440px;width:90%;box-shadow:0 var(--space-5) 60px #00000026}.notes-modal h3{margin:0 0 var(--space-2);color:var(--text-primary, var(--color-gray-900));font-size:var(--space-5)}.notes-modal p{color:var(--text-secondary, var(--color-gray-500));margin:0 0 var(--space-5);font-size:var(--text-sm)}.notes-auth-input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-color, var(--color-gray-200));border-radius:var(--space-2);background:var(--bg-primary, #f7f8fc);color:var(--text-primary, var(--color-gray-900));font-size:var(--text-sm);outline:none;box-sizing:border-box}.notes-auth-input:focus{border-color:var(--primary, var(--color-primary-500));box-shadow:0 0 0 3px #6366f11a}.notes-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:var(--space-5)}.editor-top-bar{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap}.editor-title-input{flex:1;min-width:200px;padding:10px var(--space-4);border:1px solid var(--border-color, var(--color-gray-200));border-radius:var(--space-2);background:var(--bg-secondary, var(--color-white));color:var(--text-primary, var(--color-gray-900));font-size:18px;font-weight:600;outline:none}.editor-title-input:focus{border-color:var(--primary, var(--color-primary-500));box-shadow:0 0 0 3px #6366f11a}.editor-title-input::placeholder{color:var(--text-tertiary, var(--color-gray-400))}.editor-top-actions{display:flex;align-items:center;gap:var(--space-3)}.editor-auto-saved{font-size:var(--space-3);color:var(--color-success-500)}.editor-tags-bar{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.editor-tags-label{font-size:var(--text-sm);color:var(--text-secondary, var(--color-gray-500));white-space:nowrap}.editor-tags-input{flex:1;padding:var(--space-2) var(--space-3);border:1px solid var(--border-color, var(--color-gray-200));border-radius:var(--radius-sm);background:var(--bg-secondary, var(--color-white));color:var(--text-primary, var(--color-gray-900));font-size:var(--text-sm);outline:none}.editor-tags-input:focus{border-color:var(--primary, var(--color-primary-500));box-shadow:0 0 0 3px #6366f11a}.editor-tags-input::placeholder{color:var(--text-tertiary, var(--color-gray-400))}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);background:var(--bg-tertiary, #f0f2f8);border:1px solid var(--border-color, var(--color-gray-200));border-radius:var(--space-2) var(--space-2) 0 0;flex-wrap:wrap;gap:var(--space-2)}.editor-toolbar-btns{display:flex;flex-wrap:wrap;gap:4px}.toolbar-btn{padding:4px 10px;border:1px solid var(--border-color, var(--color-gray-200));border-radius:4px;background:var(--bg-secondary, var(--color-white));color:var(--text-secondary, var(--color-gray-500));font-size:var(--text-sm);cursor:pointer;font-family:Courier New,monospace;transition:all .2s}.toolbar-btn:hover{background:#6366f114;color:var(--primary, var(--color-primary-500));border-color:#6366f14d}.toolbar-btn-ai{background:#6366f10f;color:var(--primary, var(--color-primary-500));border-color:#6366f133;font-family:inherit}.toolbar-btn-ai:hover{background:#6366f126}.editor-view-modes{display:flex;gap:2px;background:var(--bg-secondary, var(--color-white));border:1px solid var(--border-color, var(--color-gray-200));border-radius:var(--radius-sm);padding:2px}.view-mode-btn{padding:4px var(--space-3);border:none;border-radius:4px;background:transparent;color:var(--text-tertiary, var(--color-gray-400));font-size:var(--text-sm);cursor:pointer;transition:all .2s}.view-mode-btn.active{background:#6366f11a;color:var(--primary, var(--color-primary-500));font-weight:500}.view-mode-btn:hover:not(.active){color:var(--text-primary, var(--color-gray-900))}.editor-body{display:flex;border:1px solid var(--border-color, var(--color-gray-200));border-top:none;border-radius:0 0 var(--space-2) var(--space-2);min-height:500px;overflow:hidden;background:var(--bg-secondary, var(--color-white))}.editor-mode-edit .editor-textarea,.editor-mode-preview .editor-preview{width:100%}.editor-mode-split .editor-textarea,.editor-mode-split .editor-preview{width:50%}.editor-textarea{padding:var(--space-5);border:none;background:var(--bg-secondary, var(--color-white));color:var(--text-primary, var(--color-gray-900));font-size:var(--text-sm);font-family:JetBrains Mono,Fira Code,Courier New,monospace;line-height:1.7;resize:none;outline:none;min-height:500px;flex:1}.editor-textarea::placeholder{color:var(--text-tertiary, var(--color-gray-400))}.editor-preview{padding:var(--space-5);border-left:1px solid var(--border-color, var(--color-gray-200));background:var(--bg-primary, #f7f8fc);color:var(--text-primary, var(--color-gray-900));font-size:var(--text-sm);line-height:1.8;overflow-y:auto;word-wrap:break-word}.editor-preview h1{font-size:var(--space-6);color:var(--text-primary, var(--color-gray-900));margin:var(--space-4) 0 var(--space-3);font-weight:700}.editor-preview h2{font-size:var(--space-5);color:var(--text-primary, var(--color-gray-900));margin:14px 0 10px;font-weight:600}.editor-preview h3{font-size:17px;color:var(--text-primary, var(--color-gray-900));margin:var(--space-3) 0 var(--space-2);font-weight:600}.editor-preview h4{font-size:15px;color:var(--text-primary, var(--color-gray-900));margin:10px 0 6px;font-weight:600}.editor-preview code{background:#6366f114;color:var(--primary, var(--color-primary-500));padding:2px 6px;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:var(--text-sm)}.editor-preview pre{background:var(--color-gray-900);padding:var(--space-4);border-radius:var(--space-2);overflow-x:auto}.editor-preview pre code{background:none;color:var(--color-gray-200);padding:0}.editor-preview blockquote{border-left:3px solid var(--primary, var(--color-primary-500));padding:var(--space-2) var(--space-4);margin:var(--space-3) 0;color:var(--text-secondary, var(--color-gray-500));background:#6366f10a;border-radius:0 var(--space-2) var(--space-2) 0}.editor-preview ul{padding-left:var(--space-5)}.editor-preview li{margin-bottom:4px}.editor-preview hr{border:none;border-top:1px solid var(--border-color, var(--color-gray-200));margin:var(--space-5) 0}.editor-preview a{color:var(--primary, var(--color-primary-500));text-decoration:none}.editor-preview a:hover{text-decoration:underline}.editor-preview strong{color:var(--text-primary, var(--color-gray-900));font-weight:600}.notes-modal-ai{max-width:560px}.ai-input-textarea{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-color, var(--color-gray-200));border-radius:var(--space-2);background:var(--bg-primary, #f7f8fc);color:var(--text-primary, var(--color-gray-900));font-size:var(--text-sm);line-height:1.6;resize:vertical;outline:none;box-sizing:border-box;font-family:inherit}.ai-input-textarea:focus{border-color:var(--primary, var(--color-primary-500));box-shadow:0 0 0 3px #6366f11a}.ai-input-textarea::placeholder{color:var(--text-tertiary, var(--color-gray-400))}.detail-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.note-detail{background:var(--bg-secondary, var(--color-white));border:1px solid var(--border-color, var(--color-gray-200));border-radius:var(--space-4);padding:var(--space-8);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0,0,0,.04))}.note-detail-title{font-size:28px;font-weight:700;color:var(--text-primary, var(--color-gray-900));margin:0 0 var(--space-4);line-height:1.3}.note-detail-meta{display:flex;flex-wrap:wrap;gap:var(--space-4);font-size:var(--text-sm);color:var(--text-tertiary, var(--color-gray-400));margin-bottom:var(--space-3)}.note-detail-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--space-4)}.note-detail-divider{height:1px;background:var(--border-color, var(--color-gray-200));margin:var(--space-5) 0}.note-detail-content{color:var(--text-primary, var(--color-gray-900));font-size:15px;line-height:1.8}.note-detail-content h1{font-size:var(--space-6);color:var(--text-primary, var(--color-gray-900));margin:var(--space-5) 0 var(--space-3)}.note-detail-content h2{font-size:var(--space-5);color:var(--text-primary, var(--color-gray-900));margin:18px 0 10px}.note-detail-content h3{font-size:17px;color:var(--text-primary, var(--color-gray-900));margin:var(--space-4) 0 var(--space-2)}.note-detail-content code{background:#6366f114;color:var(--primary, var(--color-primary-500));padding:2px 6px;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:var(--text-sm)}.note-detail-content pre{background:var(--color-gray-900);padding:var(--space-4);border-radius:var(--space-2);overflow-x:auto}.note-detail-content pre code{background:none;color:var(--color-gray-200);padding:0}.note-detail-content blockquote{border-left:3px solid var(--primary, var(--color-primary-500));padding:var(--space-2) var(--space-4);margin:var(--space-3) 0;color:var(--text-secondary, var(--color-gray-500));background:#6366f10a;border-radius:0 var(--space-2) var(--space-2) 0}.note-detail-content ul{padding-left:var(--space-5)}.note-detail-content hr{border:none;border-top:1px solid var(--border-color, var(--color-gray-200));margin:var(--space-5) 0}.note-detail-content a{color:var(--primary, var(--color-primary-500))}.ai-search-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.ai-search-title{font-size:22px;font-weight:700;color:var(--text-primary, var(--color-gray-900));margin:0}.ai-search-layout{display:flex;gap:var(--space-5);height:calc(100vh - 200px);min-height:500px}.ai-chat-area{flex:1;display:flex;flex-direction:column;background:var(--bg-secondary, var(--color-white));border:1px solid var(--border-color, var(--color-gray-200));border-radius:var(--space-4);overflow:hidden;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0,0,0,.04))}.ai-chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-tertiary, var(--color-gray-400));padding:40px}.ai-chat-empty-icon{font-size:var(--space-16);margin-bottom:var(--space-4)}.ai-chat-empty h3{color:var(--text-primary, var(--color-gray-900));margin:0 0 var(--space-2)}.ai-chat-empty p{margin:0 0 var(--space-6)}.ai-suggestions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.ai-suggestions button{padding:var(--space-2) var(--space-4);border:1px solid var(--border-color, var(--color-gray-200));border-radius:var(--space-5);background:transparent;color:var(--text-secondary, var(--color-gray-500));font-size:var(--text-sm);cursor:pointer;transition:all .2s}.ai-suggestions button:hover{background:#6366f10f;color:var(--primary, var(--color-primary-500));border-color:#6366f14d}.ai-chat-messages{flex:1;overflow-y:auto;padding:var(--space-5)}.ai-chat-message{display:flex;gap:var(--space-3);margin-bottom:var(--space-5)}.ai-chat-user{flex-direction:row-reverse}.ai-chat-avatar{width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:18px;background:var(--bg-tertiary, #f0f2f8);flex-shrink:0}.ai-chat-bubble{max-width:75%;padding:14px 18px;border-radius:var(--space-4);background:var(--bg-primary, #f7f8fc);border:1px solid var(--border-color, var(--color-gray-200))}.ai-chat-user .ai-chat-bubble{background:#6366f114;border-color:#6366f126}.ai-chat-content{color:var(--text-primary, var(--color-gray-900));font-size:var(--text-sm);line-height:1.7}.ai-chat-content code{background:#6366f114;color:var(--primary, var(--color-primary-500));padding:1px 4px;border-radius:3px;font-size:var(--text-sm)}.ai-chat-content pre{background:var(--color-gray-900);padding:var(--space-3);border-radius:var(--radius-sm);overflow-x:auto;margin:var(--space-2) 0}.ai-chat-content pre code{background:none;color:var(--color-gray-200);padding:0}.ai-chat-typing{display:flex;gap:6px;padding:4px 0}.ai-chat-typing span{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background:var(--primary, var(--color-primary-500));animation:typing-bounce 1.4s infinite}.ai-chat-typing span:nth-child(2){animation-delay:.2s}.ai-chat-typing span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-var(--space-2));opacity:1}}.ai-related-notes{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-color, var(--color-gray-200))}.ai-related-notes h4{margin:0 0 var(--space-2);font-size:var(--text-sm);color:var(--text-secondary, var(--color-gray-500))}.ai-related-note-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--bg-tertiary, #f0f2f8);margin-bottom:4px;text-decoration:none;transition:background .2s}.ai-related-note-item:hover{background:#6366f114}.ai-note-title{color:var(--primary, var(--color-primary-500));font-size:var(--text-sm)}.ai-note-relevance{color:var(--text-tertiary, var(--color-gray-400));font-size:11px}.ai-chat-input-bar{display:flex;gap:10px;padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-color, var(--color-gray-200));background:var(--bg-secondary, var(--color-white))}.ai-chat-input{flex:1;padding:var(--space-3) var(--space-4);border:1px solid var(--border-color, var(--color-gray-200));border-radius:var(--space-6);background:var(--bg-primary, #f7f8fc);color:var(--text-primary, var(--color-gray-900));font-size:var(--text-sm);outline:none}.ai-chat-input:focus{border-color:var(--primary, var(--color-primary-500));box-shadow:0 0 0 3px #6366f11a}.ai-chat-input::placeholder{color:var(--text-tertiary, var(--color-gray-400))}.ai-send-btn{border-radius:var(--radius-full);width:44px;height:44px;padding:0;display:flex;align-items:center;justify-content:center;font-size:18px}.ai-history-sidebar{width:240px;background:var(--bg-secondary, var(--color-white));border:1px solid var(--border-color, var(--color-gray-200));border-radius:var(--space-4);padding:var(--space-4);overflow-y:auto;flex-shrink:0;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0,0,0,.04))}.ai-history-sidebar h4{margin:0 0 var(--space-3);font-size:var(--text-sm);color:var(--text-secondary, var(--color-gray-500))}.ai-history-list{display:flex;flex-direction:column;gap:4px}.ai-history-item{padding:var(--space-2) 10px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary, var(--color-gray-500));font-size:var(--text-sm);cursor:pointer;text-align:left;transition:all .2s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-history-item:hover{background:var(--bg-tertiary, #f0f2f8);color:var(--text-primary, var(--color-gray-900))}.ai-history-clear{margin-top:var(--space-3);padding:6px 0;border:none;background:transparent;color:var(--text-tertiary, var(--color-gray-400));font-size:var(--space-3);cursor:pointer;width:100%;text-align:center}.ai-history-clear:hover{color:var(--color-danger-500)}.notes-toast{position:fixed;top:var(--space-6);left:50%;transform:translate(-50%);padding:var(--space-3) 28px;border-radius:var(--space-3);font-size:var(--text-sm);font-weight:500;z-index:10000;animation:toast-slide-in .35s cubic-bezier(.4,0,.2,1);box-shadow:0 var(--space-2) var(--space-8) #0000001f;-webkit-backdrop-filter:blur(var(--space-2));backdrop-filter:blur(var(--space-2));pointer-events:none}.notes-toast-success{background:linear-gradient(135deg,#10b981,#059669);color:var(--color-white)}.notes-toast-error{background:linear-gradient(135deg,var(--color-danger-500) 0%,var(--color-danger-600) 100%);color:var(--color-white)}@keyframes toast-slide-in{0%{opacity:0;transform:translate(-50%) translateY(-var(--space-5))}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 768px){.notes-grid{grid-template-columns:1fr}.notes-search-bar{flex-direction:column}.notes-tag-input{flex:1}.editor-body{flex-direction:column}.editor-mode-split .editor-textarea,.editor-mode-split .editor-preview{width:100%;min-height:250px}.editor-preview{border-left:none;border-top:1px solid var(--border-color, var(--color-gray-200))}.ai-search-layout{flex-direction:column;height:auto}.ai-history-sidebar{width:100%}}.sm-container{padding:var(--space-6) var(--space-8);max-width:1400px;margin:0 auto;width:100%}.sm-search-bar{margin-bottom:var(--space-5)}.sm-search-input-wrap{display:flex;align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--space-3);padding:4px 4px 4px var(--space-4);transition:border-color .2s ease,box-shadow .2s ease}.sm-search-input-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.sm-search-icon{font-size:1.1rem;margin-right:var(--space-2);flex-shrink:0}.sm-search-input{flex:1;border:none;outline:none;background:transparent;font-size:.95rem;color:var(--text-primary);padding:10px 0}.sm-search-input::placeholder{color:var(--text-tertiary)}.sm-search-btn{padding:10px var(--space-6);background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;border:none;border-radius:var(--space-2);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;flex-shrink:0}.sm-search-btn:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary));transform:translateY(-1px);box-shadow:0 4px var(--space-3) #6366f14d}.sm-stage-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-5);padding:4px;background:var(--bg-secondary);border-radius:var(--space-3);border:1px solid var(--border-color);overflow-x:auto}.sm-stage-tab{display:flex;align-items:center;gap:6px;padding:10px var(--space-5);border:none;border-radius:var(--space-2);background:transparent;font-size:.95rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.sm-stage-tab:hover{color:var(--primary);background:var(--bg-hover)}.sm-stage-tab.active{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;box-shadow:0 2px var(--space-2) #6366f14d}.sm-stage-icon{font-size:1.1rem}.sm-body{display:flex;gap:var(--space-5);min-height:calc(100vh - 260px)}.sm-grade-nav{width:140px;flex-shrink:0;background:var(--bg-secondary);border-radius:var(--space-3);border:1px solid var(--border-color);padding:var(--space-2);height:fit-content;position:sticky;top:80px;max-height:calc(100vh - 200px);overflow-y:auto}.sm-grade-item{display:block;width:100%;padding:10px var(--space-3);border:none;border-radius:var(--space-2);background:transparent;font-size:.9rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;text-align:left;position:relative}.sm-grade-item:hover{background:var(--bg-hover);color:var(--primary)}.sm-grade-item.active{background:#6366f114;color:var(--primary);font-weight:600}.sm-grade-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:var(--space-5);background:var(--primary);border-radius:0 2px 2px 0}.sm-content-area{flex:1;min-width:0}.sm-subject-section{margin-bottom:28px}.sm-subject-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.sm-subject-name{display:flex;align-items:center;gap:var(--space-2);font-size:1rem;font-weight:600;color:var(--text-primary)}.sm-subject-dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);flex-shrink:0}.sm-view-all{border:none;background:none;color:var(--primary);font-size:.88rem;font-weight:500;cursor:pointer;transition:color .2s ease}.sm-view-all:hover{color:var(--primary-dark)}.sm-type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.sm-type-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4) var(--space-2);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;transition:all .2s ease;gap:var(--space-2)}.sm-type-card:hover{border-color:var(--primary);background:#6366f10a;transform:translateY(-2px);box-shadow:var(--shadow-md)}.sm-type-icon{font-size:1.6rem}.sm-type-name{font-size:.85rem;color:var(--text-primary);font-weight:500;text-align:center;line-height:1.3}.sm-empty{display:flex;align-items:center;justify-content:center;min-height:300px;color:var(--text-tertiary);font-size:1rem}@media (max-width: 1024px){.sm-container{padding:var(--space-4)}.sm-body{flex-direction:column}.sm-grade-nav{width:100%;position:static;max-height:none;display:flex;flex-wrap:wrap;gap:4px;padding:var(--space-2)}.sm-grade-item{width:auto;padding:var(--space-2) 14px;font-size:.85rem;flex-shrink:0}.sm-grade-item.active:before{display:none}.sm-type-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 640px){.sm-stage-tabs{gap:4px;padding:3px}.sm-stage-tab{padding:var(--space-2) var(--space-3);font-size:.85rem}.sm-type-grid{grid-template-columns:repeat(2,1fr)}.sm-type-card{padding:var(--space-3) 6px}.sm-type-icon{font-size:1.4rem}}.mc-container{padding:var(--space-6) var(--space-8);max-width:1200px;margin:0 auto;width:100%}.mc-breadcrumb{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);font-size:.9rem}.mc-breadcrumb-link{color:var(--primary);text-decoration:none;font-weight:500}.mc-breadcrumb-link:hover{text-decoration:underline}.mc-breadcrumb-sep{color:var(--text-tertiary)}.mc-breadcrumb-current{color:var(--text-secondary);font-weight:500}.mc-result-info{margin-bottom:var(--space-4);font-size:.9rem;color:var(--text-secondary)}.mc-result-info strong{color:var(--primary)}.mc-material-list{display:flex;flex-direction:column;gap:var(--space-4)}.mc-material-card{display:flex;align-items:stretch;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--space-3);padding:var(--space-4);transition:all .2s ease;gap:var(--space-4)}.mc-material-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.mc-card-thumb{width:120px;height:160px;flex-shrink:0;border-radius:var(--space-2);overflow:hidden;background:var(--bg-tertiary)}.mc-card-thumb img{width:100%;height:100%;object-fit:cover}.mc-thumb-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);background:linear-gradient(135deg,#f0f2f8,var(--color-gray-200))}.mc-thumb-icon{font-size:2.5rem}.mc-thumb-ext{font-size:.75rem;font-weight:600;color:var(--text-tertiary);background:#fff;padding:2px var(--space-2);border-radius:4px}.mc-card-info{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.mc-card-title{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin-bottom:6px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mc-card-desc{font-size:.88rem;color:var(--text-secondary);margin-bottom:var(--space-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.mc-card-meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:6px}.mc-meta-free{font-size:.82rem;color:var(--color-success-600);font-weight:500}.mc-meta-download{font-size:.8rem;color:var(--text-tertiary);background:var(--bg-tertiary);padding:2px var(--space-2);border-radius:4px}.mc-card-footer{display:flex;align-items:center;gap:var(--space-4);font-size:.82rem;color:var(--text-tertiary)}.mc-download-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:var(--bg-tertiary);border:none;font-size:1.2rem;cursor:pointer;transition:all .2s ease;text-decoration:none;flex-shrink:0;align-self:center}.mc-download-btn:hover{background:var(--primary);color:#fff;transform:scale(1.1)}.mc-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--space-4);color:var(--text-tertiary)}.mc-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--primary);border-radius:var(--radius-full);animation:mc-spin .8s linear infinite}@keyframes mc-spin{to{transform:rotate(360deg)}}.mc-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--space-3)}.mc-empty-icon{font-size:3rem}.mc-empty-text{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.mc-empty-hint{font-size:.9rem;color:var(--text-tertiary)}.mc-back-btn{margin-top:var(--space-3);padding:10px var(--space-6);background:var(--primary);color:#fff;border:none;border-radius:var(--space-2);font-size:.9rem;cursor:pointer;transition:all .2s ease}.mc-back-btn:hover{background:var(--primary-dark)}.mc-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-color)}.mc-page-btn{padding:var(--space-2) var(--space-5);border:1px solid var(--border-color);border-radius:var(--space-2);background:var(--bg-secondary);color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .2s ease}.mc-page-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.mc-page-btn:disabled{opacity:.4;cursor:not-allowed}.mc-page-info{font-size:.88rem;color:var(--text-secondary)}@media (max-width: 768px){.mc-container{padding:var(--space-4)}.mc-material-card{flex-direction:column;padding:var(--space-3)}.mc-card-thumb{width:100%;height:180px}.mc-download-btn{align-self:flex-end}}.ma-container{padding:var(--space-6) var(--space-8);max-width:1400px;margin:0 auto;width:100%;position:relative}.ma-toast{position:fixed;top:var(--space-6);right:var(--space-6);padding:var(--space-3) var(--space-6);border-radius:10px;font-size:.9rem;font-weight:500;z-index:9999;animation:ma-toast-in .3s ease;box-shadow:0 4px var(--space-4) #00000026}.ma-toast-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.ma-toast-error{background:linear-gradient(135deg,var(--color-danger-500),var(--color-danger-600));color:#fff}@keyframes ma-toast-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.ma-back-btn{color:var(--primary);text-decoration:none;font-size:.88rem;font-weight:500}.ma-back-btn:hover{text-decoration:underline}.ma-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5);flex-wrap:wrap;gap:var(--space-3)}.ma-header-left{display:flex;align-items:baseline;gap:var(--space-3)}.ma-title{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin:0}.ma-subtitle{font-size:.88rem;color:var(--text-tertiary)}.ma-header-actions{display:flex;gap:10px}.ma-btn{padding:10px var(--space-5);border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.ma-btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff}.ma-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px var(--space-3) #6366f14d}.ma-btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.ma-btn-secondary:hover{border-color:var(--primary);color:var(--primary)}.ma-btn-sm{padding:5px 10px;border-radius:7px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;min-width:var(--space-8);height:var(--space-8)}.ma-btn-sm.ma-btn-primary{background:var(--bg-secondary);color:var(--primary);border:1px solid var(--border-color)}.ma-btn-sm.ma-btn-primary:hover{border-color:var(--primary);background:#6366f114}.ma-btn-sm.ma-btn-danger{background:var(--bg-secondary);color:var(--color-danger-500);border:1px solid var(--border-color)}.ma-btn-sm.ma-btn-danger:hover{border-color:var(--color-danger-500);background:#ef444414}.ma-tag-type{background:#eab3081a;color:#d97706}.ma-tag-success{background:#22c55e1f;color:var(--color-success-600)}.ma-tag-info{background:#6366f11a;color:var(--primary)}.ma-filters{display:flex;gap:10px;margin-bottom:var(--space-5);flex-wrap:wrap}.ma-filters select,.ma-search-input{padding:9px 14px;border:1px solid var(--border-color);border-radius:var(--space-2);background:var(--bg-secondary);color:var(--text-primary);font-size:.88rem;outline:none;transition:border-color .2s}.ma-filters select:focus,.ma-search-input:focus{border-color:var(--primary)}.ma-search-input{flex:1;min-width:200px}.ma-table-wrap{overflow-x:auto;border-radius:var(--space-3);border:1px solid var(--border-color);background:var(--bg-secondary)}.ma-table{width:100%;border-collapse:collapse;font-size:.88rem}.ma-table th{background:var(--bg-tertiary);padding:var(--space-3) 14px;text-align:left;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap}.ma-table td{padding:var(--space-3) 14px;border-bottom:1px solid var(--border-color);vertical-align:middle}.ma-table tbody tr:hover{background:var(--bg-hover)}.ma-table tbody tr:last-child td{border-bottom:none}.ma-td-id{color:var(--text-tertiary);font-size:.82rem;width:50px}.ma-td-title{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;color:var(--text-primary)}.ma-td-size,.ma-td-count,.ma-td-date{color:var(--text-tertiary);font-size:.82rem;white-space:nowrap}.ma-td-actions{display:flex;gap:6px;white-space:nowrap}.ma-tag{display:inline-block;padding:3px var(--space-2);border-radius:var(--radius-sm);font-size:.78rem;font-weight:500;background:var(--bg-tertiary);color:var(--text-secondary)}.ma-tag-stage{background:#6366f11a;color:var(--primary)}.ma-tag-subject{background:#22c55e1a;color:var(--color-success-600)}.ma-status{display:inline-block;padding:3px 10px;border-radius:var(--space-3);font-size:.78rem;font-weight:600}.ma-status-on{background:#22c55e1f;color:var(--color-success-600)}.ma-status-off{background:#ef44441f;color:var(--color-danger-600)}.ma-action-btn{width:var(--space-8);height:var(--space-8);border:1px solid var(--border-color);border-radius:var(--space-2);background:var(--bg-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .2s ease}.ma-action-btn:hover{transform:scale(1.1)}.ma-action-success:hover{border-color:var(--color-success-600);background:#22c55e1a}.ma-action-warn:hover{border-color:var(--color-warning-500);background:#f59e0b1a}.ma-action-danger:hover{border-color:var(--color-danger-500);background:#ef44441a}.ma-download-link{display:inline-flex;align-items:center;gap:3px;padding:4px var(--space-3);border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;text-decoration:none;color:var(--color-info-500);background:#3b82f614;border:1px solid rgba(59,130,246,.2);white-space:nowrap;transition:all .2s ease;cursor:pointer}.ma-download-link:hover{color:var(--color-white);background:var(--color-info-500);border-color:var(--color-info-500);transform:translateY(-1px);box-shadow:0 2px var(--space-2) #3b82f64d}.ma-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:var(--space-4);color:var(--text-tertiary)}.ma-spinner{width:36px;height:36px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:var(--radius-full);animation:ma-spin .8s linear infinite}@keyframes ma-spin{to{transform:rotate(360deg)}}.ma-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:var(--space-3);color:var(--text-tertiary)}.ma-empty-icon{font-size:3rem}.ma-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-top:var(--space-5)}.ma-page-btn{padding:var(--space-2) 18px;border:1px solid var(--border-color);border-radius:var(--space-2);background:var(--bg-secondary);color:var(--text-primary);font-size:.88rem;cursor:pointer;transition:all .2s ease}.ma-page-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.ma-page-btn:disabled{opacity:.4;cursor:not-allowed}.ma-page-info{font-size:.88rem;color:var(--text-secondary)}.mc-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:10000;animation:mc-fade-in .2s ease}@keyframes mc-fade-in{0%{opacity:0}to{opacity:1}}.mc-modal{background:var(--bg-secondary);border-radius:var(--space-4);padding:28px;width:420px;max-width:90vw;box-shadow:0 var(--space-5) 60px #0003;animation:mc-modal-in .25s ease}@keyframes mc-modal-in{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.mc-modal-title{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-5)}.mc-modal-form{margin-bottom:var(--space-5)}.mc-modal-actions{display:flex;gap:10px;justify-content:flex-end}@media (max-width: 768px){.ma-container{padding:var(--space-4)}.ma-header{flex-direction:column;align-items:flex-start}.ma-filters{flex-direction:column}.ma-search-input{min-width:0}}.ma-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:ma-modal-fade-in .2s ease}@keyframes ma-modal-fade-in{0%{opacity:0}to{opacity:1}}.ma-modal{background:var(--bg-secondary);border-radius:var(--space-4);padding:var(--space-8);width:400px;max-width:90vw;box-shadow:0 var(--space-5) 60px #00000040;animation:ma-modal-slide-in .25s ease;text-align:center}@keyframes ma-modal-slide-in{0%{opacity:0;transform:scale(.92) translateY(var(--space-4))}to{opacity:1;transform:scale(1) translateY(0)}}.ma-modal-icon{font-size:2.5rem;margin-bottom:var(--space-3)}.ma-modal-title{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-3)}.ma-modal-desc{font-size:.95rem;color:var(--text-primary);margin:0 0 6px;line-height:1.5}.ma-modal-desc strong{color:var(--primary)}.ma-modal-warn{font-size:.82rem;color:var(--color-danger-500);margin:0 0 var(--space-6)}.ma-modal-actions{display:flex;gap:var(--space-3);justify-content:center}.ma-modal-btn{padding:10px 28px;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.ma-modal-btn-cancel{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.ma-modal-btn-cancel:hover{border-color:var(--primary);color:var(--primary)}.ma-modal-btn-danger{background:linear-gradient(135deg,var(--color-danger-500),var(--color-danger-600));color:#fff}.ma-modal-btn-danger:hover{transform:translateY(-1px);box-shadow:0 4px var(--space-3) #ef444459}.mu-container{padding:var(--space-6) var(--space-8);max-width:1400px;margin:0 auto;width:100%;position:relative}.mu-header{margin-bottom:var(--space-6)}.mu-back{color:var(--primary);text-decoration:none;font-size:.88rem;font-weight:500;display:inline-block;margin-bottom:var(--space-2)}.mu-back:hover{text-decoration:underline}.mu-title{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin:0 0 6px}.mu-desc{font-size:.9rem;color:var(--text-tertiary);margin:0}.mu-form-layout{display:grid;grid-template-columns:1fr 360px;gap:var(--space-6);align-items:start}.mu-form-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;padding:var(--space-6)}.mu-result-section{display:flex;flex-direction:column;gap:var(--space-4)}.mu-form-group{margin-bottom:18px}.mu-form-row{display:flex;gap:var(--space-4)}.mu-form-half{flex:1}.mu-label{display:block;font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.mu-required{color:var(--color-danger-500)}.mu-select,.mu-input{width:100%;padding:10px 14px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-primary);color:var(--text-primary);font-size:.9rem;outline:none;transition:border-color .2s;box-sizing:border-box}.mu-select:focus,.mu-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f114}.mu-drop-zone{border:2px dashed var(--border-color);border-radius:var(--space-3);padding:var(--space-8);text-align:center;cursor:pointer;transition:all .2s ease;background:var(--bg-primary)}.mu-drop-zone:hover{border-color:var(--primary);background:#6366f108}.mu-drop-zone-active{border-color:var(--primary);border-style:solid;background:#6366f10d}.mu-drop-hint{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.mu-drop-icon{font-size:2.5rem}.mu-drop-hint p{margin:0;color:var(--text-secondary);font-size:.9rem}.mu-drop-link{color:var(--primary);font-weight:600}.mu-drop-tip{font-size:.82rem!important;color:var(--text-tertiary)!important}.mu-file-info{display:flex;align-items:center;gap:var(--space-3);text-align:left}.mu-file-icon{font-size:2rem;flex-shrink:0}.mu-file-name{font-weight:600;color:var(--text-primary);font-size:.95rem}.mu-file-size{font-size:.82rem;color:var(--text-tertiary);margin-top:2px}.mu-file-remove{margin-left:auto;width:28px;height:28px;border:1px solid var(--border-color);border-radius:var(--space-2);background:var(--bg-secondary);color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;transition:all .2s}.mu-file-remove:hover{background:var(--color-danger-50);border-color:var(--color-danger-500);color:var(--color-danger-500)}.mu-type-group{margin-bottom:14px}.mu-type-group:last-child{margin-bottom:0}.mu-type-group-label{font-size:.82rem;font-weight:600;color:var(--text-tertiary);margin-bottom:var(--space-2);padding-bottom:4px;border-bottom:1px dashed var(--border-color)}.mu-type-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.mu-type-btn{padding:var(--space-2) var(--space-4);border:1px solid var(--border-color);border-radius:var(--space-2);background:var(--bg-primary);color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s ease}.mu-type-btn:hover{border-color:var(--primary);color:var(--primary)}.mu-type-active{border-color:var(--primary);background:#6366f11a;color:var(--primary);font-weight:600}.mu-type-btn-teacher{border-color:#eab3084d}.mu-type-btn-teacher:hover{border-color:#d97706;color:#d97706}.mu-type-btn-teacher.mu-type-active{border-color:#d97706;background:#eab3081a;color:#d97706}.mu-submit-btn{width:100%;padding:14px;border:none;border-radius:var(--space-3);background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;margin-top:var(--space-2)}.mu-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px var(--space-5) #6366f159}.mu-submit-btn:disabled{opacity:.6;cursor:not-allowed}.mu-progress-panel{margin-top:var(--space-4);padding:18px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--space-3)}.mu-progress-bar-wrap{width:100%;height:var(--space-2);background:#6366f11a;border-radius:4px;overflow:hidden;margin-bottom:var(--space-2)}.mu-progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:4px;transition:width .5s ease}.mu-progress-percent{text-align:right;font-size:.82rem;font-weight:700;color:var(--primary);margin-bottom:var(--space-3)}.mu-steps-list{display:flex;flex-direction:column;gap:var(--space-2)}.mu-step-item{display:flex;align-items:center;gap:10px;font-size:.88rem;color:var(--text-secondary);padding:6px 0}.mu-step-icon{flex-shrink:0;width:var(--space-5);text-align:center;font-size:.85rem}.mu-step-text{flex:1}.mu-step-done .mu-step-text{color:var(--color-success-600)}.mu-step-complete .mu-step-text{color:var(--color-success-600);font-weight:600}.mu-step-error .mu-step-text{color:var(--color-danger-500)}.mu-step-processing{color:var(--primary);font-weight:500}.mu-progress-spinner{width:18px;height:18px;border:2px solid rgba(99,102,241,.2);border-top-color:var(--primary);border-radius:var(--radius-full);animation:mu-spin .8s linear infinite;flex-shrink:0}@keyframes mu-spin{to{transform:rotate(360deg)}}.mu-result-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.mu-result-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;padding:var(--space-5)}.mu-result-success{text-align:center;font-size:1.1rem;font-weight:700;color:var(--color-success-600);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-color)}.mu-result-item{display:flex;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px dashed var(--border-color)}.mu-result-item:last-of-type{border-bottom:none}.mu-result-label{color:var(--text-tertiary);font-size:.85rem}.mu-result-value{color:var(--text-primary);font-size:.85rem;font-weight:500;max-width:200px;text-align:right;word-break:break-all}.mu-result-actions{display:flex;gap:10px;margin-top:var(--space-4)}.mu-result-actions .ma-btn{flex:1;text-align:center;justify-content:center}.mu-result-empty{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;padding:40px var(--space-5);text-align:center}.mu-result-empty-icon{font-size:3rem;margin-bottom:var(--space-3)}.mu-result-empty p{margin:4px 0;color:var(--text-tertiary);font-size:.88rem}.mu-flow-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;padding:var(--space-5)}.mu-flow-title{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0 0 14px}.mu-flow-steps{display:flex;flex-direction:column;gap:10px}.mu-flow-step{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--text-secondary)}.mu-flow-num{width:var(--space-6);height:var(--space-6);border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mu-pages-layout{display:flex;flex-direction:column;gap:var(--space-4)}.mu-pages-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3);padding:14px 18px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--space-3)}.mu-pages-info{font-size:.9rem;color:var(--text-secondary)}.mu-pages-actions{display:flex;gap:var(--space-2)}.mu-small-btn{padding:6px 14px;border:1px solid var(--border-color);border-radius:var(--space-2);background:var(--bg-primary);color:var(--text-secondary);font-size:.82rem;cursor:pointer;transition:all .2s}.mu-small-btn:hover{border-color:var(--primary);color:var(--primary)}.mu-small-btn-back{border-color:#eab3084d;color:#d97706}.mu-pages-list{max-height:70vh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-2)}.mu-page-card{border:1px solid var(--border-color);border-radius:10px;padding:var(--space-3) var(--space-4);cursor:pointer;transition:all .2s;background:var(--bg-primary)}.mu-page-card:hover{border-color:var(--primary);box-shadow:0 2px var(--space-2) #6366f114}.mu-page-selected{border-color:var(--primary);background:#6366f10a}.mu-page-empty{opacity:.5;cursor:default}.mu-page-empty:hover{border-color:var(--border-color);box-shadow:none}.mu-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.mu-page-check{display:flex;align-items:center;gap:var(--space-2);font-size:.9rem;font-weight:600;color:var(--text-primary);cursor:pointer}.mu-page-check input[type=checkbox]{width:var(--space-4);height:var(--space-4);accent-color:var(--primary)}.mu-page-chars{font-size:.8rem;color:var(--text-tertiary)}.mu-page-preview{font-size:.82rem;color:var(--text-secondary);line-height:1.6;white-space:pre-wrap;word-break:break-all;max-height:120px;overflow:hidden;padding:var(--space-2) 10px;background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-color);transition:max-height .3s ease}.mu-page-preview-expanded{max-height:none}.mu-page-expand-btn{display:block;width:100%;padding:4px 0;margin-top:4px;border:none;background:none;color:var(--primary);font-size:.78rem;font-weight:600;cursor:pointer;text-align:center;transition:opacity .2s}.mu-page-expand-btn:hover{opacity:.7}.mu-continue-btn{width:100%;padding:14px;border:2px dashed var(--primary);border-radius:var(--space-3);background:#6366f10a;color:var(--primary);font-size:.92rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:4px}.mu-continue-btn:hover:not(:disabled){background:#6366f11a}.mu-continue-btn:disabled{opacity:.6;cursor:not-allowed}.mu-save-text-btn{width:100%;padding:var(--space-3);border:1px solid var(--color-success-600);border-radius:var(--space-3);background:#16a34a0f;color:var(--color-success-600);font-size:.92rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:var(--space-2)}.mu-save-text-btn:hover:not(:disabled){background:#16a34a1f}.mu-save-text-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1024px){.mu-form-layout{grid-template-columns:1fr}.mu-container{padding:var(--space-4)}}@media (max-width: 640px){.mu-form-row{flex-direction:column;gap:0}}.material-qa-page{min-height:100vh;background:linear-gradient(135deg,#f0f4ff,#e8f0fe,#f5f0ff);display:flex;flex-direction:column}.qa-main{flex:1;display:flex;flex-direction:column;max-width:900px;width:100%;margin:0 auto;padding:var(--space-5)}.qa-header{text-align:center;padding:var(--space-6) 0 var(--space-4)}.qa-header h1{font-size:28px;font-weight:700;background:linear-gradient(135deg,#4f46e5,#7c3aed,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-2)}.qa-header p{color:var(--color-gray-500);font-size:var(--text-sm)}.qa-header-actions{display:flex;justify-content:center;gap:var(--space-3);margin-top:var(--space-3)}.qa-new-chat-btn{display:inline-flex;align-items:center;gap:6px;padding:var(--space-2) var(--space-4);border:1px solid var(--color-gray-200);border-radius:var(--space-2);background:#fff;color:#374151;font-size:var(--text-sm);cursor:pointer;transition:all .2s}.qa-new-chat-btn:hover{border-color:#4f46e5;color:#4f46e5;box-shadow:0 2px var(--space-2) #4f46e51a}.qa-filters{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#fff;border-radius:var(--space-3);box-shadow:var(--shadow-sm);margin-bottom:var(--space-4);flex-wrap:wrap;align-items:center}.qa-filters label{font-size:var(--text-sm);color:var(--color-gray-500);font-weight:500}.qa-filter-select{padding:6px var(--space-3);border:1px solid var(--color-gray-200);border-radius:var(--space-2);font-size:var(--text-sm);color:#374151;background:var(--color-gray-50);cursor:pointer;outline:none;transition:border-color .2s}.qa-filter-select:focus{border-color:#4f46e5}.qa-chat-area{flex:1;overflow-y:auto;padding:var(--space-4) 0;display:flex;flex-direction:column;gap:var(--space-5);min-height:300px;max-height:calc(100vh - 380px)}.qa-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9ca3af;padding:40px var(--space-5)}.qa-empty-icon{font-size:var(--space-16);margin-bottom:var(--space-4)}.qa-empty-state h3{font-size:18px;color:var(--color-gray-500);margin-bottom:var(--space-2)}.qa-empty-state p{font-size:var(--text-sm);color:#9ca3af}.qa-message{display:flex;gap:var(--space-3);animation:fadeInUp .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.qa-message.user{flex-direction:row-reverse}.qa-message-avatar{width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.qa-message.user .qa-message-avatar{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.qa-message.assistant .qa-message-avatar{background:linear-gradient(135deg,#10b981,#059669)}.qa-message-content{max-width:75%;padding:var(--space-3) var(--space-4);border-radius:var(--space-4);font-size:var(--text-sm);line-height:1.7;word-break:break-word}.qa-message.user .qa-message-content{background:linear-gradient(135deg,#4f46e5,var(--color-primary-500));color:#fff;border-bottom-right-radius:4px}.qa-message.assistant .qa-message-content{background:#fff;color:var(--text-primary);border-bottom-left-radius:4px;box-shadow:var(--shadow-sm)}.qa-message.assistant .qa-message-content h1,.qa-message.assistant .qa-message-content h2,.qa-message.assistant .qa-message-content h3{margin-top:var(--space-4);margin-bottom:var(--space-2);font-weight:600}.qa-message.assistant .qa-message-content h1{font-size:18px}.qa-message.assistant .qa-message-content h2{font-size:var(--space-4)}.qa-message.assistant .qa-message-content h3{font-size:15px}.qa-message.assistant .qa-message-content p{margin:var(--space-2) 0}.qa-message.assistant .qa-message-content ul,.qa-message.assistant .qa-message-content ol{padding-left:var(--space-5);margin:var(--space-2) 0}.qa-message.assistant .qa-message-content li{margin:4px 0}.qa-message.assistant .qa-message-content code{background:var(--color-gray-100);padding:2px 6px;border-radius:4px;font-size:var(--text-sm);font-family:Fira Code,Cascadia Code,monospace}.qa-message.assistant .qa-message-content pre{background:var(--text-primary);color:var(--color-gray-200);padding:var(--space-3) var(--space-4);border-radius:var(--space-2);overflow-x:auto;margin:var(--space-3) 0}.qa-message.assistant .qa-message-content pre code{background:transparent;padding:0;color:inherit}.qa-message.assistant .qa-message-content blockquote{border-left:3px solid #4f46e5;padding-left:var(--space-3);margin:var(--space-3) 0;color:var(--color-gray-500);font-style:italic}.qa-typing-cursor{display:inline-block;width:2px;height:var(--space-4);background:#4f46e5;margin-left:2px;animation:blink 1s step-end infinite;vertical-align:text-bottom}@keyframes blink{50%{opacity:0}}.qa-references{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-gray-200)}.qa-references-title{font-size:var(--space-3);color:#9ca3af;margin-bottom:var(--space-2);display:flex;align-items:center;gap:4px}.qa-reference-cards{display:flex;flex-direction:column;gap:6px}.qa-reference-card{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-gray-50);border-radius:var(--space-2);border:1px solid var(--color-gray-200);font-size:var(--space-3);cursor:pointer;transition:all .2s}.qa-reference-card:hover{border-color:#4f46e5;background:#f0f0ff}.qa-reference-card-icon{font-size:var(--space-4)}.qa-reference-card-info{flex:1;min-width:0}.qa-reference-card-title{font-weight:500;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qa-reference-card-chapter{color:#9ca3af;font-size:11px}.qa-reference-card-relevance{padding:2px var(--space-2);border-radius:10px;font-size:11px;font-weight:500;white-space:nowrap}.qa-reference-card-relevance.high{background:#dcfce7;color:var(--color-success-600)}.qa-reference-card-relevance.medium{background:#fef9c3;color:#ca8a04}.qa-reference-card-relevance.low{background:var(--color-danger-100);color:var(--color-danger-600)}.qa-feedback-bar{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.qa-feedback-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);background:transparent;color:#9ca3af;font-size:var(--space-3);cursor:pointer;transition:all .2s}.qa-feedback-btn:hover{border-color:#4f46e5;color:#4f46e5}.qa-feedback-btn.active.like{border-color:#10b981;color:#10b981;background:#ecfdf5}.qa-feedback-btn.active.dislike{border-color:var(--color-danger-500);color:var(--color-danger-500);background:var(--color-danger-50)}.qa-confidence-badge{display:inline-flex;align-items:center;gap:4px;padding:2px var(--space-2);border-radius:10px;font-size:11px;font-weight:500;margin-top:var(--space-2)}.qa-confidence-badge.high{background:#dcfce7;color:var(--color-success-600)}.qa-confidence-badge.medium{background:#fef9c3;color:#ca8a04}.qa-confidence-badge.low{background:var(--color-danger-100);color:var(--color-danger-600)}.qa-input-area{padding:var(--space-4) 0;position:sticky;bottom:0}.qa-input-wrapper{display:flex;gap:var(--space-3);background:#fff;border-radius:var(--space-4);box-shadow:0 4px var(--space-5) #00000014;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);align-items:flex-end;border:1px solid var(--color-gray-200);transition:border-color .2s}.qa-input-wrapper:focus-within{border-color:#4f46e5;box-shadow:0 4px var(--space-5) #4f46e51f}.qa-input-wrapper textarea{flex:1;border:none;outline:none;resize:none;font-size:var(--text-sm);line-height:1.5;color:var(--text-primary);padding:var(--space-2) 0;max-height:120px;min-height:var(--space-6);font-family:inherit}.qa-input-wrapper textarea::placeholder{color:#9ca3af}.qa-send-btn{width:40px;height:40px;border-radius:var(--space-3);border:none;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.qa-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px var(--space-3) #4f46e54d}.qa-send-btn:disabled{opacity:.5;cursor:not-allowed}.qa-input-hint{text-align:center;font-size:11px;color:#9ca3af;margin-top:6px}.qa-hot-questions{padding:var(--space-3) 0}.qa-hot-questions-title{font-size:var(--text-sm);color:var(--color-gray-500);margin-bottom:var(--space-2);font-weight:500}.qa-hot-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.qa-hot-tag{padding:6px 14px;background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--space-5);font-size:var(--text-sm);color:#4b5563;cursor:pointer;transition:all .2s;white-space:nowrap}.qa-hot-tag:hover{border-color:#4f46e5;color:#4f46e5;background:#f0f0ff}.qa-loading-dots{display:inline-flex;gap:4px;padding:var(--space-2) 0}.qa-loading-dots span{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background:#4f46e5;animation:dotBounce 1.4s ease-in-out infinite}.qa-loading-dots span:nth-child(1){animation-delay:0s}.qa-loading-dots span:nth-child(2){animation-delay:.2s}.qa-loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}@media (max-width: 768px){.qa-main{padding:var(--space-3)}.qa-header h1{font-size:22px}.qa-message-content{max-width:85%}.qa-filters{flex-direction:column;align-items:stretch}.qa-filter-select{width:100%}.qa-chat-area{max-height:calc(100vh - 340px)}}.smartedu-page{min-height:100vh;background:var(--bg-primary);padding:var(--space-6) var(--space-5);position:relative}.smartedu-page:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(34,197,94,.06) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(59,130,246,.06) 0%,transparent 50%);pointer-events:none;z-index:0}.smartedu-container{max-width:800px;margin:0 auto;position:relative;z-index:1}.smartedu-header{text-align:center;margin-bottom:var(--space-8)}.smartedu-back-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:10px var(--space-5);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--space-2);color:var(--text-secondary);font-size:.95rem;cursor:pointer;transition:all .3s ease;margin-bottom:var(--space-6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.smartedu-back-btn:hover{background:var(--bg-hover);color:var(--primary);transform:translate(-3px)}.smartedu-title{font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--color-success-500),var(--color-info-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-2)}.smartedu-subtitle{color:var(--text-tertiary);font-size:.95rem}.smartedu-input-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--space-4);padding:28px;margin-bottom:var(--space-6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.smartedu-input-card:hover{border-color:#22c55e4d;box-shadow:0 4px var(--space-5) #22c55e14}.smartedu-input-label{display:block;font-size:.9rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-3)}.smartedu-input-wrapper{display:flex;gap:var(--space-3)}.smartedu-url-input{flex:1;padding:14px 18px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--space-3);color:var(--text-primary);font-size:.95rem;outline:none;transition:all .3s ease}.smartedu-url-input:focus{border-color:var(--color-success-500);box-shadow:0 0 0 3px #22c55e26}.smartedu-url-input::placeholder{color:var(--text-tertiary)}.smartedu-parse-btn{padding:14px 28px;background:linear-gradient(135deg,var(--color-success-500),var(--color-success-600));color:#fff;border:none;border-radius:var(--space-3);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;display:flex;align-items:center;gap:var(--space-2)}.smartedu-parse-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #22c55e59}.smartedu-parse-btn:disabled{opacity:.6;cursor:not-allowed}.smartedu-input-hint{display:flex;align-items:center;gap:6px;margin-top:var(--space-3);font-size:.82rem;color:var(--text-tertiary)}.smartedu-info-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--space-4);padding:28px;margin-bottom:var(--space-6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInUp .4s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(var(--space-3))}to{opacity:1;transform:translateY(0)}}.smartedu-info-header{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5)}.smartedu-info-icon{width:56px;height:56px;background:linear-gradient(135deg,#22c55e26,#3b82f626);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;flex-shrink:0}.smartedu-info-detail{flex:1}.smartedu-info-title{font-size:1.15rem;font-weight:600;color:var(--text-primary);margin-bottom:6px;line-height:1.4}.smartedu-info-meta{display:flex;gap:var(--space-4);flex-wrap:wrap}.smartedu-meta-item{display:flex;align-items:center;gap:4px;font-size:.85rem;color:var(--text-tertiary)}.smartedu-meta-value{color:var(--text-secondary);font-weight:500}.smartedu-download-btn{width:100%;padding:var(--space-4);background:linear-gradient(135deg,var(--color-info-500),#2563eb);color:#fff;border:none;border-radius:var(--space-3);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.smartedu-download-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #3b82f659}.smartedu-download-btn:disabled{opacity:.6;cursor:not-allowed}.smartedu-progress-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--space-4);padding:28px;margin-bottom:var(--space-6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInUp .4s ease}.smartedu-progress-title{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-5)}.smartedu-progress-bar-wrapper{background:var(--bg-primary);border-radius:10px;height:var(--space-3);overflow:hidden;margin-bottom:var(--space-4)}.smartedu-progress-bar{height:100%;border-radius:10px;transition:width .5s ease;position:relative;overflow:hidden}.smartedu-progress-bar.downloading{background:linear-gradient(90deg,var(--color-success-500),#4ade80)}.smartedu-progress-bar.merging{background:linear-gradient(90deg,var(--color-warning-500),var(--color-warning-100))}.smartedu-progress-bar.completed{background:linear-gradient(90deg,var(--color-info-500),#60a5fa)}.smartedu-progress-bar.failed{background:linear-gradient(90deg,var(--color-danger-500),#f87171)}.smartedu-progress-bar:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.smartedu-progress-bar.completed:after,.smartedu-progress-bar.failed:after{animation:none}.smartedu-progress-stats{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2)}.smartedu-progress-stat{font-size:.85rem;color:var(--text-tertiary)}.smartedu-progress-stat strong{color:var(--text-secondary)}.smartedu-complete-card{background:var(--bg-card);border:1px solid rgba(34,197,94,.3);border-radius:var(--space-4);padding:28px;margin-bottom:var(--space-6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInUp .4s ease;text-align:center}.smartedu-complete-icon{font-size:3rem;margin-bottom:var(--space-3)}.smartedu-complete-title{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.smartedu-complete-meta{color:var(--text-tertiary);font-size:.9rem;margin-bottom:var(--space-5)}.smartedu-save-btn{padding:14px 36px;background:linear-gradient(135deg,var(--color-success-500),var(--color-success-600));color:#fff;border:none;border-radius:var(--space-3);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:10px}.smartedu-save-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #22c55e59}.smartedu-error{background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:var(--space-3);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-6);display:flex;align-items:center;gap:10px;color:var(--color-danger-500);font-size:.9rem;animation:fadeInUp .3s ease}.smartedu-help-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--space-4);padding:var(--space-6) 28px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.smartedu-help-title{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.smartedu-help-steps{list-style:none;padding:0;margin:0}.smartedu-help-steps li{display:flex;align-items:flex-start;gap:var(--space-3);padding:10px 0;font-size:.88rem;color:var(--text-secondary);line-height:1.5}.smartedu-help-steps li+li{border-top:1px solid var(--border-color)}.smartedu-step-num{width:var(--space-6);height:var(--space-6);background:linear-gradient(135deg,#22c55e26,#3b82f626);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--color-success-500);flex-shrink:0;margin-top:1px}.smartedu-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:var(--radius-full);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.smartedu-pulse{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 640px){.smartedu-page{padding:var(--space-4) var(--space-3)}.smartedu-input-wrapper{flex-direction:column}.smartedu-parse-btn{justify-content:center}.smartedu-title{font-size:1.5rem}.smartedu-info-header{flex-direction:column;align-items:center;text-align:center}.smartedu-info-meta{justify-content:center}}.ve-page{min-height:100vh;background:#0f1117;color:#e4e4f0;padding:0 0 60px}.ve-header{padding:40px var(--space-6) var(--space-6);text-align:center}.ve-header h1{font-size:2rem;font-weight:700;color:var(--color-white);margin:0 0 var(--space-2)}.ve-subtitle{color:#888;font-size:1rem;margin:0}.ve-content{max-width:860px;margin:0 auto;padding:0 var(--space-5);display:flex;flex-direction:column;gap:var(--space-5)}.ve-upload-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.ve-dropzone{border:2px dashed #333;border-radius:var(--space-3);padding:var(--space-8) var(--space-5);cursor:pointer;background:#1a1d26;transition:border-color .2s,background .2s;min-height:130px;display:flex;align-items:center;justify-content:center}.ve-dropzone:hover{border-color:#5865f2;background:#1e2133}.ve-dropzone--done{border-color:#3ecf8e;background:#111f19}.ve-dropzone-hint{display:flex;flex-direction:column;align-items:center;gap:6px;color:#666}.ve-dropzone-icon{font-size:2rem}.ve-dropzone-hint small{font-size:.75rem;color:#444}.ve-uploading{display:flex;align-items:center;gap:10px;color:#888}.ve-file-done{display:flex;flex-direction:column;align-items:center;gap:6px}.ve-file-icon{font-size:1.6rem}.ve-file-name{font-size:.85rem;color:#ccc;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.ve-file-ok{color:#3ecf8e;font-size:.8rem}.ve-field{display:flex;flex-direction:column;gap:6px}.ve-label{font-size:.85rem;color:#aaa;font-weight:500}.ve-required{color:#f56}.ve-textarea{background:#1a1d26;border:1px solid #333;border-radius:var(--space-2);color:#e4e4f0;padding:10px 14px;font-size:.95rem;resize:vertical;font-family:inherit;transition:border-color .2s}.ve-textarea:focus{outline:none;border-color:#5865f2}.ve-input,.ve-select{background:#1a1d26;border:1px solid #333;border-radius:var(--space-2);color:#e4e4f0;padding:9px var(--space-3);font-size:.9rem;transition:border-color .2s}.ve-input:focus,.ve-select:focus{outline:none;border-color:#5865f2}.ve-select option{background:#1a1d26}.ve-params-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4)}.ve-advanced{display:flex;flex-direction:column;gap:var(--space-3)}.ve-toggle-btn{background:none;border:1px solid #333;border-radius:var(--radius-sm);color:#888;padding:7px 14px;cursor:pointer;font-size:.85rem;align-self:flex-start;transition:border-color .2s,color .2s}.ve-toggle-btn:hover{border-color:#5865f2;color:#ccc}.ve-advanced-row{margin-top:4px}.ve-error{background:#2d1215;border:1px solid #5a2030;border-radius:var(--space-2);color:#f56;padding:var(--space-3) var(--space-4);font-size:.9rem}.ve-submit-btn{background:linear-gradient(135deg,#5865f2,#7c3aed);border:none;border-radius:10px;color:var(--color-white);padding:14px 28px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:opacity .2s,transform .15s;align-self:stretch}.ve-submit-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.ve-submit-btn:disabled{opacity:.5;cursor:not-allowed}.ve-spinner{width:var(--space-5);height:var(--space-5);border:2px solid rgba(255,255,255,.3);border-top-color:var(--color-white);border-radius:var(--radius-full);animation:ve-spin .7s linear infinite;flex-shrink:0}.ve-spinner--sm{width:var(--space-4);height:var(--space-4)}@keyframes ve-spin{to{transform:rotate(360deg)}}@media (max-width: 600px){.ve-upload-row,.ve-params-row{grid-template-columns:1fr}}.vt-page{min-height:100vh;background:#0f1117;color:#e4e4f0;padding:0 0 60px}.vt-header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-6) var(--space-5);border-bottom:1px solid #1e2130}.vt-back-btn{background:none;border:1px solid #333;border-radius:var(--radius-sm);color:#888;padding:6px var(--space-3);cursor:pointer;font-size:.85rem;transition:border-color .2s,color .2s}.vt-back-btn:hover{border-color:#5865f2;color:#ccc}.vt-header h1{font-size:1.3rem;font-weight:600;margin:0;flex:1}.vt-task-id{font-size:.75rem;color:#555;font-family:monospace}.vt-content{max-width:760px;margin:0 auto;padding:var(--space-6) var(--space-5);display:flex;flex-direction:column;gap:var(--space-6)}.vt-progress-bar-wrap{background:#1a1d26;border-radius:var(--space-2);height:10px;position:relative;overflow:visible}.vt-progress-bar{background:linear-gradient(90deg,#5865f2,#3ecf8e);height:100%;border-radius:var(--space-2);transition:width .5s ease}.vt-progress-text{position:absolute;right:0;top:-22px;font-size:.8rem;color:#888}.vt-stages{display:flex;gap:var(--space-2);flex-wrap:wrap}.vt-stage{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--space-3) var(--space-4);border-radius:10px;background:#1a1d26;border:1px solid #222;min-width:80px;position:relative;transition:background .3s,border-color .3s}.vt-stage--active{background:#1c1e40;border-color:#5865f2}.vt-stage--done{background:#111f19;border-color:#3ecf8e}.vt-stage-icon{font-size:1.4rem;line-height:1;min-height:28px;display:flex;align-items:center;justify-content:center}.vt-stage-label{font-size:.72rem;color:#888;text-align:center}.vt-stage--done .vt-stage-label{color:#3ecf8e}.vt-stage--active .vt-stage-label{color:var(--color-primary-300)}.vt-stage-check{position:absolute;top:4px;right:6px;font-size:.7rem;color:#3ecf8e}.vt-stage-spinner{display:inline-block;width:var(--space-5);height:var(--space-5);border:2px solid rgba(255,255,255,.15);border-top-color:var(--color-primary-300);border-radius:var(--radius-full);animation:vt-spin .7s linear infinite}@keyframes vt-spin{to{transform:rotate(360deg)}}.vt-log{background:#12141d;border:1px solid #1e2130;border-radius:10px;padding:14px 18px;max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;font-family:Courier New,monospace;font-size:.83rem}.vt-log-item{color:#888;padding:2px 0}.vt-log-item:before{content:"› ";color:#444}.vt-log-item--done{color:#3ecf8e}.vt-log-item--error{color:#f56}.vt-log-item--connecting{color:#555;font-style:italic}.vt-error-box{background:#1c0f12;border:1px solid #5a2030;border-radius:var(--space-3);padding:var(--space-6);text-align:center}.vt-error-box h3{margin:0 0 10px;color:#f56}.vt-error-box p{color:#c88;margin:0 0 var(--space-4);font-size:.9rem}.vt-retry-btn{background:#5865f2;border:none;border-radius:var(--space-2);color:var(--color-white);padding:10px var(--space-5);cursor:pointer;font-size:.9rem;transition:opacity .2s}.vt-retry-btn:hover{opacity:.85}.vt-result-box{background:#0e1f18;border:1px solid #2a5040;border-radius:var(--space-3);padding:var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.vt-result-box h3{margin:0;font-size:1.2rem;color:#3ecf8e}.vt-result-stats{display:flex;gap:var(--space-8)}.vt-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.vt-stat-label{font-size:.75rem;color:#666}.vt-stat-value{font-size:1.3rem;font-weight:700;color:#e4e4f0}.vt-preview{width:100%;max-width:560px;border-radius:10px;background:var(--color-black)}.vt-download-btn{display:inline-flex;align-items:center;gap:var(--space-2);background:linear-gradient(135deg,#3ecf8e,#1aa870);border-radius:var(--space-2);color:var(--color-white);padding:10px 22px;text-decoration:none;font-weight:600;font-size:.95rem;transition:opacity .2s}.vt-download-btn:hover{opacity:.88}@media (max-width: 600px){.vt-stages{justify-content:center}.vt-stage{min-width:70px;padding:10px var(--space-3)}}.mq-page{font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif;color:#333;background:#faf8f3;overflow-x:hidden;-webkit-font-smoothing:antialiased}.mq-section-head{text-align:center;padding:0 var(--space-5);margin-bottom:var(--space-6)}.mq-section-head.light h2{color:var(--color-white)}.mq-section-head.light p{color:#ffffffb3}.mq-section-tag{display:inline-block;padding:3px 14px;border-radius:var(--space-5);font-size:.7rem;font-weight:700;background:linear-gradient(135deg,#a8d870,#6abf4b);color:var(--color-white);letter-spacing:1px;margin-bottom:10px}.mq-section-head h2{font-size:1.5rem;font-weight:900;color:#3d3425;margin:0 0 var(--space-2);letter-spacing:1px}.mq-section-head p{font-size:.85rem;color:#999;line-height:1.6;margin:0}.mq-s1{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px var(--space-6) 40px;overflow:hidden}.mq-s1-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 80%,rgba(168,216,112,.15) 0%,transparent 60%),radial-gradient(ellipse at 70% 20%,rgba(255,183,77,.1) 0%,transparent 50%),linear-gradient(180deg,#f5efe2,#e8dcc8,#d4c8a0);z-index:0}.mq-s1-bg:before{content:"🌵 🐪 🌳 🏜️ 🌾 🐪 🌵";position:absolute;bottom:15%;left:50%;transform:translate(-50%);font-size:2.5rem;letter-spacing:var(--space-5);opacity:.08;white-space:nowrap}.mq-s1-content{position:relative;z-index:1}.mq-s1-badge{display:inline-block;padding:5px 18px;border-radius:var(--space-6);background:#2e7d321a;border:1.5px solid rgba(46,125,50,.2);color:#2e7d32;font-size:.78rem;font-weight:700;margin-bottom:var(--space-5);letter-spacing:1px}.mq-s1-title{font-size:2.8rem;font-weight:900;color:#3d2e1a;margin:0 0 var(--space-4);letter-spacing:4px;line-height:1.2;text-shadow:0 2px var(--space-3) rgba(0,0,0,.06)}.mq-s1-sub{font-size:1rem;color:#8a7a60;line-height:1.8;margin:0 0 var(--space-6)}.mq-s1-stats{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-8)}.mq-s1-stats span{font-size:.8rem;color:#7a6a50;font-weight:600;padding:6px 14px;background:#ffffff80;border-radius:var(--space-5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mq-s1-cta{display:inline-block;padding:14px 36px;background:linear-gradient(135deg,#43a047,#66bb6a);color:var(--color-white);border-radius:30px;font-size:.95rem;font-weight:800;text-decoration:none;letter-spacing:1px;box-shadow:0 6px var(--space-6) #43a04759;transition:all .25s}.mq-s1-cta:hover{transform:translateY(-2px);box-shadow:0 var(--space-2) var(--space-8) #43a04773}.mq-s1-scroll-hint{position:absolute;bottom:var(--space-6);left:50%;transform:translate(-50%);z-index:1;text-align:center}.mq-s1-scroll-hint span{font-size:.72rem;color:#bba;letter-spacing:2px}.mq-s1-arrow{width:var(--space-3);height:var(--space-3);border-right:2px solid #bba;border-bottom:2px solid #bba;transform:rotate(45deg);margin:6px auto 0;animation:bounce 1.5s infinite}@keyframes bounce{0%,to{transform:rotate(45deg) translateY(0);opacity:.6}50%{transform:rotate(45deg) translateY(6px);opacity:1}}.mq-s2{padding:48px var(--space-4);background:linear-gradient(180deg,#faf8f3,#f0f8e8)}.mq-plant-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:680px;margin:0 auto var(--space-6);padding:0 4px}.mq-plant-card{background:var(--color-white);border-radius:var(--space-4);padding:var(--space-5) 18px;border:1.5px solid #dcedc8;position:relative;overflow:hidden}.mq-plant-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#66bb6a,#2e7d32)}.mq-plant-emoji{font-size:2.2rem;margin-bottom:var(--space-2)}.mq-plant-card h3{font-size:1rem;font-weight:800;color:#2e7d32;margin:0 0 6px}.mq-plant-addr{display:inline-block;font-size:.75rem;color:#e65100;font-weight:700;padding:2px var(--space-2);background:var(--color-primary-50);border-radius:var(--radius-sm);margin-bottom:var(--space-2)}.mq-plant-card p{font-size:.78rem;color:#666;line-height:1.6;margin:0 0 10px}.mq-plant-tags{display:flex;flex-wrap:wrap;gap:4px}.mq-plant-tags span{font-size:.65rem;padding:2px var(--space-2);border-radius:10px;background:#e8f5e9;color:#2e7d32;font-weight:600}.mq-plant-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:680px;margin:0 auto;padding:0 4px}.mq-benefit{text-align:center;padding:var(--space-4) var(--space-2);background:var(--color-white);border-radius:14px;border:1.5px solid #e8e0d0}.mq-benefit span{font-size:1.5rem;display:block;margin-bottom:6px}.mq-benefit b{font-size:.78rem;color:#3d3425;display:block;margin-bottom:2px}.mq-benefit div{font-size:.68rem;color:#999;line-height:1.4}.mq-s3{padding:48px var(--space-4);background:#faf8f3}.mq-num-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);max-width:520px;margin:0 auto;padding:0 4px}.mq-num-card{text-align:center;padding:18px 10px;background:var(--color-white);border-radius:14px;border:1.5px solid #e8e0d0;transition:transform .2s}.mq-num-card:hover{transform:translateY(-3px)}.mq-num-icon{font-size:1.5rem;display:block;margin-bottom:6px}.mq-num-val{font-size:1.6rem;font-weight:900;color:#e65100;line-height:1}.mq-num-val small{font-size:.7rem;color:#999;font-weight:500;margin-left:2px}.mq-num-label{font-size:.72rem;color:#999;margin-top:4px;font-weight:500}.mq-s4{padding:48px var(--space-4);background:linear-gradient(180deg,#f0f8e8,#faf8f3)}.mq-map-box{max-width:720px;margin:0 auto var(--space-5);overflow-x:auto;-webkit-overflow-scrolling:touch;padding:0 4px}.mq-map-svg{display:block;width:100%;min-width:520px;height:auto;border-radius:14px;border:2px solid #e0d5c0;box-shadow:0 4px var(--space-5) #0000000d}.mq-route-cards{max-width:680px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-2);padding:0 4px}.mq-rc{background:var(--color-white);border-radius:var(--space-3);border:1.5px solid #e8e0d0;overflow:hidden;cursor:pointer;transition:all .2s}.mq-rc:hover{box-shadow:0 2px 10px #0000000d}.mq-rc.open{border-color:var(--rc);box-shadow:0 3px var(--space-4) #00000014}.mq-rc-head{display:flex;align-items:center;gap:var(--space-2);padding:10px 14px}.mq-rc-day{color:var(--color-white);font-size:.68rem;font-weight:800;padding:3px 10px;border-radius:var(--space-3);flex-shrink:0}.mq-rc-title{flex:1;font-size:.85rem;font-weight:700;color:#444}.mq-rc-n{font-size:.65rem;color:#bbb;font-weight:600}.mq-rc-arr{font-size:.6rem;color:#ccc}.mq-rc-body{padding:0 14px 14px;border-top:1px solid #f0ebe3;animation:fadeDown .2s ease}@keyframes fadeDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.mq-rc-desc{font-size:.8rem;color:#888;line-height:1.6;margin:10px 0}.mq-rc-stop{display:flex;align-items:center;gap:var(--space-2);padding:4px 0;font-size:.8rem;color:#555}.mq-rc-dot{width:var(--space-5);height:var(--space-5);border-radius:var(--radius-full);color:var(--color-white);font-size:.6rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mq-s5{padding:48px var(--space-4);background:#faf8f3}.mq-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);max-width:680px;margin:0 auto;padding:0 4px}.mq-product{border-radius:var(--space-4);padding:18px var(--space-4);display:flex;gap:var(--space-3);align-items:flex-start;border:1.5px solid #e8e0d0;transition:transform .2s}.mq-product:hover{transform:translateY(-2px)}.mq-product-emoji{font-size:2.2rem;flex-shrink:0}.mq-product-info h4{font-size:.92rem;font-weight:800;color:#3d3425;margin:0 0 4px}.mq-product-info h4 em{font-style:normal;font-size:.6rem;color:#e65100;background:var(--color-primary-50);padding:1px 6px;border-radius:var(--space-2);font-weight:600;margin-left:4px;vertical-align:middle}.mq-product-info p{font-size:.76rem;color:#888;line-height:1.5;margin:0}.mq-s6{padding:48px var(--space-4);background:linear-gradient(135deg,#5d4037,#4e342e);border-radius:0}.mq-s6 .mq-section-tag{background:#ffffff26}.mq-food-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:520px;margin:0 auto;padding:0 4px}.mq-food{text-align:center;padding:var(--space-4) var(--space-2);background:#ffffff14;border-radius:14px;border:1px solid rgba(255,255,255,.08);transition:transform .2s}.mq-food:hover{transform:translateY(-2px);background:#ffffff1f}.mq-food span{font-size:1.8rem;display:block;margin-bottom:6px}.mq-food b{font-size:.82rem;color:var(--color-white);display:block;margin-bottom:2px}.mq-food small{font-size:.68rem;color:#ffffff80}.mq-s7{padding:36px var(--space-4);background:#faf8f3}.mq-tips{max-width:580px;margin:0 auto;display:flex;flex-direction:column;gap:6px;padding:0 4px}.mq-tip-row{display:flex;gap:10px;align-items:center;padding:10px 14px;background:var(--color-white);border-radius:10px;font-size:.8rem;color:#666;border:1px solid #f0ebe3}.mq-tip-row span:first-child{font-size:1rem;flex-shrink:0}.mq-footer{background:linear-gradient(180deg,#faf8f3,#f0ebe0)}.mq-footer-cta{text-align:center;padding:40px var(--space-5);background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:var(--space-5);margin:0 var(--space-4) var(--space-6);max-width:680px;margin-left:auto;margin-right:auto}.mq-footer-cta h3{font-size:1.3rem;font-weight:900;color:#2e7d32;margin:0 0 var(--space-2)}.mq-footer-cta p{font-size:.88rem;color:#555;margin:0 0 14px}.mq-footer-cta b{color:#e65100}.mq-footer-badges{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.mq-footer-badges span{font-size:.72rem;padding:4px var(--space-3);background:#ffffffb3;border-radius:14px;color:#2e7d32;font-weight:600}.mq-footer-bottom{text-align:center;padding:var(--space-6) var(--space-4) 36px;color:#bbb;font-size:.78rem}.mq-footer-bottom div{font-size:1.3rem;letter-spacing:10px;margin-bottom:var(--space-2)}.mq-footer-bottom p{margin:2px 0}@media (max-width: 640px){.mq-s1-title{font-size:2rem;letter-spacing:2px}.mq-s1-sub{font-size:.88rem}.mq-s1-stats{gap:var(--space-2)}.mq-s1-stats span{font-size:.72rem;padding:5px 10px}.mq-section-head h2{font-size:1.25rem}.mq-plant-grid{grid-template-columns:1fr}.mq-plant-benefits{grid-template-columns:1fr 1fr}.mq-num-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.mq-num-val{font-size:1.3rem}.mq-product-grid{grid-template-columns:1fr}.mq-food-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.mq-map-svg{min-width:480px}}@media (max-width: 380px){.mq-s1-title{font-size:1.7rem}.mq-s1{padding:50px var(--space-4) 36px}.mq-num-grid,.mq-food-grid{grid-template-columns:repeat(2,1fr)}.mq-plant-benefits{grid-template-columns:1fr 1fr;gap:var(--space-2)}}.pp-page{min-height:100vh;background:linear-gradient(180deg,#fdf2f8 0%,#fce7f3 30%,var(--color-primary-50) 60%,var(--color-white) 100%);padding-bottom:60px}.pp-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(244,63,94,.1);position:sticky;top:0;z-index:100}.pp-back{color:#f43f5e;text-decoration:none;font-size:.88rem;font-weight:500}.pp-back:hover{text-decoration:underline}.pp-header-center{text-align:center}.pp-title{font-size:1.3rem;font-weight:800;color:#1e1b4b;margin:0}.pp-subtitle{font-size:.82rem;color:#888;margin:2px 0 0}.pp-add-btn{padding:var(--space-2) 18px;border:none;border-radius:10px;background:linear-gradient(135deg,#f43f5e,#ec4899);color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.pp-add-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #f43f5e4d}.pp-stats{display:flex;gap:var(--space-3);padding:var(--space-5) var(--space-6);max-width:800px;margin:0 auto}.pp-stat-item{flex:1;text-align:center;background:#fff;border-radius:14px;padding:var(--space-4) var(--space-2);box-shadow:0 2px 10px #0000000a}.pp-stat-num{display:block;font-size:1.2rem;font-weight:800;color:#f43f5e}.pp-stat-label{display:block;font-size:.72rem;color:#999;margin-top:2px}.pp-phase-nav{display:flex;gap:var(--space-2);padding:0 var(--space-6) var(--space-4);max-width:800px;margin:0 auto;flex-wrap:wrap}.pp-phase-chip{display:flex;align-items:center;gap:5px;padding:6px 14px;border:1.5px solid;border-radius:var(--space-5);font-size:.78rem;font-weight:600;background:#fff}.pp-phase-count{background:#0000000f;border-radius:10px;padding:1px 7px;font-size:.7rem}.pp-add-panel{max-width:800px;margin:0 auto var(--space-5);padding:var(--space-5) var(--space-6);background:#fff;border-radius:var(--space-4);box-shadow:0 4px var(--space-5) #f43f5e14;border:1px solid rgba(244,63,94,.15)}.pp-add-panel h3{font-size:1rem;font-weight:700;color:#333;margin:0 0 14px}.pp-add-row{display:flex;gap:10px;margin-bottom:10px}.pp-input{padding:9px 14px;border:1px solid var(--color-gray-200);border-radius:10px;font-size:.88rem;outline:none;transition:border-color .2s;background:#fafafa}.pp-input:focus{border-color:#f43f5e;box-shadow:0 0 0 3px #f43f5e0f}.pp-textarea{width:100%;padding:10px 14px;border:1px solid var(--color-gray-200);border-radius:10px;font-size:.88rem;outline:none;resize:vertical;font-family:inherit;line-height:1.6;background:#fafafa;box-sizing:border-box}.pp-textarea:focus{border-color:#f43f5e}.pp-add-actions{display:flex;gap:10px;margin-top:var(--space-3)}.pp-btn{padding:10px var(--space-6);border:none;border-radius:10px;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s}.pp-btn-primary{background:linear-gradient(135deg,#f43f5e,#ec4899);color:#fff}.pp-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 14px #f43f5e4d}.pp-btn-cancel{background:var(--color-gray-100);color:#666}.pp-add-images{margin-top:10px;display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}.pp-add-img-item{position:relative;width:140px;border-radius:10px;overflow:hidden;border:1px solid var(--color-gray-200);background:#fafafa}.pp-add-img-item img{width:100%;height:100px;object-fit:cover;display:block}.pp-add-img-caption{width:100%;border:none!important;border-top:1px solid var(--color-gray-200)!important;border-radius:0!important;padding:6px var(--space-2)!important;font-size:.75rem!important;box-sizing:border-box}.pp-add-img-remove{position:absolute;top:4px;right:4px;width:var(--space-5);height:var(--space-5);border:none;border-radius:var(--radius-full);background:#00000080;color:#fff;font-size:.65rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.pp-add-img-btn{width:140px;height:100px;border:2px dashed var(--color-gray-200);border-radius:10px;background:#fafafa;color:#999;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.pp-add-img-btn:hover{border-color:#f43f5e;color:#f43f5e;background:#f43f5e08}.pp-timeline{max-width:800px;margin:0 auto;padding:0 var(--space-6)}.pp-phase-divider{padding:var(--space-5) 0 var(--space-2) 54px}.pp-phase-label{display:inline-block;padding:6px 18px;border-radius:var(--space-5);color:#fff;font-size:.82rem;font-weight:700;letter-spacing:1px}.pp-tl-item{display:flex;gap:var(--space-4);position:relative}.pp-tl-axis{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:42px;padding-top:14px}.pp-tl-dot{width:42px;height:42px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;z-index:2;transition:transform .2s}.pp-tl-item:hover .pp-tl-dot{transform:scale(1.1)}.pp-tl-line{width:3px;flex:1;background:linear-gradient(to bottom,var(--color-gray-200) 50%,transparent 50%);background-size:3px var(--space-2);margin:4px 0;min-height:var(--space-5)}.pp-tl-card{flex:1;background:#fff;border-radius:var(--space-4);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-4);box-shadow:0 2px var(--space-3) #0000000a;border:1px solid #f0f0f0;cursor:pointer;transition:all .2s}.pp-tl-card:hover{box-shadow:0 4px var(--space-5) #00000014;border-color:#e0e0e0}.pp-tl-card-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.pp-tl-date{font-size:.78rem;font-weight:700;color:#f43f5e;background:#f43f5e0f;padding:3px 10px;border-radius:var(--radius-sm);white-space:nowrap}.pp-tl-title{font-size:.95rem;font-weight:700;color:#1e1b4b;margin:0;flex:1}.pp-tl-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s}.pp-tl-card:hover .pp-tl-actions{opacity:1}.pp-icon-btn{width:30px;height:30px;border:1px solid var(--color-gray-200);border-radius:var(--space-2);background:#fafafa;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.82rem;transition:all .15s}.pp-icon-btn:hover{background:#f0f0f0;transform:scale(1.05)}.pp-icon-btn-danger:hover{border-color:var(--color-danger-500);background:var(--color-danger-50)}.pp-tl-content{font-size:.88rem;color:#444;line-height:1.8}.pp-tl-content strong{color:#1e1b4b}.pp-edit-form{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px dashed var(--color-gray-200)}.pp-tl-images{display:flex;gap:10px;margin-top:var(--space-3);flex-wrap:wrap}.pp-tl-img-wrap{position:relative;border-radius:10px;overflow:hidden;border:1px solid var(--color-gray-200);max-width:200px}.pp-tl-img{width:100%;display:block;cursor:zoom-in}.pp-tl-img-caption{padding:6px 10px;font-size:.75rem;color:#666;background:#fafafa;border-top:1px solid #f0f0f0}.pp-tl-img-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border:none;border-radius:var(--radius-full);background:#00000080;color:#fff;font-size:.7rem;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.pp-tl-img-wrap:hover .pp-tl-img-remove{opacity:1}.pp-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--space-4);animation:pp-fade-in .2s ease}@keyframes pp-fade-in{0%{opacity:0}to{opacity:1}}.pp-modal{background:#fff;border-radius:18px;padding:var(--space-6);width:420px;max-width:100%;box-shadow:0 var(--space-5) 60px #0003;animation:pp-modal-in .25s ease}@keyframes pp-modal-in{0%{opacity:0;transform:scale(.92) translateY(var(--space-4))}to{opacity:1;transform:scale(1) translateY(0)}}.pp-modal-title{font-size:1.1rem;font-weight:700;color:#333;margin:0 0 var(--space-4);text-align:center}.pp-modal-preview{border-radius:var(--space-3);overflow:hidden;border:1px solid var(--color-gray-200);margin-bottom:var(--space-4);max-height:240px;display:flex;align-items:center;justify-content:center;background:#fafafa}.pp-modal-preview img{max-width:100%;max-height:240px;object-fit:contain}.pp-modal-field{margin-bottom:var(--space-4)}.pp-modal-field label{display:block;font-size:.85rem;font-weight:600;color:#555;margin-bottom:6px}.pp-modal-field .pp-input{width:100%;box-sizing:border-box}.pp-modal-actions{display:flex;gap:10px;justify-content:flex-end}.pp-footer{max-width:800px;margin:30px auto 0;padding:0 var(--space-6);text-align:center}.pp-add-btn-large{width:100%;padding:var(--space-4);border:2px dashed rgba(244,63,94,.3);border-radius:14px;background:#f43f5e08;color:#f43f5e;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.pp-add-btn-large:hover{border-color:#f43f5e;background:#f43f5e0f}.pp-footer-note{font-size:.78rem;color:#bbb;margin-top:var(--space-3)}.pp-checklist-section{max-width:800px;margin:30px auto 0;padding:0 var(--space-6)}.pp-checklist-header{background:#fff;border-radius:var(--space-4);padding:var(--space-5) var(--space-6);box-shadow:0 2px var(--space-3) #0000000a;border:1px solid #f0f0f0;margin-bottom:var(--space-4)}.pp-checklist-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.pp-checklist-title{font-size:1.15rem;font-weight:800;color:#1e1b4b;margin:0}.pp-checklist-progress{font-size:.85rem;font-weight:600;color:#10b981}.pp-checklist-progress-bar{height:6px;background:#f0f0f0;border-radius:3px;overflow:hidden;margin-bottom:14px}.pp-checklist-progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:3px;transition:width .4s ease}.pp-checklist-add-btn{width:100%;padding:10px;font-size:.88rem}.pp-checklist-add-panel{background:#fff;border-radius:14px;padding:var(--space-4) var(--space-5);margin-bottom:var(--space-4);box-shadow:0 2px var(--space-3) #0000000a;border:1px solid rgba(244,63,94,.15);display:flex;flex-direction:column;gap:10px}.pp-checklist-group{margin-bottom:var(--space-3)}.pp-checklist-group-title{font-size:.82rem;font-weight:700;color:#8b5cf6;padding:var(--space-2) 0 4px 4px;border-bottom:1px solid #f0f0f0;margin-bottom:4px}.pp-checklist-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:all .2s}.pp-checklist-item-wrap{background:#fff;border-radius:var(--space-3);margin-bottom:6px;box-shadow:0 1px 6px #00000008;border:1px solid #f0f0f0;transition:all .2s;overflow:hidden}.pp-checklist-item-wrap:hover{box-shadow:0 2px var(--space-3) #0000000f;border-color:#e0e0e0}.pp-checklist-item-wrap-done{background:var(--color-success-50);border-color:#bbf7d0}.pp-checklist-item-wrap-done .pp-checklist-item-title{text-decoration:line-through;color:#9ca3af}.pp-checklist-images{display:flex;gap:10px;padding:0 var(--space-4) var(--space-3);flex-wrap:wrap}.pp-checklist-checkbox{position:relative;display:flex;align-items:center;cursor:pointer;flex-shrink:0}.pp-checklist-checkbox input{position:absolute;opacity:0;width:0;height:0}.pp-checklist-checkmark{width:22px;height:22px;border:2px solid var(--color-gray-300);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .2s;background:#fff}.pp-checklist-checkbox input:checked+.pp-checklist-checkmark{background:#10b981;border-color:#10b981}.pp-checklist-checkbox input:checked+.pp-checklist-checkmark:after{content:"✓";color:#fff;font-size:.75rem;font-weight:700}.pp-checklist-item-body{flex:1;min-width:0}.pp-checklist-item-title{font-size:.9rem;font-weight:600;color:#333;transition:all .2s}.pp-checklist-item-note{font-size:.75rem;color:#9ca3af;margin-top:2px}.pp-checklist-item-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.pp-checklist-date-input{padding:5px var(--space-2);border:1px solid var(--color-gray-200);border-radius:var(--space-2);font-size:.78rem;color:#666;outline:none;background:#fafafa;width:130px;transition:border-color .2s}.pp-checklist-date-input:focus{border-color:#f43f5e;box-shadow:0 0 0 2px #f43f5e0f}@media (max-width: 768px){.pp-checklist-section{padding:0 var(--space-2)}.pp-checklist-header{padding:14px var(--space-4)}.pp-checklist-title{font-size:1rem}.pp-checklist-item{padding:10px var(--space-3);gap:var(--space-2);flex-wrap:wrap}.pp-checklist-item-actions{width:100%;justify-content:flex-end;margin-top:4px}.pp-checklist-date-input{width:120px}.pp-checklist-images{padding:0 var(--space-3) 10px;gap:var(--space-2)}}@media (max-width: 768px){.pp-header{padding:10px 14px;gap:var(--space-2)}.pp-title{font-size:1rem}.pp-subtitle{display:none}.pp-add-btn{padding:6px var(--space-3);font-size:.8rem}.pp-stats{padding:var(--space-3) 14px;gap:6px}.pp-stat-item{padding:10px 4px}.pp-stat-num{font-size:.95rem}.pp-stat-label{font-size:.68rem}.pp-phase-nav{padding:0 14px 10px;gap:6px}.pp-phase-chip{padding:4px 10px;font-size:.72rem}.pp-timeline{padding:0 var(--space-2)}.pp-tl-item{gap:10px}.pp-tl-axis{width:28px;padding-top:10px}.pp-tl-dot{width:28px;height:28px;font-size:.85rem}.pp-tl-card{padding:var(--space-3);margin-bottom:var(--space-3);border-radius:var(--space-3)}.pp-tl-card-header{flex-wrap:wrap;gap:6px}.pp-tl-date{font-size:.72rem;padding:2px var(--space-2)}.pp-tl-title{font-size:.9rem;width:100%;order:3;margin-top:2px}.pp-tl-actions{opacity:1;margin-left:auto;gap:2px}.pp-icon-btn{width:26px;height:26px;font-size:.75rem}.pp-tl-content{font-size:.84rem;line-height:1.7}.pp-tl-img-wrap{max-width:160px}.pp-tl-img-remove{opacity:1}.pp-add-panel{margin:0 var(--space-2) 14px;padding:14px}.pp-add-row{flex-direction:column}.pp-add-images{gap:var(--space-2)}.pp-add-img-item{width:110px}.pp-add-img-btn{width:110px;height:80px;font-size:.78rem}.pp-footer{padding:0 var(--space-2)}.pp-phase-divider{padding-left:40px}}@media (max-width: 480px){.pp-header{flex-wrap:wrap;justify-content:center;gap:6px}.pp-back{font-size:.8rem}.pp-stats{flex-wrap:wrap}.pp-stat-item{min-width:calc(50% - 4px);flex:none}.pp-tl-axis{width:var(--space-6)}.pp-tl-dot{width:var(--space-6);height:var(--space-6);font-size:.75rem}.pp-tl-card{padding:10px}.pp-tl-content{font-size:.82rem}}.skill-runner{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a3e,#0f0f23);color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.skill-runner-wrapper{max-width:960px;margin:0 auto;padding:var(--space-5) var(--space-6) 40px}.skill-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:28px}.skill-back-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#a0a0c0;padding:var(--space-2) var(--space-4);border-radius:var(--space-2);cursor:pointer;font-size:var(--text-sm);transition:all .2s;white-space:nowrap;text-decoration:none}.skill-back-btn:hover{background:#ffffff24;color:var(--color-white)}.skill-header-info{flex:1}.skill-header-info h1{font-size:var(--space-6);font-weight:700;color:var(--color-white);margin:0 0 4px}.skill-header-info p{font-size:var(--text-sm);color:#88a;margin:0}.skill-list-section{margin-bottom:var(--space-8)}.skill-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.skill-list-title{font-size:18px;font-weight:600;color:#c0c0e0;margin:0;display:flex;align-items:center;gap:10px}.skill-list-count{font-size:var(--space-3);font-weight:500;padding:2px var(--space-2);border-radius:10px;background:#6366f126;color:#a78bfa}.skill-install-btn{background:linear-gradient(135deg,var(--color-primary-500),#8b5cf6);border:none;color:var(--color-white);padding:var(--space-2) 18px;border-radius:var(--space-2);cursor:pointer;font-size:var(--text-sm);font-weight:600;transition:all .2s;white-space:nowrap}.skill-install-btn:hover{transform:translateY(-1px);box-shadow:0 4px var(--space-4) #6366f166}.skill-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.skill-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:14px;transition:all .25s ease;position:relative;overflow:hidden;display:flex;flex-direction:column}.skill-card-main{padding:var(--space-5) var(--space-5) var(--space-3);cursor:pointer;flex:1}.skill-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary-500),#8b5cf6,#a78bfa);opacity:0;transition:opacity .25s}.skill-card:hover{background:#ffffff17;border-color:#6366f14d;transform:translateY(-2px);box-shadow:0 var(--space-2) var(--space-6) #0000004d}.skill-card:hover:before{opacity:1}.skill-card.active{border-color:#6366f180;background:#6366f114}.skill-card.active:before{opacity:1}.skill-card-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:10px}.skill-card-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;background:linear-gradient(135deg,#6366f133,#8b5cf633);flex-shrink:0}.skill-card-title-area{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0}.skill-card-name{font-size:var(--space-4);font-weight:600;color:#e8e8ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skill-card-version{font-size:11px;padding:2px 6px;border-radius:4px;background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.2);white-space:nowrap;flex-shrink:0}.skill-card-desc{font-size:var(--text-sm);color:#88a;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.skill-card-author{font-size:var(--space-3);color:#77a;margin-top:var(--space-2)}.skill-card-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--space-3)}.skill-badge{font-size:11px;padding:3px var(--space-2);border-radius:var(--radius-sm);background:#6366f11f;color:#a78bfa;border:1px solid rgba(99,102,241,.15)}.skill-badge-dir{background:#10b9811a;color:#34d399;border-color:#10b98126}.skill-card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:10px}.skill-tag{font-size:10px;padding:2px 6px;border-radius:4px;background:#fbbf2414;color:#d4a017;border:1px solid rgba(251,191,36,.12)}.skill-tag-more{background:#ffffff0d;color:#66a;border-color:#ffffff14}.skill-card-actions{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-5) var(--space-4)}.skill-card-run-btn{flex:1;background:#6366f11f;border:1px solid rgba(99,102,241,.2);color:#a78bfa;padding:7px 0;border-radius:7px;cursor:pointer;font-size:var(--space-3);font-weight:600;transition:all .2s;text-align:center}.skill-card-run-btn:hover{background:#6366f133;color:#c4b5fd}.skill-card-uninstall-btn{background:#ef444414;border:1px solid rgba(239,68,68,.15);color:#f87171;padding:7px var(--space-3);border-radius:7px;cursor:pointer;font-size:var(--space-3);transition:all .2s}.skill-card-uninstall-btn:hover{background:#ef444426;color:#fca5a5}.skill-chat-section{display:flex;flex-direction:column;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--space-4);overflow:hidden;min-height:500px}.skill-chat-bar{display:flex;align-items:center;justify-content:space-between;padding:14px var(--space-5);background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.06)}.skill-chat-bar-left{display:flex;align-items:center;gap:10px}.skill-chat-bar-icon{font-size:var(--space-5)}.skill-chat-bar-info{display:flex;align-items:center;gap:var(--space-2)}.skill-chat-bar-name{font-size:15px;font-weight:600;color:#d0d0f0}.skill-chat-bar-version{font-size:11px;padding:1px 5px;border-radius:4px;background:#10b9811f;color:#34d399}.skill-chat-bar-right{display:flex;align-items:center;gap:var(--space-2)}.skill-files-btn,.skill-clear-btn,.skill-switch-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#88a;padding:6px var(--space-3);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--space-3);transition:all .2s}.skill-files-btn:hover,.skill-clear-btn:hover,.skill-switch-btn:hover{background:#ffffff1f;color:#c0c0e0}.skill-files-btn.active{background:#6366f126;border-color:#6366f14d;color:#a78bfa}.skill-files-panel{border-bottom:1px solid rgba(255,255,255,.06);background:#00000026;max-height:320px;overflow-y:auto}.skill-files-panel::-webkit-scrollbar{width:5px}.skill-files-panel::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.skill-file-list-header{display:flex;align-items:center;justify-content:space-between;padding:10px var(--space-4);font-size:var(--text-sm);font-weight:600;color:#a0a0c0;border-bottom:1px solid rgba(255,255,255,.04)}.skill-file-count{font-weight:400;font-size:var(--space-3);color:#66a}.skill-file-loading,.skill-file-empty{padding:var(--space-5);text-align:center;color:#66a;font-size:var(--text-sm)}.skill-file-items{padding:4px 0}.skill-file-item{display:flex;align-items:center;gap:10px;padding:var(--space-2) var(--space-4);cursor:pointer;transition:background .15s}.skill-file-item:hover{background:#ffffff0a}.skill-file-icon{font-size:var(--space-4);flex-shrink:0}.skill-file-info{display:flex;flex-direction:column;gap:2px;min-width:0}.skill-file-name{font-size:var(--text-sm);color:#c0c0e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skill-file-meta{font-size:11px;color:#66a}.skill-file-viewer-header{display:flex;align-items:center;gap:10px;padding:10px var(--space-4);border-bottom:1px solid rgba(255,255,255,.04)}.skill-file-back-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#88a;padding:4px 10px;border-radius:5px;cursor:pointer;font-size:11px;transition:all .2s}.skill-file-back-btn:hover{background:#ffffff1a;color:#c0c0e0}.skill-file-viewer-name{font-size:var(--text-sm);color:#c0c0e0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skill-file-viewer-size{font-size:11px;color:#66a;flex-shrink:0}.skill-file-viewer-content{padding:var(--space-3) var(--space-4);max-height:260px;overflow-y:auto}.skill-file-viewer-content pre{margin:0;white-space:pre-wrap;word-break:break-word}.skill-file-viewer-content code{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:var(--space-3);color:#c0c0e0;line-height:1.6}.skill-file-binary{color:#66a;font-size:var(--text-sm);font-style:italic;padding:var(--space-5);text-align:center}.skill-welcome-author{font-size:var(--space-3)!important;color:#55a!important;margin-top:4px!important}.skill-messages{flex:1;overflow-y:auto;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);min-height:300px;max-height:60vh}.skill-messages::-webkit-scrollbar{width:6px}.skill-messages::-webkit-scrollbar-track{background:transparent}.skill-messages::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.skill-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px var(--space-5);text-align:center;flex:1}.skill-welcome-icon{font-size:48px;margin-bottom:var(--space-4)}.skill-welcome h3{font-size:var(--space-5);color:#d0d0f0;margin:0 0 var(--space-2)}.skill-welcome p{font-size:var(--text-sm);color:#66a;max-width:400px;line-height:1.6}.skill-msg{display:flex;gap:10px;max-width:85%}.skill-msg.user{align-self:flex-end;flex-direction:row-reverse}.skill-msg.assistant{align-self:flex-start}.skill-msg-avatar{width:34px;height:34px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--space-4);flex-shrink:0}.skill-msg.user .skill-msg-avatar{background:linear-gradient(135deg,var(--color-primary-500),#8b5cf6)}.skill-msg.assistant .skill-msg-avatar{background:linear-gradient(135deg,#10b981,#059669)}.skill-msg-body{display:flex;flex-direction:column;gap:4px}.skill-msg-thinking{background:#fbbf2414;border:1px solid rgba(251,191,36,.15);border-radius:10px;padding:10px 14px;font-size:var(--text-sm);color:#d4a017;line-height:1.5;cursor:pointer;position:relative}.skill-msg-thinking-header{display:flex;align-items:center;gap:6px;font-weight:600;font-size:var(--space-3);margin-bottom:4px;-webkit-user-select:none;user-select:none}.skill-msg-thinking-header svg{width:14px;height:14px;transition:transform .2s}.skill-msg-thinking-header svg.expanded{transform:rotate(90deg)}.skill-msg-thinking-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.skill-msg-thinking-content.open{max-height:2000px}.skill-msg-thinking-content pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:inherit;font-size:var(--space-3);color:#c4960f}.skill-msg-content{border-radius:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);line-height:1.7;word-break:break-word}.skill-msg.user .skill-msg-content{background:linear-gradient(135deg,#4f46e5,var(--color-primary-500));color:var(--color-white);border-bottom-right-radius:4px}.skill-msg.assistant .skill-msg-content{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#d0d0e8;border-bottom-left-radius:4px}.skill-msg-content p{margin:0 0 var(--space-2)}.skill-msg-content p:last-child{margin-bottom:0}.skill-msg-content code{background:#0000004d;padding:2px 6px;border-radius:4px;font-size:var(--text-sm);font-family:SF Mono,Fira Code,monospace}.skill-msg-content pre{background:#0006;border-radius:var(--space-2);padding:var(--space-3);overflow-x:auto;margin:var(--space-2) 0}.skill-msg-content pre code{background:none;padding:0}.skill-msg-content strong{color:#e0e0f8;font-weight:700}.skill-msg-content em{color:#c8c8e0;font-style:italic}.skill-msg-content h1,.skill-msg-content h2,.skill-msg-content h3,.skill-msg-content h4{color:#e8e8ff;margin:var(--space-3) 0 var(--space-2);line-height:1.4}.skill-msg-content h1{font-size:1.4em}.skill-msg-content h2{font-size:1.25em}.skill-msg-content h3{font-size:1.1em}.skill-msg-content h4{font-size:1em}.skill-msg-content blockquote{border-left:3px solid rgba(99,102,241,.5);margin:var(--space-2) 0;padding:4px var(--space-3);color:#a0a0c8;background:#6366f10f;border-radius:0 6px 6px 0}.skill-msg-content ul,.skill-msg-content ol{margin:6px 0;padding-left:var(--space-5)}.skill-msg-content li{margin:2px 0;line-height:1.6}.skill-msg-content a{color:var(--color-primary-400);text-decoration:underline;text-underline-offset:2px}.skill-msg-content a:hover{color:var(--color-primary-300)}.skill-msg-content hr{border:none;border-top:1px solid rgba(255,255,255,.1);margin:var(--space-3) 0}.skill-msg-loading{display:flex;gap:4px;padding:var(--space-2) 0}.skill-msg-loading span{width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-primary-500);animation:skillBounce 1.4s infinite ease-in-out both}.skill-msg-loading span:nth-child(1){animation-delay:-.32s}.skill-msg-loading span:nth-child(2){animation-delay:-.16s}@keyframes skillBounce{0%,80%,to{transform:scale(0);opacity:.4}40%{transform:scale(1);opacity:1}}.skill-input-area{padding:var(--space-4) var(--space-5);border-top:1px solid rgba(255,255,255,.06);background:#ffffff05}.skill-input-row{display:flex;gap:10px;align-items:flex-end}.skill-textarea{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--space-3);padding:var(--space-3) var(--space-4);color:#e0e0f0;font-size:var(--text-sm);font-family:inherit;resize:none;min-height:44px;max-height:120px;outline:none;transition:border-color .2s;line-height:1.5}.skill-textarea:focus{border-color:#6366f166}.skill-textarea::placeholder{color:#55a}.skill-send-btn{background:linear-gradient(135deg,var(--color-primary-500),#8b5cf6);border:none;color:var(--color-white);padding:var(--space-3) var(--space-5);border-radius:var(--space-3);cursor:pointer;font-size:var(--text-sm);font-weight:600;transition:all .2s;white-space:nowrap}.skill-send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px var(--space-4) #6366f166}.skill-send-btn:disabled{opacity:.5;cursor:not-allowed}.skill-input-hint{font-size:11px;color:#55a;margin-top:6px;text-align:right}.skill-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px var(--space-5)}.skill-spinner{width:36px;height:36px;border:3px solid rgba(99,102,241,.2);border-top-color:var(--color-primary-500);border-radius:var(--radius-full);animation:skillSpin .8s linear infinite;margin-bottom:var(--space-3)}@keyframes skillSpin{to{transform:rotate(360deg)}}.skill-loading-state p{color:#66a;font-size:var(--text-sm)}.skill-success{background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:10px;padding:14px var(--space-5);color:#34d399;font-size:var(--text-sm);margin:0 0 var(--space-4);display:flex;align-items:center;gap:var(--space-2);animation:skillFadeIn .3s ease}@keyframes skillFadeIn{0%{opacity:0;transform:translateY(-var(--space-2))}to{opacity:1;transform:translateY(0)}}.skill-error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:10px;padding:14px var(--space-5);color:#f87171;font-size:var(--text-sm);margin:0 0 var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.skill-error-close{margin-left:auto;background:none;border:none;color:#f87171;cursor:pointer;font-size:var(--text-sm);padding:2px 6px;border-radius:4px;transition:background .2s}.skill-error-close:hover{background:#ef444426}.skill-empty{text-align:center;padding:60px var(--space-5);color:#66a}.skill-empty-icon{font-size:48px;margin-bottom:var(--space-4)}.skill-empty h3{font-size:18px;color:#88a;margin:0 0 var(--space-2)}.skill-empty p{font-size:var(--text-sm);line-height:1.6}.skill-empty-install-btn{margin-top:var(--space-5);background:linear-gradient(135deg,var(--color-primary-500),#8b5cf6);border:none;color:var(--color-white);padding:10px var(--space-6);border-radius:10px;cursor:pointer;font-size:var(--text-sm);font-weight:600;transition:all .2s}.skill-empty-install-btn:hover{transform:translateY(-1px);box-shadow:0 4px var(--space-4) #6366f166}.skill-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:skillFadeIn .2s ease}.skill-dialog{background:#1e1e3a;border:1px solid rgba(255,255,255,.1);border-radius:var(--space-4);width:480px;max-width:90vw;box-shadow:0 var(--space-5) 60px #00000080;animation:skillSlideUp .3s ease}.skill-dialog-sm{width:400px}@keyframes skillSlideUp{0%{opacity:0;transform:translateY(var(--space-5))}to{opacity:1;transform:translateY(0)}}.skill-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:18px var(--space-6);border-bottom:1px solid rgba(255,255,255,.06)}.skill-dialog-header h3{font-size:var(--space-4);font-weight:600;color:#e0e0f0;margin:0}.skill-dialog-close{background:none;border:none;color:#66a;cursor:pointer;font-size:var(--space-4);padding:4px var(--space-2);border-radius:var(--radius-sm);transition:all .2s}.skill-dialog-close:hover{background:#ffffff14;color:#c0c0e0}.skill-dialog-body{padding:var(--space-5) var(--space-6)}.skill-dialog-field{margin-bottom:var(--space-4)}.skill-dialog-field:last-child{margin-bottom:0}.skill-dialog-field label{display:block;font-size:var(--text-sm);font-weight:600;color:#a0a0c0;margin-bottom:var(--space-2)}.skill-dialog-field .required{color:#f87171}.skill-dialog-field .optional{font-weight:400;color:#66a;font-size:11px}.skill-dialog-input{width:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--space-2);padding:10px 14px;color:#e0e0f0;font-size:var(--text-sm);font-family:inherit;outline:none;transition:border-color .2s;box-sizing:border-box}.skill-dialog-input:focus{border-color:#6366f166}.skill-dialog-input::placeholder{color:#55a}.skill-dialog-hint{font-size:11px;color:#66a;margin-top:6px;line-height:1.5}.skill-dialog-warning{font-size:var(--text-sm);color:#d0d0e8;margin:0 0 var(--space-2);line-height:1.6}.skill-dialog-warning strong{color:#f87171}.skill-dialog-warning-sub{font-size:var(--space-3);color:#88a;margin:0;line-height:1.5}.skill-dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:var(--space-4) var(--space-6);border-top:1px solid rgba(255,255,255,.06)}.skill-dialog-cancel{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#88a;padding:var(--space-2) 18px;border-radius:var(--space-2);cursor:pointer;font-size:var(--text-sm);transition:all .2s}.skill-dialog-cancel:hover{background:#ffffff1a;color:#c0c0e0}.skill-dialog-cancel:disabled{opacity:.5;cursor:not-allowed}.skill-dialog-confirm{background:linear-gradient(135deg,var(--color-primary-500),#8b5cf6);border:none;color:var(--color-white);padding:var(--space-2) var(--space-5);border-radius:var(--space-2);cursor:pointer;font-size:var(--text-sm);font-weight:600;transition:all .2s}.skill-dialog-confirm:hover:not(:disabled){box-shadow:0 4px var(--space-3) #6366f166}.skill-dialog-confirm:disabled{opacity:.5;cursor:not-allowed}.skill-dialog-danger{background:linear-gradient(135deg,var(--color-danger-500),var(--color-danger-600));border:none;color:var(--color-white);padding:var(--space-2) var(--space-5);border-radius:var(--space-2);cursor:pointer;font-size:var(--text-sm);font-weight:600;transition:all .2s}.skill-dialog-danger:hover:not(:disabled){box-shadow:0 4px var(--space-3) #ef444466}.skill-dialog-danger:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.skill-runner-wrapper{padding:var(--space-4)}.skill-header-info h1{font-size:var(--space-5)}.skill-grid{grid-template-columns:1fr}.skill-msg{max-width:92%}.skill-messages{max-height:50vh}.skill-chat-bar{flex-wrap:wrap;gap:var(--space-2)}.skill-list-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.skill-dialog{margin:var(--space-4)}}.auth-guard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:var(--space-4);color:var(--text-secondary, #666);font-size:1rem}.auth-guard-spinner{width:40px;height:40px;border:3px solid var(--border-color, var(--color-gray-200));border-top-color:var(--primary, var(--color-primary-500));border-radius:var(--radius-full);animation:auth-spin .8s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-guard-overlay{display:flex;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e8f0)}.auth-guard-modal{background:var(--color-white);border-radius:var(--space-4);padding:48px 40px 36px;box-shadow:0 var(--space-5) 60px #0000001a;text-align:center;max-width:400px;width:90%;animation:auth-fade-in .3s ease}@keyframes auth-fade-in{0%{opacity:0;transform:translateY(var(--space-5))}to{opacity:1;transform:translateY(0)}}.auth-guard-icon{font-size:48px;margin-bottom:var(--space-4)}.auth-guard-modal h3{font-size:1.4rem;font-weight:700;color:var(--text-primary, var(--color-gray-900));margin:0 0 var(--space-2)}.auth-guard-desc{color:var(--text-secondary, var(--color-gray-500));font-size:.9rem;margin:0 0 var(--space-6);line-height:1.5}.auth-guard-error{color:var(--color-danger-500);background:var(--color-danger-50);border:1px solid var(--color-danger-200);border-radius:var(--space-2);padding:var(--space-2) var(--space-3);font-size:.85rem;margin-bottom:var(--space-4)}.auth-guard-input{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--border-color, var(--color-gray-200));border-radius:10px;font-size:1rem;outline:none;transition:border-color .2s;box-sizing:border-box}.auth-guard-input:focus{border-color:var(--primary, var(--color-primary-500));box-shadow:0 0 0 3px #6366f11a}.auth-guard-actions{display:flex;gap:var(--space-3);margin-top:var(--space-6)}.auth-guard-btn{flex:1;padding:var(--space-3) var(--space-5);border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.auth-guard-btn-cancel{background:var(--bg-card, #f1f5f9);color:var(--text-secondary, var(--color-gray-500))}.auth-guard-btn-cancel:hover{background:var(--color-gray-200)}.auth-guard-btn-primary{background:var(--primary, var(--color-primary-500));color:var(--color-white)}.auth-guard-btn-primary:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 4px var(--space-3) #6366f14d}:root{--color-primary-50: #eef2ff;--color-primary-100: #e0e7ff;--color-primary-200: #c7d2fe;--color-primary-300: #a5b4fc;--color-primary-400: #818cf8;--color-primary-500: #6366f1;--color-primary-600: #4f46e5;--color-primary-700: #4338ca;--color-primary-800: #3730a3;--color-primary-900: #312e81;--color-primary-rgb: 99, 102, 241;--color-success-50: #f0fdf4;--color-success-100: #dcfce7;--color-success-200: #bbf7d0;--color-success-500: #22c55e;--color-success-600: #16a34a;--color-success-700: #15803d;--color-success-rgb: 34, 197, 94;--color-warning-50: #fefce8;--color-warning-100: #fef3c7;--color-warning-200: #fde68a;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-warning-700: #b45309;--color-warning-rgb: 245, 158, 11;--color-danger-50: #fef2f2;--color-danger-100: #fee2e2;--color-danger-200: #fecaca;--color-danger-500: #ef4444;--color-danger-600: #dc2626;--color-danger-700: #b91c1c;--color-danger-rgb: 239, 68, 68;--color-info-50: #eff6ff;--color-info-100: #dbeafe;--color-info-500: #3b82f6;--color-info-600: #2563eb;--color-info-rgb: 59, 130, 246;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-gray-950: #0f172a;--color-white: #ffffff;--color-black: #000000;--text-primary: var(--color-gray-950);--text-secondary: var(--color-gray-800);--text-tertiary: var(--color-gray-600);--text-disabled: var(--color-gray-400);--text-inverse: var(--color-white);--text-link: var(--color-primary-600);--bg-page: var(--color-gray-50);--bg-glass: rgba(255, 255, 255, .85);--bg-overlay: rgba(15, 23, 42, .5);--border-color: var(--color-gray-200);--border-color-hover: var(--color-gray-300);--border-color-focus: var(--color-primary-500);--primary: var(--color-primary-500);--primary-light: var(--color-primary-400);--primary-dark: var(--color-primary-600);--primary-bg: var(--color-primary-50);--primary-border: var(--color-primary-200);--success: var(--color-success-500);--warning: var(--color-warning-500);--danger: var(--color-danger-500);--info: var(--color-info-500);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-mono: "SF Mono", "Fira Code", "JetBrains Mono", "Consolas", monospace;--font-display: "Inter", "PingFang SC", sans-serif;font-family:var(--font-sans);line-height:1.6;font-weight:400;color:var(--text-primary);background-color:var(--bg-page);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--space-0: 0;--space-px: 1px;--space-0-5: 2px;--space-1: 4px;--space-1-5: 6px;--space-2: 8px;--space-2-5: 10px;--space-3: 12px;--space-3-5: 14px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--radius-none: 0;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .06), 0 4px 6px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .06), 0 10px 10px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .12);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .04);--shadow-primary-sm: 0 2px 8px rgba(var(--color-primary-rgb), .15);--shadow-primary-md: 0 4px 16px rgba(var(--color-primary-rgb), .2);--shadow-primary-lg: 0 8px 24px rgba(var(--color-primary-rgb), .25);--shadow-success-sm: 0 2px 8px rgba(var(--color-success-rgb), .15);--shadow-danger-sm: 0 2px 8px rgba(var(--color-danger-rgb), .15);--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--bp-2xl: 1536px;--max-w-sm: 384px;--max-w-md: 448px;--max-w-lg: 512px;--max-w-xl: 768px;--max-w-2xl: 1024px;--max-w-3xl: 1280px;--max-w-4xl: 1400px;--max-w-full: 100%;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s;--duration-slower: .5s;--transition-colors: background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);--transition-opacity: opacity var(--duration-normal) var(--ease-out);--transition-transform: transform var(--duration-normal) var(--ease-out);--transition-all: all var(--duration-normal) var(--ease-out);--z-behind: -1;--z-default: 0;--z-docked: 10;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-popover: 500;--z-toast: 600;--z-tooltip: 700;--bg-primary: var(--color-gray-50);--bg-secondary: var(--color-gray-100);--bg-tertiary: var(--color-gray-100);--bg-card: var(--color-white);--bg-surface: var(--color-gray-50);--bg-muted: var(--color-gray-100);--bg-hover: var(--color-primary-50);--bg-active: var(--color-primary-100);--bg-card-hover: var(--color-gray-100);--text-muted: var(--text-secondary);--border-light: var(--color-gray-100);--border-hover: var(--color-gray-300);--primary-color: var(--color-primary-500);--accent-color: var(--color-primary-500)}@media (prefers-color-scheme: dark){:root{--text-primary: #ffffff;--text-secondary: #f1f5f9;--text-tertiary: #cbd5e1;--text-muted: #94a3b8;--text-disabled: #64748b;--text-inverse: #0f172a;--text-link: #c7d2fe;--bg-page: #0f172a;--bg-card: #1e2937;--bg-glass: rgba(15, 23, 42, .85);--bg-primary: #0f0f1a;--bg-secondary: #1f2937;--bg-tertiary: #1a1a2e;--bg-surface: #111827;--bg-muted: #1f2937;--bg-hover: rgba(99, 102, 241, .08);--bg-active: rgba(99, 102, 241, .12);--bg-card-hover: #334155;--border-color: #334155;--border-color-hover: #475569;--border-color-focus: #818cf8;--border-hover: #475569;--border-light: #1e2937;--primary: #818cf8;--primary-light: #a5b4fc;--primary-dark: #6366f1;--primary-bg: rgba(99, 102, 241, .12);--primary-border: rgba(99, 102, 241, .25);--color-primary-100: rgba(99, 102, 241, .25);--color-gray-50: #1e2937;--color-gray-100: #334155;--color-gray-200: #475569;--color-gray-300: #64748b;--color-gray-400: #94a3b8;--color-gray-500: #cbd5e1;--color-gray-600: #e2e8f0;--color-gray-700: #f1f5f9;--color-gray-800: #f8fafc;--color-gray-900: #ffffff;--color-gray-950: #f8fafc}}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:var(--font-medium);font-size:var(--text-sm);line-height:1;padding:var(--space-2-5) var(--space-4);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:var(--transition-colors),var(--transition-transform),box-shadow var(--duration-fast) var(--ease-out);white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--color-primary-500);color:var(--color-white);box-shadow:var(--shadow-xs)}.btn-primary:hover:not(:disabled){background:var(--color-primary-600);box-shadow:var(--shadow-primary-sm)}.btn-primary:active:not(:disabled){background:var(--color-primary-700)}.btn-primary:focus-visible{outline:2px solid var(--color-primary-300);outline-offset:2px}.btn-secondary{background:var(--color-primary-50);color:var(--color-primary-700);border-color:var(--color-primary-200)}.btn-secondary:hover:not(:disabled){background:var(--color-primary-100);border-color:var(--color-primary-300)}.btn-secondary:active:not(:disabled){background:var(--color-primary-200)}.btn-outline{background:transparent;color:var(--color-primary-600);border-color:var(--color-primary-300)}.btn-outline:hover:not(:disabled){background:var(--color-primary-50);border-color:var(--color-primary-400)}.btn-ghost{background:transparent;color:var(--color-gray-600)}.btn-ghost:hover:not(:disabled){background:var(--color-gray-100);color:var(--color-gray-800)}.btn-danger{background:var(--color-danger-500);color:var(--color-white)}.btn-danger:hover:not(:disabled){background:var(--color-danger-600)}.btn-link{background:transparent;color:var(--color-primary-600);padding:var(--space-1) var(--space-2)}.btn-link:hover:not(:disabled){color:var(--color-primary-700);text-decoration:underline}.btn-xs{height:28px;padding:var(--space-1) var(--space-2-5);font-size:var(--text-2xs);border-radius:var(--radius-sm);gap:var(--space-1)}.btn-sm{height:32px;padding:var(--space-1-5) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-sm)}.btn-md{height:40px;padding:var(--space-2-5) var(--space-4);font-size:var(--text-sm)}.btn-lg{height:48px;padding:var(--space-3) var(--space-6);font-size:var(--text-base);border-radius:var(--radius-lg)}.btn-xl{height:56px;padding:var(--space-4) var(--space-8);font-size:var(--text-lg);border-radius:var(--radius-lg);font-weight:var(--font-semibold)}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-md);flex-shrink:0}.btn-icon.btn-sm{width:32px;height:32px}.btn-icon.btn-lg{width:48px;height:48px}.btn-loading{position:relative;color:transparent!important;pointer-events:none}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid currentColor;border-radius:50%;border-top-color:transparent;animation:btnSpin .6s linear infinite}@keyframes btnSpin{to{transform:rotate(360deg)}}.form-group{display:flex;flex-direction:column;gap:var(--space-1-5)}.form-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);line-height:var(--leading-tight)}.form-hint{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-0-5)}.form-error{font-size:var(--text-xs);color:var(--color-danger-500);margin-top:var(--space-0-5)}.input{width:100%;height:40px;padding:0 var(--space-3-5);font-size:var(--text-sm);font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-card);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);transition:var(--transition-colors),box-shadow var(--duration-fast) var(--ease-out);outline:none}.input::placeholder{color:var(--color-gray-400)}.input:hover:not(:disabled):not(:focus){border-color:var(--color-gray-400)}.input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}.input:disabled{background:var(--color-gray-50);color:var(--text-disabled);cursor:not-allowed}.input.error{border-color:var(--color-danger-500)}.input.error:focus{box-shadow:0 0 0 3px var(--color-danger-100)}.textarea{width:100%;min-height:80px;padding:var(--space-3);font-size:var(--text-sm);font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-card);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);resize:vertical;transition:var(--transition-colors),box-shadow var(--duration-fast) var(--ease-out);outline:none;line-height:var(--leading-relaxed)}.textarea:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M2.97 4.72a.75.75 0 0 1 1.06 0L6 6.69l1.97-1.97a.75.75 0 1 1 1.06 1.06l-2.5 2.5a.75.75 0 0 1-1.06 0l-2.5-2.5a.75.75 0 0 1 0-1.06z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;background-size:12px;padding-right:var(--space-8)}.input-with-icon{position:relative}.input-with-icon .input{padding-left:var(--space-10)}.input-with-icon .input-icon-left{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-gray-400);display:flex;pointer-events:none}.card{background:var(--bg-card);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-6);transition:box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.card-hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-interactive{cursor:pointer}.card-interactive:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--color-primary-200)}.card-interactive:active{transform:translateY(0)}.card-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);line-height:var(--leading-tight)}.card-description{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.card-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-gray-100)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-0-5) var(--space-2);font-size:var(--text-2xs);font-weight:var(--font-medium);line-height:var(--leading-none);border-radius:var(--radius-full);white-space:nowrap}.badge-primary{background:var(--color-primary-50);color:var(--color-primary-700)}.badge-success{background:var(--color-success-50);color:var(--color-success-700)}.badge-warning{background:var(--color-warning-50);color:var(--color-warning-700)}.badge-danger{background:var(--color-danger-50);color:var(--color-danger-700)}.badge-gray{background:var(--color-gray-100);color:var(--color-gray-600)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn var(--duration-fast) var(--ease-out)}.modal{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);width:100%;max-width:var(--max-w-md);max-height:calc(100vh - var(--space-8));overflow-y:auto;animation:scaleIn var(--duration-normal) var(--ease-out);outline:none}.modal-sm{max-width:var(--max-w-sm)}.modal-md{max-width:var(--max-w-md)}.modal-lg{max-width:var(--max-w-2xl)}.modal-xl{max-width:var(--max-w-4xl)}.modal-full{max-width:var(--max-w-full);height:calc(100vh - var(--space-8))}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-gray-100)}.modal-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary)}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-gray-400);background:transparent;border:none;cursor:pointer;transition:var(--transition-colors)}.modal-close:hover{background:var(--color-gray-100);color:var(--color-gray-600)}.modal-body{padding:var(--space-6)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-gray-100)}.message{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-gray-200);min-width:320px;max-width:480px;animation:slideUp var(--duration-normal) var(--ease-out)}.message-icon{flex-shrink:0;width:20px;height:20px;margin-top:1px}.message-success .message-icon{color:var(--color-success-500)}.message-warning .message-icon{color:var(--color-warning-500)}.message-error .message-icon{color:var(--color-danger-500)}.message-info .message-icon{color:var(--color-info-500)}.message-content{flex:1;font-size:var(--text-sm);color:var(--text-primary);line-height:var(--leading-snug)}.message-close{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--color-gray-400);background:transparent;border:none;cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-colors)}.message-close:hover{background:var(--color-gray-100);color:var(--color-gray-600)}.toggle{position:relative;width:44px;height:24px;background:var(--color-gray-300);border-radius:var(--radius-full);border:none;cursor:pointer;transition:background-color var(--duration-normal) var(--ease-out);flex-shrink:0}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--color-white);border-radius:50%;box-shadow:var(--shadow-sm);transition:transform var(--duration-normal) var(--ease-out)}.toggle.active{background:var(--color-primary-500)}.toggle.active:after{transform:translate(20px)}.toggle:focus-visible{outline:2px solid var(--color-primary-300);outline-offset:2px}.divider{width:100%;height:1px;background:var(--color-gray-200);border:none;margin:var(--space-4) 0}.divider-vertical{width:1px;height:auto;align-self:stretch;background:var(--color-gray-200);margin:0 var(--space-4)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);text-align:center}.empty-state-icon{font-size:48px;color:var(--color-gray-300);margin-bottom:var(--space-4)}.empty-state-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.empty-state-description{font-size:var(--text-sm);color:var(--text-secondary);max-width:400px;line-height:var(--leading-relaxed)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.p-0{padding:0}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.m-0{margin:0}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.ml-auto{margin-left:auto}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.hidden{display:none!important}.invisible{visibility:hidden}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.text-gradient{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-out)}.animate-slide-up{animation:slideUp var(--duration-normal) var(--ease-out)}.animate-scale-in{animation:scaleIn var(--duration-normal) var(--ease-out)}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}@media (max-width: 640px){.sm-hidden{display:none!important}}@media (min-width: 641px) and (max-width: 768px){.md-hidden{display:none!important}}@media (min-width: 769px) and (max-width: 1024px){.lg-hidden{display:none!important}}@media (min-width: 1025px){.xl-hidden{display:none!important}}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:var(--space-4);scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background:var(--bg-page);color:var(--text-primary);font-family:var(--font-sans);line-height:var(--leading-normal);overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}a{color:var(--text-link);text-decoration:none;transition:var(--transition-colors)}a:hover{color:var(--color-primary-700)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:var(--font-semibold);line-height:var(--leading-tight)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-base)}h6{font-size:var(--text-sm)}p{margin-bottom:var(--space-4);line-height:var(--leading-relaxed)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;border:none;outline:none;font-family:inherit;font-size:inherit;background:transparent}input,textarea,select{font-family:inherit;font-size:inherit;outline:none}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--color-primary-400);outline-offset:2px}::selection{background:var(--color-primary-200);color:var(--color-primary-900)}.page-with-sidebar{margin-left:260px;padding-top:var(--space-16);min-height:100vh;transition:margin-left var(--duration-normal) var(--ease-out)}@media (max-width: 1024px){.page-with-sidebar{margin-left:0}}.page-full{padding-top:var(--space-16);min-height:100vh}.page-container{max-width:var(--max-w-4xl);margin:0 auto;padding:var(--space-8) var(--space-6)}@media (max-width: 768px){.page-container{padding:var(--space-6) var(--space-4)}}.page-header{margin-bottom:var(--space-8)}.page-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:var(--leading-tight);margin-bottom:var(--space-2)}.page-subtitle{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed)}.section{margin-bottom:var(--space-10)}.section-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-4)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}@media (max-width: 1024px){.grid-4{grid-template-columns:repeat(3,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3,.grid-2{grid-template-columns:1fr}}@media print{.navbar,.sidebar,.sidebar-overlay,.no-print{display:none!important}.page-with-sidebar{margin-left:0!important}body{background:#fff!important;color:#000!important}}