@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=Fira+Code:wght@400;600&family=Inter:wght@400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Creepster&family=Special+Elite&display=swap";.sidebar{width:240px;height:100vh;background:#fff;border-right:1px solid #ebebeb;position:fixed;top:0;left:0;z-index:100;display:flex;flex-direction:column;padding:20px 0;overflow-y:auto}.sidebar-logo-container{padding:0 24px;margin-bottom:20px}.sidebar-logo{display:flex;align-items:center;gap:10px;font-size:1.5rem;font-weight:800;text-decoration:none}.logo-icon{font-size:1.8rem}.sidebar-menu{display:flex;flex-direction:column;padding:0 12px}.sidebar-group{display:flex;flex-direction:column}.sidebar-item{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-radius:8px;color:var(--text-secondary);font-size:.95rem;font-weight:500;transition:all .2s ease;text-decoration:none;margin-bottom:2px}.sidebar-item-content{display:flex;align-items:center}.sidebar-item:hover{background-color:#f0f7ff;color:#06f}.sidebar-item.active{background-color:#e8f3ff;color:#06f;font-weight:600}.sidebar-item-icon{margin-right:12px;font-size:1.1rem;width:24px;text-align:center;color:var(--text-tertiary)}.sidebar-item:hover .sidebar-item-icon,.sidebar-item.active .sidebar-item-icon{color:var(--primary)}.sidebar-toggle{background:#0000000d;border:none;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-tertiary);transition:all .2s ease;margin-right:-8px}.sidebar-toggle:hover{background:#0000001a;color:var(--text-primary)}.sidebar-toggle svg{transition:transform .2s ease}.sidebar-toggle.expanded svg{transform:rotate(180deg)}.sidebar-sub-menu{display:none;flex-direction:column;padding-left:52px;margin-bottom:4px}.sidebar-sub-menu.open{display:flex;animation:slideDown .2s ease-out forwards}.sidebar-sub-item{padding:8px 12px;font-size:.9rem;color:var(--text-tertiary);text-decoration:none;border-radius:6px;transition:all .2s ease;position:relative;display:flex;align-items:center;gap:8px}.sub-item-icon{font-size:.95rem;width:20px;text-align:center;flex-shrink:0}.sidebar-sub-item:hover{color:var(--primary);background-color:rgba(var(--primary-rgb),.05)}.sidebar-sub-item.active{color:var(--primary);font-weight:500;background-color:rgba(var(--primary-rgb),.1)}.sidebar-divider{height:1px;background:var(--border-color);margin:8px 16px}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s ease-out}@media (max-width: 1024px){.sidebar-overlay{display:block}.sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.top-nav{height:64px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 32px;position:sticky;top:0;z-index:50;justify-content:space-between;box-shadow:0 1px #ebebeb}.mobile-menu-btn{display:none;font-size:24px;cursor:pointer;color:var(--text-secondary)}.top-menu{display:flex;gap:40px;height:100%}.top-link{display:flex;align-items:center;color:var(--text-secondary);font-weight:500;font-size:.95rem;border-bottom:2px solid transparent;transition:all .2s ease;height:100%;padding:0 4px}.top-link:hover{color:var(--primary)}.top-link.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.top-link-dropdown{position:relative;height:100%}.top-link-dropdown .top-link{cursor:pointer;gap:4px}.dropdown-arrow{font-size:12px;transition:transform .3s ease}.top-link-dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-lg);min-width:180px;display:none;flex-direction:column;padding:8px;z-index:100;margin-top:2px}.top-link-dropdown:hover .dropdown-menu{display:flex}.dropdown-item{padding:10px 16px;color:var(--text-secondary);text-decoration:none;border-radius:6px;font-size:.9rem;transition:all .2s ease}.dropdown-item:hover{background:var(--bg-card);color:var(--primary)}@media (max-width: 1024px){.mobile-menu-btn{display:block}.top-menu{display:none}.top-nav{padding:0 16px}}.app-layout{display:flex;min-height:100vh;background-color:var(--bg-primary)}.main-content{flex:1;margin-left:240px;min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-primary);transition:margin-left .3s ease}.content-container{padding:24px 32px;max-width:1600px;margin:0 auto;width:100%}.hero-banner{position:relative;margin:-24px -32px 32px;min-height:280px;overflow:hidden;border-radius:0 0 20px 20px}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0f0c29,#302b63 40%,#24243e)}.hero-mesh{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(at 40% 20%,rgba(99,102,241,.15) 0px,transparent 50%),radial-gradient(at 80% 0%,rgba(139,92,246,.12) 0px,transparent 50%),radial-gradient(at 0% 50%,rgba(59,130,246,.1) 0px,transparent 50%),radial-gradient(at 80% 50%,rgba(236,72,153,.08) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(20,184,166,.08) 0px,transparent 50%)}.hero-glow{position:absolute;border-radius:50%;filter:blur(60px);animation:glowFloat 8s ease-in-out infinite}.hero-glow-1{width:300px;height:300px;background:#6366f140;top:-100px;left:10%;animation-delay:0s}.hero-glow-2{width:250px;height:250px;background:#8b5cf633;top:-50px;right:15%;animation-delay:-3s}.hero-glow-3{width:200px;height:200px;background:#ec489926;bottom:-80px;left:40%;animation-delay:-5s}@keyframes glowFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.hero-wrapper{position:relative;display:flex;align-items:center;justify-content:center;z-index:2;padding:36px 40px;min-height:280px}.hero-text{text-align:center;color:#fff;max-width:700px;padding:0 20px;flex:1}.brand-section{margin-bottom:0}.brand-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:50px;font-size:.8rem;font-weight:500;color:#ffffffe6;letter-spacing:.1em;margin-bottom:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand-badge-dot{width:6px;height:6px;border-radius:50%;background:#34d399;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:2.8rem;font-weight:800;margin:0 0 12px;letter-spacing:.02em;background:linear-gradient(135deg,#fff,#e0e7ff,#c7d2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.brand-accent{background:linear-gradient(135deg,#818cf8,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-slogan{font-size:1.05rem;font-weight:400;margin:0 0 24px;color:#ffffffb3;line-height:1.6;letter-spacing:.05em}.hero-stats{display:inline-flex;align-items:center;gap:20px;padding:12px 28px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.hero-stat-num{font-size:1.3rem;font-weight:700;color:#fff;line-height:1.2}.hero-stat-label{font-size:.7rem;color:#ffffff8c;letter-spacing:.05em}.hero-stat-divider{width:1px;height:28px;background:#ffffff1f}.hero-quote{font-size:.85rem;font-style:italic;font-weight:400;line-height:1.6;margin:16px 0 0;padding:0;color:#ffffff73;letter-spacing:.03em;border:none}.hero-decorations{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.hero-float-card{position:absolute;display:flex;align-items:center;gap:6px;padding:8px 14px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:.75rem;font-weight:500;color:#ffffffbf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:floatCard 6s ease-in-out infinite;white-space:nowrap}.hero-float-card span{font-size:.85rem}.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(-8px)}}.tool-section{margin-bottom:48px;scroll-margin-top:80px}.section-title-bar{display:flex;align-items:center;margin-bottom:24px;position:relative}.section-title-bar:after{content:"";flex:1;height:1px;background:var(--border-color);margin-left:16px}.section-badge{font-size:1.25rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:10px;padding:6px 0;background:transparent;border-radius:0;border:none;box-shadow:none}.section-badge.blue{background:transparent;border-color:transparent}.section-badge.blue:before{content:"";width:4px;height:20px;background:linear-gradient(180deg,#06f,#56a0f5);border-radius:2px}.section-badge.purple{background:transparent;border-color:transparent}.section-badge.purple:before{content:"";width:4px;height:20px;background:linear-gradient(180deg,#56a0f5,#06f);border-radius:2px}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.tool-card{display:flex;align-items:center;padding:18px 20px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color);transition:all .2s ease;height:100%;text-decoration:none;box-shadow:none;position:relative;overflow:hidden}.tool-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--primary);opacity:0;transition:opacity .2s ease}.tool-card:hover{transform:none;box-shadow:var(--shadow-md);border-color:#b3d1ff;background:#f0f7ff}.tool-card:hover:before{opacity:1}.tool-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;flex-shrink:0;margin-right:18px;overflow:hidden;box-shadow:none;transition:all .2s ease;position:relative}#ai-tools .tool-icon{background:linear-gradient(135deg,#06f,#56a0f5);color:#fff}#ai-tools .tool-card:hover .tool-icon{background:linear-gradient(135deg,#0052cc,#06f);transform:scale(1.08)}#dev-tools .tool-icon{background:linear-gradient(135deg,#14b8a6,#5eead4);color:#fff}#dev-tools .tool-card:hover .tool-icon{background:linear-gradient(135deg,#0d9488,#14b8a6);transform:scale(1.08)}#design .tool-icon{background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff}#design .tool-card:hover .tool-icon{background:linear-gradient(135deg,#db2777,#ec4899);transform:scale(1.08)}#hot .tool-icon{background:linear-gradient(135deg,#f97316,#fb923c);color:#fff}#hot .tool-card:hover .tool-icon{background:linear-gradient(135deg,#ea580c,#f97316);transform:scale(1.08)}#life .tool-icon{background:linear-gradient(135deg,#22c55e,#86efac);color:#fff}#life .tool-card:hover .tool-icon{background:linear-gradient(135deg,#16a34a,#22c55e);transform:scale(1.08)}#games .tool-icon{background:linear-gradient(135deg,#eab308,#fde047);color:#fff}#games .tool-card:hover .tool-icon{background:linear-gradient(135deg,#ca8a04,#eab308);transform:scale(1.08)}.tool-icon:before{content:attr(data-emoji);filter:brightness(0) invert(1);mix-blend-mode:normal}.tool-icon img{width:100%;height:100%;object-fit:cover}.tool-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.tool-name{color:var(--text-primary);font-weight:600;font-size:1.05rem;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease}.tool-card:hover .tool-name{color:var(--primary)}.tool-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.home-footer{margin-top:auto;padding:40px 0;text-align:center;color:var(--text-tertiary);font-size:.9rem;border-top:1px solid var(--border-color)}@media (max-width: 1024px){.main-content{margin-left:0}.content-container{padding:16px}.hero-banner{margin:-16px -16px 24px;min-height:260px}.brand-name{font-size:2.2rem}.hero-slogan{font-size:.95rem}.hero-float-card{display:none}.tool-grid{grid-template-columns:1fr;gap:16px}.tool-card{padding:20px}.tool-icon{width:50px;height:50px;font-size:1.8rem}}@media (min-width: 640px) and (max-width: 1024px){.tool-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 640px){.hero-banner{min-height:240px;border-radius:0 0 16px 16px}.brand-name{font-size:1.8rem}.hero-slogan{font-size:.85rem;margin-bottom:16px}.hero-stats{gap:12px;padding:10px 20px}.hero-stat-num{font-size:1.1rem}.hero-stat-label{font-size:.65rem}.brand-badge{font-size:.72rem;padding:5px 12px}.brand-section{margin-bottom:0}.section-badge{font-size:1.2rem;padding:6px 12px}.hero-float-card{display:none}}.tool-page{min-height:100vh;background:var(--bg-primary);padding:24px 20px;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:8px;padding:10px 20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;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:16px;padding:28px 32px;-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:12px;padding:24px;margin-bottom:30px}.control-group{margin-bottom:20px}.control-group:last-child{margin-bottom:0}.control-label{display:block;font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.control-input,.control-select,.control-textarea{width:100%;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;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:50%;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:12px}.control-color{width:60px;height:40px;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease}.control-color:hover{border-color:var(--border-hover);transform:scale(1.05)}.button-group{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{padding:12px 24px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.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:12px;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:20px}.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:12px;padding:24px;margin-top:24px}.result-item{padding:16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;margin-bottom:12px;transition:all .2s ease}.result-item:hover{border-color:var(--border-hover);transform:translate(3px)}.loading{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary)}.loading-spinner{width:16px;height:16px;border:2px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.info-box{background:#4f46e51a;border:1px solid rgba(79,70,229,.2);border-radius:8px;padding:16px;margin:20px 0;color:var(--text-secondary);font-size:.9rem}.warning-box{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);color:#fbbf24}.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:20px 15px}.tool-content{padding:24px 16px}.tool-title{font-size:2rem}.control-panel{padding:16px}.button-group{flex-direction:column}.btn{width:100%;justify-content:center}}.upload-area{border:2px dashed var(--border-color);border-radius:12px;padding:40px 20px;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:16px;opacity:.5}.upload-text{color:var(--text-secondary);font-size:1rem;margin-bottom:8px}.upload-hint{color:var(--text-tertiary);font-size:.85rem}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;margin-top:20px}.image-preview-item{position:relative;aspect-ratio:1;border-radius:8px;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:8px;right:8px;width:24px;height:24px;background:#000000b3;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s ease}.image-remove-btn:hover{background:#ef4444;transform:scale(1.1)}.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:14px}.cde3-header{display:flex;align-items:center;height:52px;padding:0 16px;background:#1c1c28;border-bottom:1px solid #2a2a3e;flex-shrink:0;gap:12px}.cde3-header-left{display:flex;align-items:center;gap:8px}.cde3-back{background:none;border:none;color:#888;font-size:22px;cursor:pointer;padding:4px 8px;line-height:1;transition:color .2s}.cde3-back:hover{color:#fff}.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:#fff;font-size:15px;font-weight:600;outline:none;width:140px}.cde3-title-edit{background:none;border:none;color:#666;cursor:pointer;font-size:13px}.cde3-steps{display:flex;gap:0;flex:1;justify-content:center}.cde3-step{display:flex;align-items:center;gap:6px;padding:6px 20px;background:none;border:none;cursor:pointer;color:#666;font-size:14px;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:#fff}.cde3-step.active:after{background:#6c5ce7}.cde3-step.done{color:#a29bfe}.cde3-step-dot{width:20px;height:20px;border-radius:50%;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:#fff}.cde3-step.done .cde3-step-dot{background:#3a3a5c;color:#a29bfe}.cde3-header-right{margin-left:auto;display:flex;gap:8px}.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:14px;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 12px;border-bottom:1px solid #1e1e2c}.cde3-section-title{font-size:12px;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:#fff;padding:1px 5px;border-radius:3px;font-weight:700}.cde3-ratio-row{display:flex;gap:8px}.cde3-ratio-btn{flex:1;background:#1c1c2a;border:1px solid #2a2a3e;border-radius:8px;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:13px;font-weight:600;color:inherit}.cde3-ratio-sub{font-size:10px;color:#555;margin-top:2px}.cde3-ratio-btn.active .cde3-ratio-name{color:#fff}.cde3-ratio-btn.active .cde3-ratio-sub{color:#a29bfe}.cde3-model-sel{display:flex;align-items:center;gap:8px;background:#1c1c2a;border:1px solid #2a2a3e;border-radius:8px;padding:8px 12px;cursor:pointer;font-size:13px;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:8px;overflow:hidden}.cde3-model-opt{padding:8px 12px;cursor:pointer;font-size:13px;color:#aaa;transition:all .15s}.cde3-model-opt:hover{background:#2a2a3e;color:#fff}.cde3-model-opt.active{background:#1e1e3c;color:#a29bfe}.cde3-section-styles{padding-bottom:16px}.cde3-styles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.cde3-style-card{cursor:pointer;border-radius:6px;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 8px;gap:8px;overflow:hidden}.cde3-sm-row{display:flex;align-items:center;gap:6px}.cde3-sm-label{font-size:12px;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:6px;padding:3px 8px;font-size:12px}.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:#fff;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 8px;border-radius:6px;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:#f59e0b;background:#1c1c2a}.cde3-thumb-num{font-size:10px;color:#666;width:16px;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:#f59e0b;font-size:11px}.cde3-spin-sm{width:16px;height:16px;border:2px solid rgba(245,158,11,.3);border-top-color:#f59e0b;border-radius:50%;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:13px;padding:9px 20px;text-align:center;flex-shrink:0}.cde3-tabs{display:flex;padding:12px 20px 0;gap:4px;flex-shrink:0}.cde3-tab{padding:7px 18px;border:none;border-radius:8px 8px 0 0;cursor:pointer;font-size:14px;font-weight:500;background:#1c1c28;color:#888;transition:all .2s;border-bottom:2px solid transparent}.cde3-tab.active{background:#1e1e2c;color:#fff;border-bottom-color:#6c5ce7}.cde3-mine-area{flex:1;display:flex;flex-direction:column;min-height:0;padding:0 20px 8px;position:relative}.cde3-story-ta{flex:1;min-height:0;background:#1e1e2c;border:1px solid #2a2a3e;border-radius:0 8px 8px;color:#e0e0f0;font-size:14px;line-height:1.75;padding:18px 20px;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:12px;border-radius:8px;z-index:5;color:#a29bfe;font-size:14px}.cde3-story-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 0;flex-shrink:0}.cde3-story-toolbar-right{display:flex;align-items:center;gap:8px}.cde3-char-count{font-size:12px;color:#555}.cde3-rewrite-dropdown{position:relative}.cde3-btn-smart{padding:6px 14px;background:#1e1e38;border:1px solid #3a3a5c;border-radius:6px;color:#a29bfe;font-size:13px;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 8px 24px #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:13px;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 20px 8px;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 8px 8px;color:#e0e0f0;font-size:14px;line-height:1.6;padding:14px 16px;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:8px;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:13px;color:#a29bfe;flex-shrink:0}.cde3-ai-result-text{flex:1;min-height:0;overflow-y:auto;white-space:pre-wrap;font-size:13px;color:#ccc;line-height:1.7;margin:0;font-family:inherit;padding:12px 14px;scrollbar-width:thin;scrollbar-color:#2a2a3e transparent}.cde3-btn-sm{padding:4px 10px;font-size:12px}.cde3-mt8{margin-top:8px}.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:8px;flex-wrap:wrap;padding:10px 20px 8px;font-size:13px}.cde3-duration-label{color:#888;flex-shrink:0;font-size:13px}.cde3-duration-opt{display:flex;align-items:center;gap:5px;cursor:pointer;color:#888;font-size:12px;padding:4px 8px;border-radius:20px;border:1px solid transparent;transition:all .2s;-webkit-user-select:none;user-select:none}.cde3-duration-opt input{display:none}.cde3-duration-dot{width:8px;height:8px;border-radius:50%;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:8px 20px 16px}.cde3-random-hd{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;color:#666}.cde3-random-refresh{background:none;border:none;color:#666;cursor:pointer;font-size:14px;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:8px}.cde3-random-card{background:#1c1c28;border:1px solid #252535;border-radius:8px;padding:10px 12px;font-size:12px;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:8px 20px 16px;display:flex;justify-content:center}.cde3-btn-lg{padding:10px 32px;font-size:15px;font-weight:600}.cde3-lines-view{display:flex;flex-direction:column;height:100%;padding:16px 20px;gap:0}.cde3-lines-hd{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap;flex-shrink:0}.cde3-lines-title{font-size:16px;font-weight:700;color:#fff}.cde3-lines-hint{font-size:12px;color:#555}.cde3-lines-add{margin-left:auto;padding:4px 12px;background:#1e1e38;border:1px dashed #3a3a5c;border-radius:6px;color:#a29bfe;font-size:12px;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:8px;padding:6px 10px;border:1px solid #2a2a3e;border-radius:6px;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:14px;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:12px;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:13px;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:13px;padding-top:3px;flex-shrink:0}.cde3-line-del:hover{color:#ef4444}.cde3-lines-footer{display:flex;align-items:center;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid #2a2a3e;flex-shrink:0}.cde3-lines-meta{font-size:12px;color:#666}.cde3-cost-badge{font-size:10px;background:#f59e0b33;color:#f59e0b;padding:1px 6px;border-radius:4px;margin-left:4px}.cde3-char-page{padding:24px}.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:20px}.cde3-char-hd-title{font-size:16px;font-weight:700;color:#fff;margin-bottom:4px}.cde3-char-hd-sub{font-size:13px;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:#f59e0b}.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,#f59e0b,#fcd34d);color:#000;padding:2px 7px;border-radius:4px;font-weight:700}.cde3-char-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:#444}.cde3-char-icon{font-size:36px}.cde3-char-set-label{font-size:12px;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 12px;border-radius:6px;font-size:11px;cursor:pointer;white-space:nowrap}.cde3-char-info{padding:10px}.cde3-char-name{font-size:14px;font-weight:700;color:#e0e0f0;margin-bottom:4px}.cde3-char-meta{margin-bottom:4px}.cde3-gender{font-size:12px}.cde3-gender.male{color:#60a5fa}.cde3-gender.female{color:#f472b6}.cde3-char-role-row{display:flex;align-items:center;gap:5px;font-size:12px;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:8px;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:12px;text-align:center;color:#ccc;font-size:14px}.cde3-spin-lg{width:40px;height:40px;border:3px solid rgba(245,158,11,.3);border-top-color:#f59e0b;border-radius:50%;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:8px}.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:6px;transition:all .15s}.cde3-tool-btn:hover{background:#6c5ce733;color:#fff}.cde3-tool-btn span:first-child{font-size:18px}.cde3-caption-bar{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#1c1c28;border-top:1px solid #252535;flex-shrink:0}.cde3-caption-icon{font-size:16px;flex-shrink:0}.cde3-caption-text{flex:1;font-size:13px;color:#e0e0f0}.cde3-dub-btn,.cde3-mute-btn{background:#252535;border:1px solid #3a3a5c;color:#ccc;padding:5px 12px;border-radius:6px;font-size:12px;cursor:pointer;white-space:nowrap;flex-shrink:0}.cde3-hot-tag{font-size:9px;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;padding:1px 4px;border-radius:3px;margin-left:4px}.cde3-history-row{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#1c1c28;border-top:1px solid #252535;flex-shrink:0}.cde3-history-label{font-size:12px;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:#fff;background:#00000080;padding:0 3px;border-radius:2px}.cde3-history-arrow{color:#666;cursor:pointer;font-size:16px}.cde3-gen-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;color:#555}.cde3-right{width:230px;flex-shrink:0;background:#111119;border-left:1px solid #222230;padding:12px;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:8px}.cde3-right-title{font-size:12px;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:8px}.cde3-char-mini-avatar{width:32px;height:32px;border-radius:50%;background:#6c5ce7;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;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:6px}.cde3-shot-icon{font-size:24px;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:6px;padding:8px;font-size:12px;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:#f59e0b;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:8px;font-size:13px;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:20px}.cde3-toggle input{display:none}.cde3-toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#2a2a3e;border-radius:20px;transition:.2s;cursor:pointer}.cde3-toggle input:checked+.cde3-toggle-slider{background:#f59e0b}.cde3-toggle-slider:before{content:"";position:absolute;width:14px;height:14px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}.cde3-toggle input:checked+.cde3-toggle-slider:before{transform:translate(16px)}.cde3-motion-btn{width:100%;background:linear-gradient(135deg,#f59e0b,#f97316);border:none;color:#fff;padding:9px;border-radius:8px;font-size:13px;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:#f59e0b;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 24px 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:#fff}.cde3-modal-body{padding:16px 18px;overflow-y:auto;flex:1}.cde3-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:12px 18px;border-top:1px solid #252535;flex-shrink:0}.cde3-shot-search-row{display:flex;gap:8px;margin-bottom:10px}.cde3-shot-search{flex:1;background:#252535;border:1px solid #3a3a5c;color:#e0e0f0;border-radius:8px;padding:8px 12px;font-size:13px;outline:none}.cde3-shot-search-btn{background:#f59e0b;border:none;color:#000;width:38px;border-radius:8px;cursor:pointer;font-size:16px}.cde3-shot-quick{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.cde3-shot-quick-btn{background:#252535;border:1px solid #3a3a5c;color:#ccc;padding:5px 12px;border-radius:20px;font-size:12px;cursor:pointer}.cde3-shot-quick-btn:hover{border-color:#6c5ce7;color:#fff}.cde3-shot-quick-btn.refresh{color:#a29bfe;border-color:#4a3f99}.cde3-shot-tabs{display:flex;gap:4px;margin-bottom:12px;align-items:center}.cde3-shot-upload{background:none;border:1px dashed #3a3a5c;color:#888;padding:5px 12px;border-radius:6px;font-size:12px;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:8px;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:12px;margin-bottom:8px}.cde3-pos-avatar{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff;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:8px;font-size:14px;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:12px;padding:8px;background:#1c1c28;border-radius:6px;cursor:pointer}.cde3-batch-num{font-size:13px;color:#666;width:24px}.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:8px;margin:8px 0}.cde3-checkbox-row{display:flex;align-items:center;gap:6px;font-size:13px;color:#888;cursor:pointer}.cde3-field{margin-bottom:12px}.cde3-field label{display:block;font-size:12px;color:#888;margin-bottom:5px}.cde3-input{width:100%;background:#252535;border:1px solid #3a3a5c;color:#e0e0f0;border-radius:6px;padding:7px 10px;font-size:13px;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:6px;padding:7px 10px;font-size:13px;outline:none;cursor:pointer;box-sizing:border-box}.cde3-textarea{width:100%;background:#252535;border:1px solid #3a3a5c;color:#e0e0f0;border-radius:6px;padding:8px 10px;font-size:13px;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:#f59e0b;border:none;color:#000;padding:8px 18px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap;display:inline-flex;align-items:center;gap:5px}.cde3-btn-yellow:hover{background:#fbbf24;transform:translateY(-1px)}.cde3-btn-yellow:disabled{opacity:.5;cursor:not-allowed;transform:none}.cde3-btn-outline-yellow{background:none;border:1px solid #f59e0b;color:#f59e0b;padding:6px 14px;border-radius:8px;font-size:13px;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:#fff;padding:8px 18px;border-radius:8px;font-size:13px;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 16px;border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s}.cde3-btn-ghost:hover{border-color:#6c5ce7;color:#fff}.cde3-mt24{margin-top:24px}:root{--n60s-primary-color: #d32f2f;--n60s-primary-light: #ffeb_ee;--n60s-text-main: #202124;--n60s-text-secondary: #5f6368;--n60s-bg-color: #f0f2f5;--n60s-card-bg: #ffffff;--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:20px 16px;line-height:1.6}.n60s-container{max-width:680px;width:100%;background:var(--n60s-card-bg);border-radius:16px;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:32px 24px;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:50%}.n60s-header-content{position:relative;z-index:1}.n60s-title-wrapper{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.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:14px;opacity:.8;font-weight:400;background:#ffffff26;padding:2px 12px;border-radius:20px}.n60s-content{padding:24px}.n60s-brand-section{text-align:center;padding-bottom:20px;margin-bottom:24px;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:16px;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:8px 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:20px;padding-bottom:20px;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:24px;height:24px;background:var(--n60s-primary-color);color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;margin-right:16px;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:16px;text-align:justify;line-height:1.7}.n60s-highlight{font-weight:700;color:#000}.n60s-quote-section{margin-top:32px;background-color:var(--n60s-quote-bg);border-left:4px solid var(--n60s-primary-color);padding:20px;border-radius:0 8px 8px 0;position:relative}.n60s-quote-title{font-size:12px;color:var(--n60s-text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;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:20px;left:50%;transform:translate(-50%);display:flex;gap:15px;z-index:100;background:#ffffffe6;padding:10px 20px;border-radius:50px;box-shadow:0 4px 20px #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 20px;border-radius:25px;font-size:14px;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 12px #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:20px;left:50%;transform:translate(-50%) translateY(-100%);background:#000c;color:#fff;padding:12px 24px;border-radius:8px;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:20px;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:#fff}.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:20px!important;margin-right:20px!important;margin-top:4px!important;border-radius:8px!important}.n60s-export-wrapper .n60s-h1{font-size:40px!important;margin-bottom:10px!important}.n60s-export-wrapper .n60s-brand-subtitle{font-size:24px!important;margin-bottom:25px!important}.n60s-export-wrapper .n60s-main-date{font-size:28px!important}.n60s-export-wrapper .n60s-sub-date{font-size:20px!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:20px;color:#fff;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 20px 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:20px}.date-display{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:20px;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:20px;padding:30px;margin-bottom:30px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a;min-height:400px}.history-item{background:#ffffff0d;border-radius:12px;padding:20px;margin-bottom:20px;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:8px}.history-event{font-size:1rem;line-height:1.6;color:#fff}.history-event strong{color:gold;display:block;margin-bottom:8px;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:16px}.history-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 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:20px;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:20px}.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:20px;color:#fff;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 20px 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:20px}.exchange-update-time{font-size:.9rem;opacity:.7;background:#ffffff1a;padding:8px 16px;border-radius:20px;display:inline-block;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.converter-section{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:30px;margin-bottom:40px;border:1px solid rgba(255,255,255,.2)}.converter-title{font-size:1.5rem;font-weight:700;margin-bottom:20px;text-align:center}.converter-form{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;margin-bottom:20px}.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:12px 16px;border:none;border-radius:10px;background:#ffffffe6;color:#333;font-size:1rem;font-weight:600;min-width:0}.currency-input select{padding:12px 16px;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:50%;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:20px;margin-bottom:40px}.rate-card{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);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:12px}.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:20px;background:#ff475733;border-radius:10px;margin-bottom:20px}.back-btn{position:fixed;top:20px;left:20px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#fff;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:20px;color:#fff;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 20px rgba(0,0,0,.3)}.hot-list-header p{font-size:1.2rem;opacity:.9;margin-bottom:20px}.update-time{font-size:.9rem;opacity:.7;background:#ffffff1a;padding:8px 16px;border-radius:20px;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(20px);backdrop-filter:blur(20px);border-radius:20px;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:20px;border-radius:8px}.hot-rank.top3{color:#fff;box-shadow:0 4px 15px #0003}.hot-rank.normal{background:#fff3;color:#fff}.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:20px;left:20px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#fff;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:20px}.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:20px}.hitokoto-card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 20px 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:20px;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:12px 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:20px}.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:50%;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:20px 20px 40px;box-sizing:border-box}.dial-header{text-align:center;margin-bottom:20px;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:#fff}.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 8px;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:50%;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:20px;left:20px;right:20px;bottom:20px;border-radius:50%;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:50%;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,#fff,gold);-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:12px;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:24px;height:24px;border-radius:50%;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:#fff}.ji-label{background:#d63031;color:#fff}.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 20px #ffd7001a,inset 0 0 20px #ffd7000d;border-radius:20px;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:#fff;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:20px;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:12px;margin-bottom:0;border:1px solid rgba(255,255,255,.05)}.full-info-overlay.visible{max-height:250px;margin-bottom:20px;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:8px}.info-title{color:#fff9}.info-val{color:#ffffffe6;font-family:monospace}.dial-actions{display:flex;flex-direction:column;align-items:center;gap:12px}.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:12px 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 8px 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(20px,-20px)}}@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:8px 12px;min-width:80px}.sat-content{font-size:.75rem}.dial-bottom-tip{padding:20px;margin-bottom:20px}.tip-content{font-size:1.1rem}.dial-stats-strip{gap:15px;padding:12px}}@media (max-width: 480px){.dial-page-container{padding:10px 0}.dial-content-layer{padding:10px 10px 20px;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:20px}.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:12px;margin-top:-20px;margin-bottom:15px;padding:0 10px}.satellite-card{position:static;transform:none;animation:none;flex:1;max-width:120px;background:#10101eb3;padding:8px 10px;min-width:auto}.left-card,.right-card{top:auto;left:auto;right:auto}.sat-label{width:20px;height:20px;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:20px;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:8px;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:12px 30px;font-size:.9rem;min-height:44px;display:flex;align-items:center;justify-content:center}}@media (max-width: 360px){.dial-content-layer{padding:8px}.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 8px;border-radius:8px}.sat-content{font-size:.65rem}.dial-bottom-tip{padding:15px 12px;border-radius:12px}.tip-content{font-size:.95rem}.dial-stats-strip{gap:8px;padding:8px}.stat-item{min-width:45px}.stat-label{font-size:.6rem}.stat-val{font-size:.75rem}.dial-btn.primary{padding:12px 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:20px}.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 8px}.dial-bottom-tip{padding:12px;margin-bottom:10px}.tip-content{font-size:.9rem}.dial-stats-strip{margin-bottom:15px;padding:8px}.dial-btn.primary{padding:10px 25px;font-size:.9rem;min-height:40px}.dial-btn.secondary{padding:8px 20px;font-size:.8rem;min-height:36px}}@media (hover: none) and (pointer: coarse){.stat-item.clickable{padding:8px;border-radius:8px;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}}.sing-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#f6d365,#fda085);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.sing-card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 20px 40px #0000001a;max-width:500px;width:100%;text-align:center;position:relative;overflow:hidden}.sing-header{margin-bottom:30px}.sing-title{font-size:2rem;color:#333;margin-bottom:10px;font-weight:700}.sing-subtitle{color:#666;font-size:1rem}.sing-content{background:#fff9f0;border-radius:15px;padding:30px;margin:20px 0;min-height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.sing-loading{color:#888;display:flex;flex-direction:column;align-items:center;gap:15px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #fda085;border-radius:50%;animation:spin 1s linear infinite}.sing-player-container{width:100%;display:flex;flex-direction:column;align-items:center}.sing-avatar-wrapper{width:120px;height:120px;border-radius:50%;border:4px solid #fff;box-shadow:0 5px 15px #0000001a;margin-bottom:20px;overflow:hidden;position:relative}.sing-avatar{width:100%;height:100%;object-fit:cover}.sing-avatar-wrapper.playing{animation:spin 10s linear infinite}.sing-info{margin-bottom:20px;width:100%}.song-name{font-size:1.5rem;color:#333;margin-bottom:5px}.song-singer{font-size:1rem;color:#666;margin-bottom:10px}.user-info{font-size:.9rem;color:#999;display:flex;justify-content:center;gap:15px}.sing-lyrics{margin:20px 0;font-style:italic;color:#555;line-height:1.8;max-height:150px;overflow-y:auto;width:100%;padding:0 10px;scrollbar-width:thin}.lyric-line{margin:5px 0}.audio-controls{margin:20px 0}.play-btn{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#f6d365,#fda085);border:none;color:#fff;font-size:1.5rem;cursor:pointer;box-shadow:0 5px 15px #fda08566;transition:transform .2s;display:flex;align-items:center;justify-content:center;padding-left:5px}.play-btn:hover{transform:scale(1.1)}.sing-stats{display:flex;gap:20px;color:#888;font-size:.9rem}.sing-actions{display:flex;justify-content:center;gap:15px}.sing-btn{background:linear-gradient(135deg,#f6d365,#fda085);color:#fff;border:none;padding:12px 30px;border-radius:25px;font-size:1rem;cursor:pointer;transition:transform .2s,box-shadow .2s;font-weight:600}.sing-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.sing-btn.secondary{background:#6c757d}.sing-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.sing-error{text-align:center;color:#ff6b6b}.sing-retry-btn{margin-top:10px;background:#ff6b6b;color:#fff;border:none;padding:8px 20px;border-radius:20px;cursor:pointer}@media (max-width: 768px){.sing-card{padding:20px}.sing-title{font-size:1.5rem}}.answer-book-container{min-height:100vh;background:radial-gradient(circle at center,#1a0b2e,#000);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 #fff,20vw 80vh #fff,40vw 30vh #fff,60vw 50vh #fff,80vw 20vh #fff,90vw 90vh #fff,15vw 60vh #fff,35vw 90vh #fff,55vw 10vh #fff,75vw 70vh #fff,85vw 40vh #fff;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 #fff,25vw 85vh #fff,45vw 35vh #fff,65vw 55vh #fff,85vw 25vh #fff,95vw 95vh #fff}@keyframes twinkle{0%{transform:translateY(0);opacity:.5}50%{opacity:1}to{transform:translateY(-20px);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:12px;box-shadow:0 20px 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:20px;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,#fff5e6,#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:#fff;text-shadow:0 0 10px rgba(255,255,255,.5)}.flip-card-back{background:#fffdf9;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 20px;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 20px,#a30f28 20px,#a30f28 40px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;font-family:Noto Sans SC,sans-serif}.kfc-header-badge{background:#fff;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 #000}.kfc-content-wrapper{width:100%;max-width:500px;display:flex;flex-direction:column;gap:20px}.kfc-card.receipt-style{background:#fff;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:20px}.receipt-header h2{margin:0;color:#000;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 #000;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:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:transform .1s,box-shadow .1s;border:3px solid #000;box-shadow:4px 4px #000}.kfc-btn:active{transform:translate(2px,2px);box-shadow:2px 2px #000}.kfc-btn.refresh{background:#fff;color:#000}.kfc-btn.copy{background:#ffc107;color:#000}.kfc-btn.copy.success{background:#4caf50;color:#fff}@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 #000}}.js-quiz-container{min-height:100vh;background:#0d1117;display:flex;justify-content:center;align-items:center;padding:20px;font-family:Inter,sans-serif;color:#c9d1d9}.quiz-terminal{width:100%;max-width:800px;background:#161b22;border:1px solid #30363d;border-radius:12px;box-shadow:0 20px 50px #00000080;overflow:hidden}.terminal-header{background:#0d1117;padding:12px 20px;border-bottom:1px solid #30363d;display:flex;align-items:center;position:relative}.terminal-controls{display:flex;gap:8px}.control{width:12px;height:12px;border-radius:50%}.red{background:#ff5f56}.yellow{background:#ffbd2e}.green{background:#27c93f}.terminal-title{position:absolute;left:0;right:0;text-align:center;font-family:Fira Code,monospace;font-size:.9rem;color:#8b949e;pointer-events:none}.terminal-body{padding:30px}.quiz-loading{font-family:Fira Code,monospace;color:#58a6ff}.cursor{animation:blink 1s infinite}.quiz-title{color:#58a6ff;margin:0 0 10px;font-size:1.5rem}.quiz-desc{margin-bottom:20px;font-size:1.1rem;line-height:1.6}.code-block{background:#0d1117;border:1px solid #30363d;border-radius:8px;padding:20px;margin-bottom:30px;overflow-x:auto}pre{margin:0}code{font-family:Fira Code,monospace;font-size:.95rem;line-height:1.6;color:#e6edf3}.options-section{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.quiz-option{background:#21262d;border:1px solid #30363d;padding:15px 20px;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:15px}.quiz-option:hover:not(.disabled){background:#30363d;border-color:#8b949e}.opt-letter{font-weight:700;color:#79c0ff;font-family:Fira Code,monospace}.opt-text{flex:1;font-family:Fira Code,monospace;font-size:.9rem}.quiz-option.correct{background:#2ea04326;border-color:#2ea043}.quiz-option.correct .opt-letter{color:#2ea043}.quiz-option.wrong{background:#f8514926;border-color:#f85149}.quiz-option.wrong .opt-letter{color:#f85149}.quiz-option.disabled{opacity:.5;cursor:not-allowed}.status-icon{font-weight:700}.explanation-section{background:#161b22;border-top:1px solid #30363d;padding-top:20px;animation:slideUp .3s ease-out}.explanation-section h3{color:#8b949e;margin:0 0 10px;font-size:1rem;text-transform:uppercase;letter-spacing:1px}.explanation-content{line-height:1.7;color:#c9d1d9;margin-bottom:20px;font-size:.95rem}.next-btn{background:#238636;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-family:Fira Code,monospace;font-weight:600;cursor:pointer;transition:background .2s}.next-btn:hover{background:#2ea043}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.terminal-body{padding:20px}.code-block{padding:15px;font-size:.85rem}}.qrcode-container{min-height:100vh;padding:40px 20px;background-color:#f8fafc;color:#1e293b;font-family:Inter,-apple-system,sans-serif}.qrcode-wrapper{max-width:800px;margin:0 auto}.qrcode-header{text-align:center;margin-bottom:40px}.qrcode-header h1{font-size:2.5rem;font-weight:800;margin:0;color:#6366f1}.qrcode-subtitle{color:#64748b;margin-top:10px}.qrcode-back-btn{display:inline-flex;align-items:center;color:#6366f1;text-decoration:none;margin-bottom:20px;font-weight:500;cursor:pointer;background:none;border:none;padding:0;font-size:1rem}.qrcode-back-btn:hover{text-decoration:underline}.qrcode-generator-box{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;margin-bottom:30px}.qrcode-input-group{margin-bottom:20px}.qrcode-input-label{font-size:1rem;font-weight:600;margin-bottom:8px;color:#1e293b}.qrcode-text-input{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;outline:none;resize:vertical;min-height:100px;font-family:inherit}.qrcode-text-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.qrcode-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.qrcode-option-group{display:flex;flex-direction:column;gap:8px}.qrcode-option-label{font-size:.9rem;font-weight:500;color:#64748b}.qrcode-option-input{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;outline:none}.qrcode-option-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.qrcode-generate-btn{background:#6366f1;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s;width:100%;font-size:1rem}.qrcode-generate-btn:hover{background:#4f46e5}.qrcode-generate-btn:disabled{background:#9ca3af;cursor:not-allowed}.qrcode-result-box{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;text-align:center;margin-top:30px}.qrcode-image{max-width:100%;height:auto;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 8px #0000001a}.qrcode-download-btn{background:#10b981;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer;transition:background .2s;margin:0 8px}.qrcode-download-btn:hover{background:#059669}.qrcode-preset-buttons{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.qrcode-preset-btn{background:#f1f5f9;color:#1e293b;border:1px solid #e2e8f0;padding:6px 12px;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s}.qrcode-preset-btn:hover{background:#6366f1;color:#fff;border-color:#6366f1}.qrcode-error{background:#fef2f2;color:#dc2626;padding:16px;border-radius:8px;text-align:center}@media (max-width: 768px){.qrcode-container{padding:20px 15px}.qrcode-header h1{font-size:2rem}.qrcode-options-grid{grid-template-columns:1fr}}.weather-container{min-height:100vh;padding:40px 20px;background-color:#f8fafc;color:#1e293b;font-family:Inter,-apple-system,sans-serif}.weather-wrapper{max-width:800px;margin:0 auto}.weather-header{text-align:center;margin-bottom:40px}.weather-header h1{font-size:2.5rem;font-weight:800;margin:0;color:#10b981}.weather-subtitle{color:#64748b;margin-top:10px}.weather-back-btn{display:inline-flex;align-items:center;color:#10b981;text-decoration:none;margin-bottom:20px;font-weight:500;cursor:pointer;background:none;border:none;padding:0;font-size:1rem}.weather-back-btn:hover{text-decoration:underline}.weather-search-box{background:#fff;border-radius:12px;padding:24px;margin-bottom:30px;box-shadow:0 2px 8px #0000000f;border:1px solid #e2e8f0}.weather-search-form{display:flex;gap:12px}.weather-search-input{flex:1;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;outline:none;font-family:inherit}.weather-search-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.weather-search-btn{background:#10b981;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s;font-size:1rem}.weather-search-btn:hover{background:#059669}.weather-card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;text-align:center}.weather-main{margin-bottom:24px}.city-name{font-size:1.5rem;font-weight:700;margin-bottom:8px}.weather-temp{font-size:3rem;font-weight:800;color:#10b981;margin-bottom:8px}.weather-desc{font-size:1.1rem;color:#64748b;margin-bottom:16px}.weather-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-top:24px}.weather-detail-item{background:#f8fafc;padding:16px;border-radius:8px;text-align:center}.weather-detail-label{font-size:.875rem;color:#64748b;margin-bottom:4px}.weather-detail-value{font-size:1.1rem;font-weight:600;color:#1e293b}.weather-section-title{color:#10b981;margin-bottom:16px;text-align:left;font-size:1.2rem;font-weight:700}.weather-alert{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:16px;margin-bottom:12px;text-align:left}.weather-alert-title{font-weight:600;color:#dc2626;margin-bottom:8px}.weather-alert-content{color:#991b1b;font-size:.9rem;line-height:1.5}.weather-loading{text-align:center;padding:40px;color:#64748b}.weather-error{background:#fef2f2;color:#dc2626;padding:16px;border-radius:8px;text-align:center;margin-top:20px}@media (max-width: 768px){.weather-container{padding:20px 15px}.weather-header h1{font-size:2rem}.weather-search-form{flex-direction:column}.weather-card{padding:24px}.weather-temp{font-size:2.5rem}.weather-details{grid-template-columns:1fr 1fr;gap:12px}}.oil-container{min-height:100vh;padding:40px 20px;background-color:#f8fafc;color:#1e293b;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:#3b82f6}.oil-subtitle{color:#64748b;margin-top:10px}.oil-back-btn{display:inline-flex;align-items:center;color:#3b82f6;text-decoration:none;margin-bottom:20px;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:#3b82f6;color:#fff;border:none;padding:12px 24px;border-radius:8px;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:20px}.oil-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000f;border:1px solid #e2e8f0}.oil-type{font-size:.9rem;color:#64748b;margin-bottom:4px}.oil-price{font-size:1.1rem;font-weight:600;color:#1e293b}.oil-unit{font-size:.8rem;color:#94a3b8}.oil-loading{text-align:center;padding:40px;color:#64748b}.oil-error{background:#fef2f2;color:#dc2626;padding:16px;border-radius:8px;text-align:center;margin-top:20px}@media (max-width: 768px){.oil-container{padding:20px 15px}.oil-header h1{font-size:2rem}.oil-grid{grid-template-columns:1fr}}.gold-container{min-height:100vh;padding:40px 20px;background-color:#f8fafc;color:#1e293b;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:#f59e0b}.gold-subtitle{color:#64748b;margin-top:10px}.gold-back-btn{display:inline-flex;align-items:center;color:#f59e0b;text-decoration:none;margin-bottom:20px;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:#f59e0b;color:#fff;border:none;padding:12px 24px;border-radius:8px;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:20px;margin-bottom:30px}.gold-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;text-align:center}.gold-type{font-size:1.2rem;font-weight:700;margin-bottom:16px;color:#f59e0b}.gold-price{font-size:2rem;font-weight:800;color:#1e293b;margin-bottom:8px}.gold-unit{font-size:.9rem;color:#64748b;margin-bottom:12px}.gold-loading{text-align:center;padding:40px;color:#64748b}.gold-error{background:#fef2f2;color:#dc2626;padding:16px;border-radius:8px;text-align:center;margin-top:20px}.gold-update-time{text-align:center;color:#64748b;font-size:.9rem;margin-top:20px}@media (max-width: 768px){.gold-container{padding:20px 15px}.gold-header h1{font-size:2rem}.gold-grid{grid-template-columns:1fr}}.translate-container{min-height:100vh;padding:40px 20px;background-color:#f8fafc;color:#1e293b;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:#64748b;margin-top:10px}.translate-back-btn{display:inline-flex;align-items:center;color:#8b5cf6;text-decoration:none;margin-bottom:20px;font-weight:500;cursor:pointer;background:none;border:none;padding:0;font-size:1rem}.translate-back-btn:hover{text-decoration:underline}.translate-box{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;margin-bottom:30px}.translate-language-selector{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.translate-lang-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;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:8px 12px;border-radius:8px;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:20px}.translate-text-area-container{position:relative}.translate-text-area-label{font-size:.9rem;font-weight:600;margin-bottom:8px;color:#64748b}.translate-text-area{width:100%;height:200px;padding:16px;border:1px solid #d1d5db;border-radius:8px;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:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s;margin-top:20px;width:100%;font-size:1rem}.translate-btn:hover{background:#7c3aed}.translate-btn:disabled{background:#9ca3af;cursor:not-allowed}.translate-char-count{position:absolute;bottom:8px;right:12px;font-size:.8rem;color:#64748b}.translate-language-list{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000f;border:1px solid #e2e8f0;margin-top:30px}.translate-language-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin-top:16px}.translate-language-item{padding:8px 12px;background:#f8fafc;border-radius:6px;font-size:.9rem;text-align:center}.translate-loading{text-align:center;padding:20px;color:#64748b}.translate-error{background:#fef2f2;color:#dc2626;padding:16px;border-radius:8px;text-align:center;margin-top:20px}@media (max-width: 768px){.translate-container{padding:20px 15px}.translate-header h1{font-size:2rem}.translate-text-areas{grid-template-columns:1fr;gap:16px}.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 20px;background-color:#f8fafc;color:#1e293b;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:#ef4444}.password-subtitle{color:#64748b;margin-top:10px}.password-back-btn{display:inline-flex;align-items:center;color:#ef4444;text-decoration:none;margin-bottom:20px;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:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;margin-bottom:30px}.password-result{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;padding:16px;margin-bottom:20px;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:#1e293b}.password-copy-btn{position:absolute;top:8px;right:8px;background:#ef4444;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:.8rem;cursor:pointer;transition:background .2s}.password-copy-btn:hover{background:#dc2626}.password-options-grid{display:grid;gap:16px;margin-bottom:20px}.password-option-group{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e2e8f0}.password-option-group:last-child{border-bottom:none}.password-option-label{font-weight:500;color:#1e293b}.password-option-control{display:flex;align-items:center;gap:8px}.password-length-input{width:80px;padding:6px 8px;border:1px solid #d1d5db;border-radius:6px;text-align:center;outline:none}.password-length-input:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.password-checkbox{width:18px;height:18px;accent-color:#ef4444}.password-generate-btn{background:#ef4444;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s;width:100%;margin-bottom:20px;font-size:1rem}.password-generate-btn:hover{background:#dc2626}.password-strength-meter{margin-bottom:20px}.password-strength-label{font-size:.9rem;font-weight:500;margin-bottom:8px;color:#64748b}.password-strength-bar{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.password-strength-fill{height:100%;transition:width .3s,background-color .3s;border-radius:4px}.password-strength-weak{background:#ef4444}.password-strength-medium{background:#f59e0b}.password-strength-strong{background:#10b981}.password-strength-text{font-size:.8rem;margin-top:4px;font-weight:500}.password-checker-box{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000f;border:1px solid #e2e8f0}.password-checker-input{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;outline:none;margin-bottom:16px}.password-checker-input:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.password-checker-result{padding:16px;border-radius:8px;margin-top:16px}@media (max-width: 768px){.password-container{padding:20px 15px}.password-header h1{font-size:2rem}.password-option-group{flex-direction:column;align-items:flex-start;gap:8px}.password-option-control{align-self:flex-end}}.baike-container{min-height:100vh;padding:40px 20px;background-color:#f8fafc;color:#1e293b;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:#64748b;margin-top:10px}.baike-back-btn{display:inline-flex;align-items:center;color:#1d4ed8;text-decoration:none;margin-bottom:20px;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:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;margin-bottom:30px}.baike-search-form{display:flex;gap:12px;margin-bottom:16px}.baike-search-input{flex:1;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;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:12px 24px;border-radius:8px;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:#64748b;text-align:center}.baike-card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0}.baike-card-header{display:flex;align-items:flex-start;gap:20px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #e2e8f0}.baike-image{width:120px;height:120px;object-fit:cover;border-radius:8px;flex-shrink:0}.baike-info{flex:1}.baike-title{font-size:1.8rem;font-weight:800;color:#1d4ed8;margin-bottom:8px}.baike-summary{font-size:1rem;color:#64748b;line-height:1.6;margin-bottom:12px}.baike-tags{display:flex;gap:8px;flex-wrap:wrap}.baike-tag{background:#dbeafe;color:#1d4ed8;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:500}.baike-content{font-size:1rem;line-height:1.8;color:#1e293b;margin-bottom:24px}.baike-content p{margin-bottom:16px}.baike-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.baike-meta-item{background:#f8fafc;padding:16px;border-radius:8px}.baike-meta-label{font-size:.9rem;color:#64748b;margin-bottom:4px}.baike-meta-value{font-size:1rem;font-weight:600;color:#1e293b}.baike-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.baike-action-btn{background:#10b981;color:#fff;border:none;padding:8px 16px;border-radius:6px;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:#6b7280}.baike-action-btn.secondary:hover{background:#4b5563}.baike-loading{text-align:center;padding:40px;color:#64748b}.baike-error{background:#fef2f2;color:#dc2626;padding:16px;border-radius:8px;text-align:center;margin-top:20px}.baike-history{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000f;border:1px solid #e2e8f0;margin-bottom:20px}.baike-history-title{font-size:1.1rem;font-weight:600;margin-bottom:12px;color:#1e293b}.baike-history-items{display:flex;gap:8px;flex-wrap:wrap}.baike-history-item{background:#f1f5f9;color:#1e293b;border:1px solid #e2e8f0;padding:6px 12px;border-radius:16px;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:20px 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: #ffffff;--cal-primary: #ef4444;--cal-text: #333333;--cal-text-light: #999999;--cal-border: #eeeeee;--cal-weekend: #ef4444;--cal-today-text: #ef4444;--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:20px;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:#fff;border-radius:20px;box-shadow:0 10px 30px #0000000d;overflow:visible;padding:20px;position:relative}.calendar-top-info{margin-bottom:20px;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:8px}.big-date{font-size:1.5rem;font-weight:600;color:#000}.top-tags{display:flex;gap:8px}.top-tag{font-size:.8rem;padding:2px 8px;background:#f0f0f0;color:#666;border-radius:12px;font-weight:500}.top-tag.active{background:#333;color:#fff}.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:12px;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:12px;font-size:.95rem;line-height:1.4}.yiji-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;margin-right:12px;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,#fff,#ffe6f0);padding:40px 30px;border-radius:24px;box-shadow:0 20px 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 20px 60px #ff69b466,0 0 0 1px #ff69b433 inset}to{box-shadow:0 20px 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:16px;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:#fff}.calendar-wrapper{box-shadow:none;border-radius:0;padding:12px;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:8px}.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:20px;font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif}.s2g-header{text-align:center;margin-bottom:16px}.s2g-header h1{font-size:1.6rem;font-weight:700;color:#1e293b;margin:0 0 6px}.s2g-header p{color:#64748b;font-size:.9rem;margin:0}.s2g-options{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;background:#fff;border-radius:12px;border:1px solid #e2e8f0;margin-bottom:12px;box-shadow:0 1px 3px #0000000a}.s2g-opt{display:flex;align-items:center;gap:5px;font-size:.85rem;color:#475569;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}.s2g-opt input[type=checkbox]{width:16px;height:16px;accent-color:#6366f1}.s2g-opt-sep{flex:1;min-width:20px}.s2g-btn{padding:8px 18px;border:none;border-radius:8px;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,#6366f1,#818cf8);color:#fff;box-shadow:0 2px 8px #6366f14d}.s2g-btn-primary:hover{box-shadow:0 4px 14px #6366f166}.s2g-btn-copy{background:#fff;color:#16a34a;border:1px solid #bbf7d0}.s2g-btn-copy:hover{background:#f0fdf4;border-color:#16a34a}.s2g-btn-clear{background:#fff;color:#64748b;border:1px solid #e2e8f0}.s2g-btn-clear:hover{color:#ef4444;border-color:#fca5a5}.s2g-btn-example{background:#fff;color:#6366f1;border:1px solid #c7d2fe}.s2g-btn-example:hover{background:#eef2ff}.s2g-panels{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:520px}.s2g-panel{display:flex;flex-direction:column;background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 1px 3px #0000000a}.s2g-panel-head{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-size:.88rem;font-weight:600;color:#334155}.s2g-panel-hint{font-size:.78rem;font-weight:400;color:#94a3b8}.s2g-editor{flex:1;width:100%;border:none;outline:none;resize:none;padding:16px;font-family:Fira Code,Cascadia Code,JetBrains Mono,Consolas,monospace;font-size:.88rem;line-height:1.65;color:#1e293b;background:#fff;-moz-tab-size:2;tab-size:2;box-sizing:border-box}.s2g-editor::placeholder{color:#cbd5e1}.s2g-output{flex:1;margin:0;padding:16px;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:12px;margin-top:16px}.s2g-info-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:16px 18px}.s2g-info-card h4{font-size:.92rem;font-weight:600;color:#334155;margin:0 0 8px}.s2g-info-card ul{margin:0;padding-left:18px}.s2g-info-card li{font-size:.82rem;color:#64748b;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:8px}.s2g-btn{padding:7px 14px;font-size:.8rem}}@media (max-width: 480px){.s2g-page{padding:12px}.s2g-header h1{font-size:1.3rem}.s2g-opt span{display:none}}:root{--bg-dark: #0f172a;--bg-card: rgba(255, 255, 255, .03);--bg-card-hover: rgba(255, 255, 255, .08);--border-card: rgba(255, 255, 255, .1);--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-color: #3b82f6;--accent-glow: rgba(59, 130, 246, .5)}.game-nav-container{min-height:100vh;background:radial-gradient(circle at top right,#1e1b4b,#0f172a 60%,#000);color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;padding:20px;box-sizing:border-box}.game-nav-content{max-width:1200px;margin:0 auto;padding:20px}.game-header-modern{margin-bottom:30px}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px}.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:12px;padding:10px 16px;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:8px;opacity:.6}.search-bar input{background:transparent;border:none;color:#fff;font-size:.95rem;width:100%;outline:none}.search-bar input::placeholder{color:#ffffff4d}.category-tabs{display:flex;gap:12px;flex-wrap:wrap}.tab-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);padding:10px 24px;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.tab-btn:hover{color:#fff;background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.tab-btn.active{background:linear-gradient(135deg,#60a5fa,#a78bfa);color:#fff;border-color:transparent;box-shadow:0 4px 12px #60a5fa66;transform:translateY(-2px)}.games-grid-modern{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;padding-bottom:40px}.game-card-modern{position:relative;background:var(--bg-card);border:1px solid var(--border-card);border-radius:20px;padding:24px;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(-8px) scale(1.02);background:var(--bg-card-hover);border-color:#fff3;box-shadow:0 20px 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:16px}.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 8px;border-radius:6px;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 8px;color:#fff}.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:16px}@media (max-width: 768px){.game-nav-container{padding:16px}.game-nav-content{padding:0}.game-header-modern{margin-bottom:24px}.header-top{flex-direction:column;align-items:stretch;gap:16px}.brand-title{font-size:1.5rem;text-align:center}.search-bar{max-width:100%;padding:12px 16px}.category-tabs{gap:8px;justify-content:center}.tab-btn{padding:8px 16px;font-size:.85rem}.games-grid-modern{grid-template-columns:repeat(2,1fr);gap:16px}.game-card-modern{padding:16px}.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:12px}}.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:#fff;padding:20px}.tank-game-header{margin-bottom:20px;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 20px #00000080;background-color:#000}canvas{display:block;image-rendering:pixelated}.game-ui{margin-top:20px;display:flex;gap:20px;align-items:center}.game-btn{padding:10px 20px;font-size:1rem;background:#e5ad04;border:none;cursor:pointer;font-family:inherit;color:#000;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:20px;color:#888;font-size:.8rem;text-align:center;line-height:1.5}.mobile-controls{display:none;margin-top:20px;user-select:none;-webkit-user-select:none;touch-action:none;width:100%;justify-content:space-around;padding-bottom:20px}@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:20px}.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:12px;color:#fff;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:50%;background:#e54d42cc;border:4px solid #9e2a22;color:#fff;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:20px}.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 20px;border-radius:6px;color:#fff;text-align:center;min-width:80px}.score-label{font-size:12px;text-transform:uppercase;color:#eee4da;display:block}.score-value{font-size:24px;font-weight:700}.game-board-container{position:relative;background:#bbada0;padding:15px;border-radius:6px;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:30px}.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:6px;animation:fade-in .8s ease 1.2s;animation-fill-mode:both}.game-message{font-size:60px;font-weight:700;color:#776e65;margin-bottom:20px}.restart-btn{background:#8f7a66;border-radius:3px;padding:0 20px;text-decoration:none;color:#f9f6f2;height:40px;line-height:42px;cursor:pointer;border:none;font-size:18px;font-weight:700}.game-intro{margin-bottom:20px;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:20px}.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:#fff;font-family:Courier New,Courier,monospace}.snake-header{text-align:center;margin-bottom:20px}.score-board{display:flex;gap:20px;font-size:1.2rem;color:#4ade80}.snake-canvas{border:2px solid #444;background-color:#000;box-shadow:0 0 20px #4ade8033;max-width:100%}.game-controls{margin-top:20px;display:flex;flex-direction:column;align-items:center;gap:10px}.start-btn{padding:10px 30px;font-size:1.2rem;background:#4ade80;color:#000;border:none;border-radius:5px;cursor:pointer;font-weight:700}.start-btn:hover{background:#22c55e}.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:20px;-webkit-user-select:none;user-select:none}.ms-window{background:silver;border:3px solid #fff;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:#fff;border-bottom-color:#fff;padding:4px;display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.ms-counter{background:#000;color:red;font-family:Courier New,monospace;font-size:24px;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 #fff;border-right-color:gray;border-bottom-color:gray;background:silver;cursor:pointer}.ms-face-btn:active{border:2px solid #808080;border-right-color:#fff;border-bottom-color:#fff}.ms-grid{display:grid;grid-template-columns:repeat(9,30px);grid-template-rows:repeat(9,30px);border:3px solid #808080;border-right-color:#fff;border-bottom-color:#fff}.ms-cell{width:30px;height:30px;background:silver;border:2px solid #fff;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:20px;text-transform:uppercase}.ttt-status{font-size:1.5rem;color:#f2ebd3;margin-bottom:20px;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:#fff}.ttt-square.x{color:#545454}.ttt-square.o{color:#f2ebd3;background:#545454}.ttt-controls{margin-top:30px;display:flex;gap:20px}.ttt-btn{padding:10px 20px;font-size:1rem;border:2px solid #f2ebd3;background:transparent;color:#f2ebd3;border-radius:20px;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: #fff;--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 20px;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 20px;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 20px;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:#fff;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:12px;border:4px solid rgba(255,255,255,.25);box-shadow:0 15px 35px #0000004d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin-bottom:20px;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:8px;box-shadow:0 2px 8px #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:8px;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,#fff0f1 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:#fff;text-align:right;padding:4px 8px;font-size:14px;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:8px;border-bottom-left-radius:8px}.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:20px;height:20px;background:#2ecc71cc;border-radius:50%;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:20px;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:#fff;background:#6464ff99;box-shadow:0 4px 10px #0003}.btn-secondary{width:100%;padding:15px;border-radius:12px;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:20px;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 20px;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:8px;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(8px);backdrop-filter:blur(8px);padding:20px;box-sizing:border-box}.modal-content{background:#fff;padding:30px;border-radius:20px;text-align:center;width:90%;max-width:320px;color:#333;box-shadow:0 20px 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:12px;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:12px 24px;border-radius:50px;z-index:2000;pointer-events:none;font-size:1rem;text-align:center;white-space:nowrap;box-shadow:0 5px 20px #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 8px}.game-board{width:100%;padding:4px;border-width:2px;box-shadow:0 5px 20px #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:20px;background:#f0f2f5;min-height:100vh}.gomoku-header{display:flex;flex-direction:column;align-items:center;gap:15px;margin-bottom:20px}.gomoku-header h2{color:#333;margin:0}.controls{display:flex;gap:10px}.controls select,.restart-btn{padding:8px 16px;border-radius:6px;border:1px solid #ddd;background:#fff;cursor:pointer;font-size:14px}.restart-btn{background:#1890ff;color:#fff;border:none}.restart-btn:hover{background:#40a9ff}.game-status{margin-bottom:20px;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:20px;background:#dcb35c;border-radius:4px;box-shadow:0 4px 12px #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:50%}.interaction-cell:hover{background:#fff3}.piece{width:24px;height:24px;border-radius:50%;box-shadow:2px 2px 4px #0000004d;position:relative}.piece.black{background:radial-gradient(circle at 30% 30%,#666,#000)}.piece.white{background:radial-gradient(circle at 30% 30%,#fff,#ddd)}.piece.last-move:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:red;border-radius:50%}@media (max-width: 500px){.gomoku-board{width:300px;height:300px}.grid-row,.interaction-row{height:20px}.grid-cell,.interaction-cell{width:20px;height:20px}.interaction-layer{top:-10px;left:-10px;width:calc(100% + 20px);height:calc(100% + 20px)}.piece{width:16px;height:16px}}.chess-container{display:flex;flex-direction:column;align-items:center;padding:20px;background:#f0f2f5;min-height:100vh}.chess-header{margin-bottom:20px;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:24px;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:50%;background:#fdf5e6;border:2px solid #8b4513;display:flex;justify-content:center;align-items:center;font-size:24px;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:50%}.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:20px;background:#f0f2f5;min-height:100vh}.checkers-header{margin-bottom:20px;text-align:center}.checkers-board{display:flex;flex-direction:column;border:4px solid #5d4037;box-shadow:0 10px 20px #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:50%}.checker-piece{width:36px;height:36px;border-radius:50%;box-shadow:0 4px 6px #0006,inset 0 -4px 4px #0003;display:flex;align-items:center;justify-content:center;font-size:20px;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 #000;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:16px}}.tetris-container{display:flex;flex-direction:column;align-items:center;padding:20px;background:#282c34;color:#fff;min-height:100vh}.tetris-header{margin-bottom:20px;text-align:center}.score-board{font-size:24px;font-weight:700;color:#4caf50;margin-top:10px}.game-area{display:flex;flex-direction:column;align-items:center;gap:20px}.tetris-board{width:250px;height:500px;background:#000;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:20px;border-radius:8px;border:1px solid #666}.message button{margin-top:10px;padding:8px 20px;font-size:16px;cursor:pointer;background:#1890ff;border:none;color:#fff;border-radius:4px}.instructions{margin-top:20px;color:#aaa;font-size:14px}.controls-mobile{display:none;flex-direction:column;align-items:center;gap:10px;margin-top:10px}.row-controls{display:flex;gap:20px}.control-btn{width:50px;height:50px;border-radius:50%;border:none;background:#ffffff1a;color:#fff;font-size:20px;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 20px #00f2ff33;border-radius:8px;max-width:100%;max-height:100%}.game-hud{position:absolute;top:20px;left:50%;transform:translate(-50%);display:flex;gap:20px;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:#fff;padding:20px 30px;border-radius:16px;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:24px;font-weight:800}.bubble-game-over-modal p{margin:5px 0;font-size:16px;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:#fff;font-weight:700;font-size:16px;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 20px #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:20px;box-sizing:border-box}.game-title{font-size:32px;color:#00f2ff;text-shadow:0 0 10px rgba(0,242,255,.5);margin-bottom:20px}.rule-card{background:#ffffff1a;padding:15px 20px;border-radius:12px;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:8px;font-size:14px;display:flex;align-items:center;gap:8px}.start-btn{padding:12px 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:20px;width:100%;display:flex;justify-content:space-between;padding:0 30px;box-sizing:border-box;pointer-events:none;opacity:.5;color:#fff;font-size:12px;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:20px;max-width:300px}.rule-card li{font-size:13px;margin-bottom:6px}.start-btn{padding:10px 30px;font-size:16px}}.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:20px;transition:background-color .2s}.reaction-content{color:#fff}.reaction-icon{font-size:5rem;margin-bottom:20px}.reaction-title{font-size:3rem;font-weight:700;margin-bottom:10px}.reaction-desc{font-size:1.5rem;opacity:.9}.reaction-result{margin-top:20px}.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 20px #00000080;border:4px solid #555;width:400px;height:711px}@media (max-width: 600px),(max-height: 800px){.flappy-container{padding:0;margin:0;background-color:#000;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:20px;text-align:center;color:#fff}.flappy-btn{padding:12px 30px;font-size:1.2rem;background:#e5ad04;border:none;border-bottom:4px solid #b38600;color:#fff;font-family:inherit;cursor:pointer;border-radius:8px;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:#fff;text-shadow:2px 2px 0 #000;z-index:10;pointer-events:none}.sound-toggle{position:absolute;top:10px;right:10px;width:40px;height:40px;background:#00000080;border:2px solid #fff;border-radius:8px;font-size:20px;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(20px);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:8px 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:13px;color:#fff;text-shadow:2px 2px 0 #000;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:20px;color:#fff;text-shadow:2px 2px 0 #000;line-height:1;letter-spacing:1px}.best-row{position:absolute;top:78px;right:25px;width:120px;text-align:right;font-size:20px;color:#fff;text-shadow:2px 2px 0 #000;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:20px;width:32px;height:14px;animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.play-button{width:115px;margin-top:8px;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:#1a1a1a;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:#fff;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:20px;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:20px;opacity:.8}.pp-rules{text-align:left;background:#ffffff0d;padding:20px;border-radius:10px;margin-bottom:25px;font-size:.95rem;color:#ccc;line-height:1.6}.pp-rules ul{margin:10px 0 0;padding-left:20px}.pp-rules li{margin-bottom:8px}.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:#000;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 20px #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:20px}.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:20px}.pp-setting-btn{background:#333;border:1px solid #555;color:#fff;padding:8px 15px;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .2s}.pp-setting-btn.active{background:#4facfe;border-color:#4facfe;color:#000}.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:20px;box-sizing:border-box}.ol-header{text-align:center;text-shadow:2px 2px 0 #000}.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 20px;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:#1a1a1a;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:20px;background:#ffffff1a;box-shadow:0 0 10px #ffffff1a;border-radius:50%}.ol-modal h2{font-family:Creepster,cursive;font-size:2.5rem;color:#c8b598;margin-bottom:20px;text-shadow:3px 3px 0 #000}.ol-modal p{font-size:1.1rem;line-height:1.6;color:#999;margin-bottom:20px;text-align:left}.ol-rules-box{background:#ffffff0d;border:1px dashed #444;padding:15px;margin-bottom:20px;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:20px;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:#000;border:1px solid #444;color:#c8b598;padding:10px;font-family:Special Elite,cursive;font-size:1.2rem;width:200px;text-align:center;margin-bottom:20px}.ol-report{background:#e3dac9;color:#222;padding:20px;transform:rotate(1deg);box-shadow:5px 5px 15px #00000080;margin-bottom:20px;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%,#000 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:20px;display:flex;flex-direction:column;align-items:center}.game-header{text-align:center;color:#fff;margin-bottom:20px;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:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;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 8px 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:16px;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 20px;text-shadow:0 0 20px 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 20px #667eea66;margin-bottom:30px}.start-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #667eea99}.game-instructions{text-align:left;background:#0000004d;padding:20px;border-radius:8px;margin-top:20px}.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:20px;max-width:1200px;width:100%}.game-canvas{border:3px solid rgba(255,215,160,.3);border-radius:8px;box-shadow:0 0 30px #00000080;background:#1a2332}.hud{background:#1a2332e6;border:2px solid rgba(255,215,160,.3);border-radius:12px;padding:20px;width:300px;color:#fff;box-shadow:0 5px 20px #00000080}.stat-bars{margin-bottom:20px}.stat-bar{margin-bottom:15px}.stat-label{display:block;font-size:.9em;margin-bottom:5px;color:#b8c5d6}.bar-bg{background:#00000080;height:20px;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:8px;margin-bottom:20px}.info-item{margin:8px 0;font-size:.95em;color:#b8c5d6}.inventory-display{background:#0000004d;padding:15px;border-radius:8px}.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:8px;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:16px;padding:30px;min-width:400px;box-shadow:0 10px 50px #000c;z-index:100}.crafting-content h3{margin:0 0 20px;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:8px;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:8px;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 8px;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:16px;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 20px;text-shadow:0 0 20px rgba(255,215,160,.5)}.game-over-content p{color:#b8c5d6;font-size:1.2em;margin:10px 0}.survival-stats{background:#0000004d;padding:20px;border-radius:8px;margin:20px 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:12px 40px;font-size:1.1em;border-radius:8px;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 8px 20px #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 20px;margin:20px}.crafting-menu{min-width:90%;max-width:400px}}.recipes-list::-webkit-scrollbar{width:8px}.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:#f0f2f5;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:#1a1a1a;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:20px;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:8px;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:8px;height:8px;background:#ddd;border-radius:50%}.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:8px}.snake-head{width:90%;height:90%;border-radius:12px;cursor:pointer;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 8px #0003}.snake-head:after{content:"👀";font-size:1.2rem}.snake-tail{width:60%;height:60%;border-radius:50%}.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:8px;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: 8px;--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:20px;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:20px;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:20px;color:var(--dark-color);border-bottom:2px solid var(--primary-color);padding-bottom:10px}.file-upload{margin-bottom:20px}.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:14px}.controls{display:flex;flex-wrap:wrap;gap:15px;margin:20px 0}.decoder-select,.decoder-btn{padding:12px 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:20px;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:20px;margin-top:40px;color:#666;border-top:1px solid #ddd}.status-message{position:fixed;top:20px;right:20px;padding:15px 20px;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-color: #409eff;--success-color: #67c23a;--warning-color: #e6a23c;--danger-color: #f56c6c;--info-color: #909399;--bg-color: #f5f7fa;--border-color: #dcdfe6;--text-color: #606266;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);padding:20px;min-height:100vh}.json-wrapper{max-width:1200px;margin:0 auto;background:#fff;border-radius:8px;box-shadow:0 2px 12px #0000001a;overflow:visible;min-height:95vh;display:flex;flex-direction:column}.json-header{background:#fff;padding:15px 20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.json-header h1{font-size:20px;font-weight:500;color:var(--primary-color)}.json-settings{display:flex;align-items:center;font-size:14px}.json-settings input{margin-right:5px}.json-toolbar{padding:12px 20px;background:#f9f9f9;border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:10px;flex-shrink:0}.json-btn{padding:10px 18px;border:1px solid var(--border-color);background:#fff;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s;font-weight:500;white-space:nowrap}.json-btn:hover{background:#f5f7fa;transform:translateY(-1px);box-shadow:0 2px 6px #0000001a}.json-btn-primary{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.json-btn-primary:hover{background:#66b1ff;border-color:#66b1ff}.json-btn-success{background:var(--success-color);color:#fff;border-color:var(--success-color)}.json-btn-success:hover{background:#85ce61;border-color:#85ce61}.json-btn-danger{background:var(--danger-color);color:#fff;border-color:var(--danger-color)}.json-btn-danger:hover{background:#f78989;border-color:#f78989}.json-content{padding:20px;flex:1;display:flex;flex-direction:column;overflow:auto}.json-area-container{flex:1;display:flex;flex-direction:column;min-height:0}.json-area{width:100%;flex:1;border:2px solid var(--border-color);border-radius:8px;padding:20px;font-family:Consolas,Monaco,Courier New,monospace;font-size:15px;line-height:1.6;resize:none;outline:none;background-color:#fafbfc;transition:all .3s ease;min-height:600px}.json-area:focus{border-color:var(--primary-color);background-color:#fff;box-shadow:0 0 0 3px #409eff1a}.json-area.error{border-color:var(--danger-color);color:var(--danger-color);background-color:#fef0f0}.json-area.success{border-color:var(--success-color);background-color:#f0f9ff}.json-status-bar{display:flex;justify-content:space-between;margin:15px 0;font-size:14px;align-items:center}.json-tabs{display:flex;gap:10px}.json-tab{padding:6px 12px;border:1px solid var(--border-color);background:#f5f7fa;border-radius:4px;cursor:pointer;font-size:13px;transition:all .2s;color:var(--text-color)}.json-tab:hover{background:#e4e7ed}.json-tab.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.json-status-info{color:var(--info-color);font-size:13px;padding:5px 12px;background:#f5f7fa;border-radius:4px}.json-status-info.success{background:#f0f9ff;color:var(--success-color)}.json-status-info.error{background:#fef0f0;color:var(--danger-color)}.json-footer{padding:12px 20px;text-align:center;font-size:12px;color:var(--info-color);border-top:1px solid var(--border-color);background:#f9f9f9;flex-shrink:0}.json-history-panel{margin-top:20px;border-top:1px solid var(--border-color);padding-top:15px;flex-shrink:0}.json-history-title{font-size:14px;margin-bottom:15px;color:var(--info-color);font-weight:500}.json-history-list{display:flex;flex-wrap:wrap;gap:12px}.json-history-item{padding:12px 16px;background:#f8f9fa;border-radius:8px;font-size:13px;cursor:pointer;transition:all .3s;border:1px solid #e9ecef;text-align:center;min-width:120px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;height:44px;line-height:1.2}.json-history-item:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #409eff4d;border-color:var(--primary-color)}.json-editor-actions{display:flex;gap:10px;margin-top:15px}.json-action-btn{padding:8px 16px;background:#fff;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s;font-weight:500}.json-action-btn:hover{background:#f5f7fa;border-color:var(--primary-color)}@media (max-width: 768px){.json-toolbar{justify-content:center}.json-area{font-size:14px;padding:15px}.json-history-list{justify-content:center}.json-wrapper{height:auto;min-height:95vh}.json-history-item{padding:10px 14px;font-size:12px;min-width:100px;height:40px}.json-btn{padding:8px 12px;font-size:13px}}@media (max-width: 480px){.json-history-list{justify-content:space-between}.json-history-item{flex:1;min-width:calc(50% - 6px);margin-bottom:8px}.json-toolbar{gap:6px}.json-btn{padding:6px 10px;font-size:12px}}.dark-theme body{background-color:#2c3e50}.dark-theme .json-wrapper{background-color:#34495e;color:#ecf0f1}.dark-theme .json-area{background-color:#2c3e50;color:#ecf0f1;border-color:#7f8c8d}.dark-theme .json-header,.dark-theme .json-toolbar,.dark-theme .json-footer{background-color:#34495e;border-color:#2c3e50}.json-tree-view{width:100%;flex:1;border:2px solid var(--border-color);border-radius:8px;padding:20px;font-family:Consolas,Monaco,Courier New,monospace;font-size:15px;line-height:1.6;background-color:#fafbfc;overflow:auto;min-height:600px}.json-node-line{display:flex;align-items:center;white-space:pre}.json-node-container{display:flex;flex-direction:column}.json-node-header{display:flex;align-items:center;cursor:pointer;white-space:pre}.json-node-header:hover{background-color:#409eff0d}.json-toggle{display:inline-block;width:20px;text-align:center;font-size:10px;color:var(--info-color);transition:transform .2s}.json-toggle.collapsed{transform:rotate(-90deg)}.json-key{color:brown;font-weight:500}.json-string{color:#228b22}.json-number{color:#00f}.json-boolean{color:#ff8c00}.json-null{color:gray;font-style:italic}.json-comma,.json-bracket{color:var(--text-color)}.json-collapsed-hint{background:#ebeef5;border-radius:3px;padding:0 4px;font-size:12px;margin:0 4px;color:var(--info-color)}.dark-theme .json-tree-view{background-color:#2c3e50;color:#ecf0f1;border-color:#7f8c8d}.dark-theme .json-key{color:coral}.dark-theme .json-string{color:#90ee90}.dark-theme .json-number{color:#87ceeb}.dark-theme .json-boolean{color:khaki}.dark-theme .json-null{color:#bdc3c7}.dark-theme .json-bracket,.dark-theme .json-comma{color:#ecf0f1}.dark-theme .json-collapsed-hint{background:#455a64;color:#bdc3c7}.dark-theme .json-tab{background:#2c3e50;color:#ecf0f1;border-color:#7f8c8d}.dark-theme .json-tab.active{background:var(--primary-color);border-color:var(--primary-color)}.sf-container{min-height:100vh;background:#fff;padding:32px 24px;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:16px}.sf-header h1{font-size:24px;color:#333;margin:0 0 8px;font-weight:700}.sf-subtitle{color:#999;font-size:13px;margin:0}.sf-editor-box{border:1px solid #ddd;border-radius:4px;overflow:hidden;margin-bottom:16px;display:flex;position:relative}.sf-line-numbers{background:#f7f7f7;padding:16px 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 12px 0 8px;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:14px;line-height:1.6;color:#aaa;min-width:20px}.sf-textarea{flex:1;min-height:500px;padding:16px;border:none;resize:vertical;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:14px;line-height:1.6;color:#333;outline:none;background:#fff;box-sizing:border-box;-moz-tab-size:4;tab-size:4}.sf-textarea::placeholder{color:#ccc}.sf-actions{display:flex;gap:12px;flex-wrap:wrap}.sf-btn{padding:8px 24px;border:1px solid;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;background:#fff}.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:24px;left:50%;transform:translate(-50%);padding:10px 24px;border-radius:6px;color:#fff;z-index:10000;box-shadow:0 4px 16px #00000026;animation:sfFadeIn .25s ease;font-size:14px;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%,-16px)}to{opacity:1;transform:translate(-50%)}}@media (max-width: 600px){.sf-container{padding:16px 12px}.sf-textarea{min-height:300px;font-size:13px}.sf-btn{padding:7px 16px;font-size:13px}.sf-header h1{font-size:20px}}.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:20px 20px 16px;position:relative}.td-back{position:absolute;left:20px;top:20px;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:#fff}.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:8px;padding:0 20px;margin-bottom:16px}.td-tab{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px 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 20px;margin-bottom:16px}.td-textarea{width:100%;padding:16px;border:1.5px solid rgba(255,255,255,.1);border-radius:16px;background:#ffffff0d;color:#e4e6eb;font-size:.95rem;line-height:1.6;resize:none;box-sizing:border-box;margin-bottom:12px;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:8px}.td-btn{padding:12px 18px;border-radius:12px;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:8px 16px;font-size:.82rem;border-radius:10px}.td-toast{margin:0 20px 16px;padding:12px 16px;border-radius:12px;text-align:center;font-weight:600;font-size:.88rem;animation:td-slide-in .3s ease}@keyframes td-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.td-toast-success{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.td-toast-error{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.td-result{padding:0 20px}.td-info-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:20px;margin-bottom:16px}.td-info-top{display:flex;gap:14px;align-items:flex-start}.td-cover{width:90px;height:120px;object-fit:cover;border-radius:12px;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:8px;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 8px;border-radius:6px;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:8px 4px}.td-stat-num{display:block;font-size:1.05rem;font-weight:800;color:#fff}.td-stat-label{font-size:.68rem;color:#fff6}.td-download-section{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:20px;margin-bottom:16px}.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 16px;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:8px}.td-image-item{position:relative;border-radius:12px;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:8px;opacity:0;transition:opacity .2s}.td-image-item:hover .td-image-overlay{opacity:1}.td-image-idx{background:#ff2d55cc;color:#fff;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:#fff;width:28px;height:28px;border-radius:8px;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:12px}.td-raw-data summary{padding:12px 16px;cursor:pointer;font-size:.85rem;color:#ffffff80;font-weight:600}.td-raw-data pre{padding:0 16px 16px;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 20px}.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:16px 10px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.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 16px 12px}.td-back{left:12px;top:14px;padding:5px 10px;font-size:.8rem}.td-title{font-size:1.2rem}.td-tabs{padding:0 16px;gap:6px}.td-tab{padding:10px 6px;border-radius:12px}.td-input-area,.td-result{padding:0 16px}.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 16px}.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:24px;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:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#e4e6eb;padding:0}.dsc-wrapper{width:100%;max-width:720px;padding:0 0 60px}.dsc-header{padding:20px 20px 12px;position:relative}.dsc-back{position:absolute;left:20px;top:20px;background:#ffffff0f;border:none;color:#fff9;padding:6px 14px;border-radius:10px;cursor:pointer;font-size:.85rem;font-weight:600}.dsc-back:hover{background:#ffffff1f;color:#fff}.dsc-header-center{text-align:center}.dsc-title{font-size:1.5rem;font-weight:800;margin:0;background:linear-gradient(135deg,#4facfe,#00f2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dsc-subtitle{font-size:.82rem;color:#ffffff59;margin:4px 0 0}.dsc-status{display:flex;align-items:center;gap:8px;justify-content:center;padding:6px 0 16px;font-size:.8rem;color:#fff6}.dsc-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;display:inline-block}.dsc-dot.active{background:#facc15;animation:dsc-pulse 1s infinite}@keyframes dsc-pulse{0%,to{opacity:1}50%{opacity:.4}}.dsc-input-section{padding:0 20px;margin-bottom:16px}.dsc-textarea{width:100%;padding:16px;border:1.5px solid rgba(79,172,254,.15);border-radius:16px;background:#ffffff0a;color:#e4e6eb;font-size:.95rem;line-height:1.6;resize:none;box-sizing:border-box;transition:border-color .2s}.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:10px}.dsc-hint{font-size:.75rem;color:#ffffff40}.dsc-send-btn{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#0a0a1a;border:none;padding:10px 28px;border-radius:12px;font-weight:700;font-size:.92rem;cursor:pointer;transition:all .2s}.dsc-send-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.dsc-send-btn:disabled{opacity:.4;cursor:not-allowed}.dsc-quick{padding:0 20px;margin-bottom:20px}.dsc-quick-title{font-size:.85rem;color:#fff6;margin-bottom:10px;text-align:center}.dsc-quick-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.dsc-quick-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#ffffffb3;padding:8px 16px;border-radius:20px;font-size:.82rem;cursor:pointer;transition:all .2s;white-space:nowrap}.dsc-quick-btn:hover{background:#4facfe1a;border-color:#4facfe4d;color:#4facfe}.dsc-steps{padding:0 20px;margin-bottom:16px;display:flex;flex-direction:column;gap:6px}.dsc-step{display:flex;align-items:center;gap:10px;background:#ffffff08;border-radius:10px;padding:10px 14px;font-size:.85rem;color:#fff9;animation:dsc-fade-in .3s ease}@keyframes dsc-fade-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.dsc-step.done{color:#4ade80}.dsc-step-num{width:24px;height:24px;border-radius:7px;background:#4facfe26;color:#4facfe;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.dsc-step.done .dsc-step-num{background:#4ade8026}.dsc-error{margin:0 20px 16px;padding:14px;border-radius:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444;font-size:.88rem;font-weight:600}.dsc-answer{margin:0 20px 20px;background:#ffffff0d;border:1px solid rgba(79,172,254,.12);border-radius:20px;overflow:hidden;animation:dsc-fade-in .4s ease}.dsc-answer-header{display:flex;align-items:center;gap:8px;padding:14px 18px;background:#4facfe0f;border-bottom:1px solid rgba(255,255,255,.05)}.dsc-answer-icon{font-size:1.2rem}.dsc-answer-label{font-weight:700;font-size:.92rem;flex:1}.dsc-copy-btn{background:#ffffff14;border:none;color:#fff9;padding:5px 12px;border-radius:8px;cursor:pointer;font-size:.78rem;font-weight:600}.dsc-copy-btn:hover{background:#ffffff26;color:#fff}.dsc-answer-content{padding:18px;font-size:.9rem;line-height:1.8;color:#ffffffd9;max-height:600px;overflow-y:auto}.dsc-answer-content p{margin:0 0 8px}.dsc-answer-meta{padding:10px 18px;border-top:1px solid rgba(255,255,255,.05);font-size:.78rem}.dsc-answer-meta a{color:#4facfe;text-decoration:none}.dsc-answer-meta a:hover{text-decoration:underline}.dsc-history{padding:0 20px;margin-bottom:20px}.dsc-history-title{font-size:.9rem;font-weight:700;color:#ffffff80;margin:0 0 10px}.dsc-history-item{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:12px 14px;margin-bottom:8px;cursor:pointer;transition:all .2s}.dsc-history-item:hover{background:#ffffff0f;border-color:#4facfe26}.dsc-history-q{font-weight:700;font-size:.85rem;color:#4facfe;margin-bottom:4px}.dsc-history-a{font-size:.78rem;color:#ffffff73;line-height:1.5}.dsc-history-time{font-size:.7rem;color:#fff3;margin-top:4px}.dsc-info{margin:0 20px;padding:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:16px}.dsc-info h4{font-size:.9rem;font-weight:700;color:#ffffff80;margin:0 0 12px}.dsc-info-steps{display:flex;flex-direction:column;gap:8px}.dsc-info-step{display:flex;align-items:center;gap:10px;font-size:.82rem;color:#ffffff80}.dsc-info-step span{width:22px;height:22px;border-radius:6px;background:#4facfe1a;color:#4facfe;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;flex-shrink:0}.dsc-info-note{font-size:.75rem;color:#ffffff40;margin:12px 0 0}@media (max-width: 600px){.dsc-header{padding:14px 16px 10px}.dsc-back{left:12px;top:14px}.dsc-title{font-size:1.2rem}.dsc-input-section,.dsc-quick,.dsc-steps,.dsc-answer,.dsc-history,.dsc-info{margin-left:16px;margin-right:16px;padding-left:16px;padding-right:16px}.dsc-input-section{padding:0 16px}.dsc-quick-grid{justify-content:flex-start}}@media (min-width: 721px){.dsc-container{padding:30px 0}.dsc-wrapper{border-radius:24px;border:1px solid rgba(255,255,255,.05);overflow:hidden}}.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:#1a1a1a;margin-bottom:.5rem;background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.splitter-subtitle{color:#6b7280;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 #e5e7eb}.upload-area{border:2px dashed #d1d5db;border-radius:.75rem;padding:2rem;text-align:center;cursor:pointer;transition:all .2s;margin-bottom:2rem}.upload-area:hover{border-color:#6366f1;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 #d1d5db;border-radius:.5rem;background:#fff;color:#374151;font-weight:500;cursor:pointer;transition:all .2s}.grid-btn:hover{border-color:#6366f1;color:#6366f1}.grid-btn.active{background:#6366f1;color:#fff;border-color:#6366f1}.custom-inputs{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.input-wrapper{position:relative}.custom-input{width:100%;padding:.75rem;border:1px solid #d1d5db;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,#6366f1,#a855f7);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:#e5e7eb;border:1px solid #e5e7eb;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 #d1d5db;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:#6366f1;color:#6366f1}@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 #e5e7eb}}.image-flip-container{max-width:1200px;margin:0 auto;padding:40px 20px;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,#6366f1,#a855f7);-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:#fff;border-radius:24px;padding:30px;box-shadow:0 10px 40px #00000014}.controls-panel{display:flex;flex-direction:column;gap:24px;padding-right:30px;border-right:1px solid #eee}.upload-section{width:100%}.upload-btn{width:100%;padding:16px;border:2px dashed #e2e8f0;border-radius:12px;background:#f8fafc;color:#64748b;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.upload-btn:hover{border-color:#6366f1;color:#6366f1;background:#eef2ff}.control-group{display:flex;flex-direction:column;gap:12px}.group-label{font-size:.9rem;font-weight:600;color:#1e293b;text-transform:uppercase;letter-spacing:.05em}.btn-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.action-btn{padding:12px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;color:#475569;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.action-btn:hover{border-color:#cbd5e1;background:#f8fafc;transform:translateY(-1px)}.action-btn.active{background:#eef2ff;border-color:#6366f1;color:#6366f1}.action-btn.primary{background:#6366f1;color:#fff;border:none;box-shadow:0 4px 12px #6366f133}.action-btn.primary:hover{background:#4f46e5;transform:translateY(-2px);box-shadow:0 6px 16px #6366f14d}.preview-area{background:#f8fafc;border-radius:16px;min-height:400px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;background-image:radial-gradient(#e2e8f0 1px,transparent 1px);background-size:20px 20px}.empty-state{text-align:center;color:#94a3b8}.preview-image{max-width:100%;max-height:600px;object-fit:contain;transition:transform .3s ease;box-shadow:0 20px 40px #0000001a}.preview-info{position:absolute;bottom:16px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:6px 16px;border-radius:20px;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:24px}}.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:8px;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:20px;padding:2.5rem;box-shadow:0 20px 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:16px;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:8px;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 8px 20px #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 8px 20px #11998e66}.clear-button{background:linear-gradient(135deg,#ee0979,#ff6a00);color:#fff}.clear-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ee097966}.format-info{text-align:center;margin-top:1.5rem;padding:1rem;background:#667eea1a;border-radius:8px;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:20px;padding:2.5rem;box-shadow:0 20px 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:20px;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:12px;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 8px 25px #00000026}.frame-preview{width:100%;height:150px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:8px;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:6px;cursor:pointer;font-weight:600;transition:all .3s ease}.download-button:hover{transform:scale(1.05);box-shadow:0 4px 12px #667eea66}.usage-guide{background:#fffffff2;border-radius:20px;padding:2rem;box-shadow:0 20px 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:20px}.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:8px 12px;border-radius:8px;cursor:pointer;font-size:13px;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:20px;margin-bottom:30px}.upload-card{background:#fff;border-radius:20px;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(-8px) scale(1.02);box-shadow:0 20px 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 20px;color:#1a1a1a;font-size:1.4em;font-weight:700}.config-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px}.config-card{background:#fff;border-radius:16px;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:12px;border:2px solid #e0e0e0;border-radius:8px;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:8px;padding:10px;background:#f5f5f5;border-radius:8px;cursor:pointer;transition:all .3s;border:2px solid transparent}.warning-message{margin-top:15px;padding:12px;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;font-size:.9em}.headers-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px}.headers-card{background:#fff;border-radius:12px;padding:20px;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 12px;background:#e8eaf6;color:#5c6bc0;border-radius:6px;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:16px;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:20px;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:20px;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:20px;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:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;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:12px;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:20px}.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:8px;text-align:center;cursor:pointer;font-weight:600;transition:all .3s ease;margin-bottom:20px}.upload-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.file-name{color:#27ae60;font-weight:600}.encoding-selector{margin-bottom:20px}.encoding-selector label{display:block;margin-bottom:8px;font-weight:600;color:#2c3e50}.encoding-select{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px}.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:6px}.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:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:20px}.duplicate-card h3{color:#856404;margin-bottom:15px}.duplicate-list{display:flex;flex-wrap:wrap;gap:10px}.duplicate-tag{background:#fff3cd;border:1px solid #ffeaa7;padding:6px 12px;border-radius:20px;font-size:.9em;color:#856404}.config-section{margin-bottom:30px}.config-card{background:#fff;border-radius:12px;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:20px}.columns-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-bottom:20px}.column-checkbox{display:flex;align-items:center;padding:12px;background:#f8f9fa;border-radius:6px;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:12px;border-radius:6px;font-weight:600}.action-section{display:flex;gap:15px;justify-content:center;margin-bottom:30px}.compare-btn,.reset-btn{padding:12px 30px;border:none;border-radius:8px;font-size:16px;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 8px 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:20px;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:20px}.result-header h3{color:#2c3e50;margin:0}.export-btn{background:#27ae60;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s ease}.export-btn:hover{background:#219a52;transform:translateY(-1px)}.result-table-container{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 15px #0000001a}.result-table th{background:#34495e;color:#fff;padding:12px;text-align:left;font-weight:600}.result-table th.new-column{background:#27ae60}.result-table td{padding:10px 12px;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:12px;padding:25px;box-shadow:0 4px 15px #0000001a;border:1px solid #e1e8ed}.help-section h3{color:#2c3e50;margin-bottom:20px}.help-section ol{margin-bottom:20px;padding-left:20px}.help-section li{margin-bottom:8px;color:#2c3e50}.help-example{background:#f8f9fa;padding:15px;border-radius:6px;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:8px 10px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}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:20px}.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 20px;border-radius:8px;cursor:pointer;font-size:14px;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:20px;margin-bottom:30px}.upload-card,.json-config-card{background:#fff;border-radius:16px;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:20px}.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 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;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:8px;font-weight:500}.encoding-select{width:100%;padding:10px;border:2px solid #e0e0e0;border-radius:8px;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:20px}.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:8px;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:6px;color:#c62828;font-size:.9em}.json-success{margin-top:10px;padding:10px;background:#e8f5e9;border:1px solid #4caf50;border-radius:6px;color:#2e7d32;font-size:.9em}.columns-section{margin-bottom:30px}.columns-card{background:#fff;border-radius:16px;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:8px;padding:12px;background:#f5f5f5;border-radius:8px;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:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;font-size:.95em}.headers-preview{background:#fff;border-radius:12px;padding:20px;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:8px}.header-tag{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#e8eaf6;color:#5c6bc0;border-radius:6px;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:20px;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:16px;padding:25px;box-shadow:0 10px 30px #0003;margin-bottom:30px}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;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 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;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:8px;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:12px;text-align:left;border-bottom:1px solid #e0e0e0}.result-table th{position:relative}.translated-badge{display:inline-block;margin-left:8px;padding:2px 8px;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:#fffbea;border-top:2px solid #ffd700;font-size:.95em}.help-section{background:#fff;border-radius:16px;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 20px;padding-left:25px;line-height:1.8;color:#555}.help-section li{margin-bottom:8px}.help-example{background:#f9f9f9;padding:20px;border-radius:8px;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:20px;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:12px;padding:30px;box-shadow:0 4px 20px #00000014}.url-tool-header{margin-bottom:30px;text-align:center}.url-tool-header h1{font-size:24px;color:var(--text-primary);margin-bottom:10px}.url-tool-header p{color:var(--text-secondary);font-size:14px}.section-label{font-weight:600;margin-bottom:10px;color:var(--text-primary);display:flex;align-items:center}.section-label.sub{margin-top:20px;font-size:15px}.url-textarea{width:100%;height:150px;padding:15px;border:1px solid var(--border-color);border-radius:8px;background-color:var(--input-bg);color:var(--text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;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:20px 0}.tool-btn{padding:8px 16px;border-radius:6px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);cursor:pointer;font-size:14px;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}.status-banner{padding:10px 15px;border-radius:6px;margin-bottom:20px;font-size:14px}.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:#fff1f0;color:#cf1322;border:1px solid #ffa39e}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;margin-top:20px}.copy-btn{padding:4px 12px;font-size:12px;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:20px;border-radius:8px;margin-top:10px}.parsed-item{display:flex;flex-direction:column;gap:5px}.item-key{font-size:12px;color:var(--text-secondary);font-weight:600}.item-value{font-family:monospace;font-size:14px;color:var(--text-primary);word-break:break-all}.params-table{width:100%;border-collapse:collapse;margin-top:10px;background:var(--bg-secondary);border-radius:8px;overflow:hidden}.params-table th,.params-table td{padding:12px;text-align:left;border-bottom:1px solid var(--border-color)}.params-table th{background:#00000005;font-size:13px;color:var(--text-secondary)}.params-table td{font-size:14px}.params-table code{background:#0000000d;padding:2px 5px;border-radius:3px;word-break:break-all}.url-tool-footer{margin-top:40px;padding-top:20px;border-top:1px solid var(--border-color);text-align:center;color:var(--text-secondary);font-size:13px}@media (max-width: 600px){.url-tool-wrapper{padding:15px}.toolbar{justify-content:center}.tool-btn{flex:1 1 40%}}.transcode-container{padding:20px;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:12px;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:8px}.transcode-layout{display:flex;gap:30px}.transcode-sidebar{width:220px;flex-shrink:0;display:flex;flex-direction:column;gap:10px}.cat-item{padding:12px 15px;border-radius:8px;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:12px;opacity:.8}.transcode-main{flex-grow:1;display:flex;flex-direction:column;gap:20px}.input-group label,.output-group label{display:block;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.hint{font-size:12px;color:var(--text-secondary);margin-bottom:10px}textarea{width:100%;height:180px;padding:15px;border:1px solid var(--border-color);border-radius:8px;background:var(--input-bg);color:var(--text-primary);font-family:Monaco,monospace;font-size:14px;line-height:1.6;resize:none}textarea:focus{outline:none;border-color:var(--accent-color)}.action-bar{display:flex;gap:12px}.btn{padding:10px 24px;border-radius:6px;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:6px;font-size:14px}.status-msg.success{background:#f6ffed;color:#389e0d;border:1px solid #b7eb8f}.status-msg.error{background:#fff1f0;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 12px;border-radius:4px;font-size:12px;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-container{padding:20px;background:var(--bg-secondary);min-height:calc(100vh - 100px);display:flex;justify-content:center}.data-converter-wrapper{width:100%;max-width:1000px;background:var(--card-bg);padding:30px;border-radius:12px;box-shadow:0 5px 20px #0000001a}.header h1{font-size:26px;color:var(--text-primary);margin-bottom:10px}.tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px;border-bottom:1px solid var(--border-color);padding-bottom:15px}.tabs button{padding:8px 16px;border-radius:20px;border:1px solid var(--border-color);background:transparent;cursor:pointer;font-size:14px;transition:all .2s;color:var(--text-secondary)}.tabs button.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.main-content{display:flex;flex-direction:column;gap:20px}textarea{width:100%;height:200px;padding:15px;border:1px solid var(--border-color);border-radius:8px;font-family:monospace;font-size:14px;background:var(--input-bg);color:var(--text-primary)}.convert-btn{width:100%;padding:12px;background:var(--accent-color);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;margin-top:10px}.status{padding:10px;border-radius:6px;font-size:14px}.output-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.output-header button{padding:4px 12px;font-size:12px;border:1px solid var(--accent-color);color:var(--accent-color);background:transparent;cursor:pointer;border-radius:4px}.upload-section{padding:40px;border:2px dashed var(--border-color);border-radius:12px;text-align:center}.upload-box input{display:none}.upload-box label{cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:15px}.upload-box .icon{font-size:40px}.rsa-tool-container{padding:20px;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:12px;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:20px;background:#00000005;border-radius:8px}.settings{display:flex;gap:15px;margin-bottom:15px}.settings select,.settings button{padding:8px 15px;border-radius:6px;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:20px}.key-box label,.input-box label,.output-box label{display:block;font-weight:600;margin-bottom:8px;font-size:14px}.key-box textarea{height:120px;font-size:12px}textarea{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:6px;background:var(--input-bg);color:var(--text-primary);font-family:monospace;resize:none}.process-section{display:flex;flex-direction:column;gap:20px}.input-box textarea,.output-box textarea{height:150px}.actions{display:flex;gap:15px}.btn{flex:1;padding:12px;border:none;border-radius:6px;font-weight:600;cursor:pointer;color:#fff}.btn.encrypt{background:#4a90e2}.btn.decrypt{background:#52c41a}.status{padding:10px;border-radius:6px;font-size:14px;text-align:center}.status.success{background:#f6ffed;color:#389e0d;border:1px solid #b7eb8f}.status.error{background:#fff1f0;color:#cf1322;border:1px solid #ffa39e}@media (max-width: 768px){.keys-grid{grid-template-columns:1fr}.actions{flex-direction:column}}.regex-tool-container{padding:20px;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:12px;box-shadow:0 4px 20px #0000001a}.label-row{font-weight:600;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;color:var(--text-primary);font-size:14px}.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:8px;padding:0 15px}.input-with-slash input{flex-grow:1;border:none;background:transparent;padding:12px 10px;font-family:monospace;font-size:16px;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:13px;cursor:pointer;display:flex;align-items:center;gap:4px}.common-regex{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.common-regex span{font-size:13px;color:var(--text-secondary);align-self:center}.common-regex button{padding:4px 10px;font-size:12px;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:20px;margin-bottom:20px}textarea{width:100%;height:200px;padding:12px;border:1px solid var(--border-color);border-radius:8px;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:8px;padding:10px}.match-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;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:12px;border:1px solid var(--border-color);border-radius:8px;background:var(--input-bg);color:var(--text-primary);margin-bottom:15px}.replace-preview .preview-content{background:#f6ffed;padding:12px;border-radius:8px;border:1px solid #b7eb8f;font-family:monospace;word-break:break-all}.code-gen-section .code-btns{display:flex;gap:12px}.code-btns button{padding:8px 16px;background:var(--accent-color);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600}.status{margin-top:20px;padding:10px;border-radius:6px;text-align:center;font-size:14px}.status.success{background:#f6ffed;color:#389e0d}.status.error{background:#fff1f0;color:#cf1322}@media (max-width: 768px){.test-grid{grid-template-columns:1fr}}.web-utility-container{padding:20px;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:12px;box-shadow:0 4px 20px #0000001a}.header{text-align:center;margin-bottom:25px}.header h1{font-size:26px;color:var(--text-primary);margin-bottom:8px}.tab-header{display:flex;gap:10px;border-bottom:1px solid var(--border-color);margin-bottom:25px}.tab-header button{padding:10px 20px;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:20px;border-radius:8px;border:1px solid var(--border-color)}.ua-full{font-family:monospace;font-size:14px;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:20px}.ua-item label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:4px}.ua-item span{font-weight:600;font-size:16px;color:var(--text-primary)}.filter-controls{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.filter-controls button{padding:6px 15px;border-radius:4px;border:1px solid var(--border-color);background:var(--card-bg);cursor:pointer;font-size:13px}.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:20px}.filter-grid textarea{height:300px;padding:15px;border:1px solid var(--border-color);border-radius:8px;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:12px;text-align:left;border-bottom:1px solid var(--border-color)}.entities-table th{background:#00000005;font-size:14px;color:var(--text-secondary)}.char{font-size:20px}code{background:#0000000d;padding:2px 6px;border-radius:4px}.copy-btn{padding:4px 10px;font-size:12px;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:20px;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:12px}.request-bar{display:flex;gap:10px;margin-bottom:25px}.request-bar select{padding:10px;border-radius:6px;border:1px solid var(--border-color);background:var(--card-bg)}.request-bar input{flex-grow:1;padding:10px;border-radius:6px;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:6px;cursor:pointer}.config-section{margin-bottom:20px}.section-title{font-weight:600;margin-bottom:10px}.header-row{display:flex;gap:10px;margin-bottom:8px}.header-row input{flex:1;padding:8px;border-radius:4px;border:1px solid var(--border-color)}.add-btn{font-size:13px;color:var(--accent-color);background:transparent;border:none;cursor:pointer}.response-section{margin-top:30px;padding-top:20px;border-top:1px solid var(--border-color)}.info-bar{display:flex;gap:20px;margin-bottom:10px;font-size:14px}.status{font-weight:700}.code-200{color:#52c41a}.response-data textarea{width:100%;height:300px;padding:15px;border-radius:8px;font-family:monospace;background:#1e1e1e;color:#d4d4d4}.text-editor-container{padding:20px;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:12px}.stats-bar-top{display:flex;flex-wrap:wrap;gap:20px;background:var(--bg-secondary);padding:15px;border-radius:8px;margin-bottom:20px;border:1px solid var(--border-color)}.stat-item{font-size:13px;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:20px;margin-bottom:25px}textarea{width:100%;height:350px;padding:15px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;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:8px}.group-label{font-weight:600;font-size:14px;color:var(--text-secondary);min-width:80px}.action-group button{padding:8px 16px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);border-radius:6px;cursor:pointer;font-size:13px;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:#fff1f0}.status-bar{margin-top:20px;padding:10px;border-radius:6px;text-align:center}.status-bar.success{background:#f6ffed;color:#389e0d}.status-bar.error{background:#fff1f0;color:#cf1322}@media (max-width: 768px){.editor-layout{grid-template-columns:1fr}textarea{height:200px}}.md-editor-container{padding:20px;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:12px}.md-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;height:600px;margin-top:20px}.md-input{width:100%;height:100%;padding:20px;border:1px solid var(--border-color);border-radius:8px;font-family:Monaco,monospace;font-size:14px;line-height:1.6;background:var(--input-bg);color:var(--text-primary);resize:none}.md-preview{width:100%;height:100%;padding:20px;border:1px solid var(--border-color);border-radius:8px;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:20px;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:12px}.wechat-layout{display:grid;grid-template-columns:1fr 400px;gap:30px;margin-top:20px}textarea{height:500px;padding:20px;border:1px solid var(--border-color);border-radius:8px;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:20px}.phone-mockup{width:340px;height:600px;background:#fff;border:12px solid #333;border-radius:40px;overflow:hidden;box-shadow:0 20px 50px #0003;display:flex;flex-direction:column}.phone-header{background:#f8f8f8;padding:15px;text-align:center;font-size:14px;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:6px;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:20px}.tool-header{text-align:center;margin-bottom:30px}.tool-header h1{font-size:28px;color:var(--text-primary);margin-bottom:8px}.tool-main-layout{display:grid;grid-template-columns:280px 1fr 280px;gap:20px}.file-panel{background:var(--card-bg);border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000d;height:fit-content}.upload-area{margin-bottom:20px}.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:12px;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:12px;color:var(--text-tertiary);margin-top:5px}.spinner{width:24px;height:24px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:10px}.error-message{background:#fef2f2;color:#dc2626;padding:12px;border-radius:8px;font-size:13px;margin-top:15px}.file-info{display:flex;align-items:center;gap:10px;padding:12px;background:var(--bg-hover);border-radius:8px;margin-top:15px}.file-icon{font-size:24px}.file-name-display{flex:1;font-size:13px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slide-list{margin-top:20px;border-top:1px solid var(--border-color);padding-top:15px}.slide-list-header{font-weight:600;color:var(--text-primary);margin-bottom:12px}.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:8px;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:12px;color:var(--text-secondary);min-width:24px;text-align:center;background:var(--card-bg);padding:2px 6px;border-radius:4px}.slide-title{flex:1;font-size:13px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clear-btn{padding:4px 8px;background:none;border:none;color:var(--text-tertiary);font-size:14px;cursor:pointer;transition:all .2s;border-radius:4px}.clear-btn:hover{background:#fee2e2;color:#ef4444}.preview-panel{background:var(--card-bg);border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000d}.canvas-container{background:#000;border-radius:8px;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:64px;display:block;margin-bottom:16px}.placeholder .hint{font-size:12px;margin-top:8px}.preview-canvas{max-width:100%;max-height:500px;border-radius:4px}.controls{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:20px;padding:15px;background:var(--bg-secondary);border-radius:8px}.control-btn{width:44px;height:44px;border-radius:50%;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:24px;background:var(--primary);color:#fff}.play-btn:hover:not(:disabled){background:var(--primary-dark)}.slide-indicator{font-weight:600;color:var(--text-primary);padding:8px 16px;background:var(--card-bg);border-radius:20px}.settings-panel{display:flex;gap:20px;margin-top:15px;padding:15px;background:var(--bg-secondary);border-radius:8px}.setting-item{display:flex;align-items:center;gap:10px}.setting-item label{font-size:13px;color:var(--text-secondary)}.setting-item select{padding:6px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--card-bg);color:var(--text-primary);font-size:13px;cursor:pointer}.export-panel{height:fit-content}.export-card{background:var(--card-bg);border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000d}.export-card h3{font-size:16px;margin-bottom:16px;color:var(--text-primary)}.record-btn{width:100%;padding:14px;background:var(--primary);color:#fff;border:none;border-radius:8px;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:8px;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:8px;font-size:14px;font-weight:600;color:var(--primary)}.video-result{margin-top:20px;padding-top:15px;border-top:1px solid var(--border-color)}.preview-video{width:100%;border-radius:8px;margin-bottom:12px}.download-btn{width:100%;padding:12px;background:var(--bg-secondary);border:2px solid var(--primary);color:var(--primary);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.download-btn:hover{background:var(--primary);color:#fff}.tips{margin-top:20px;padding:15px;background:var(--bg-secondary);border-radius:8px}.tips h4{font-size:14px;margin-bottom:10px;color:var(--text-primary)}.tips ul{margin:0;padding-left:18px;font-size:12px;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 20px}.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 8px}.ch-title-icon{margin-right:8px}.ch-desc{color:#94a3b8;font-size:.95rem;margin:0 0 12px}.ch-badges{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}.ch-badge{padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:600}.ch-badge.png{background:#3b82f626;color:#60a5fa}.ch-badge.jpg{background:transparent;color:#94a3b8;font-size:1rem}.ch-badge.gif{background:#ef444426;color:#f87171}.ch-badge-sep{color:#475569}.ch-badge-hint{color:#64748b;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 16px;margin-bottom:16px;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:16px;align-items:start}@media (max-width: 900px){.ch-workspace{grid-template-columns:1fr}}.ch-left-panel{display:flex;flex-direction:column;gap:12px}.ch-settings-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px}.ch-settings-title{font-size:.95rem;color:#e2e8f0;margin:0 0 12px}.ch-setting-item{margin-bottom:14px}.ch-setting-item label{display:block;font-size:.82rem;color:#94a3b8;margin-bottom:6px}.ch-input{width:100%;padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#e2e8f0;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:16px;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:#64748b;font-size:.85rem}.ch-upload-hint-mini span:first-child{font-size:1.5rem}.ch-uploaded{display:flex;flex-direction:column;gap:2px;color:#a5b4fc;font-size:.85rem}.ch-file-size{color:#64748b;font-size:.75rem}.ch-uploading{color:#a5b4fc;font-size:.85rem;display:flex;align-items:center;justify-content:center;gap:8px}.ch-btn-reset-small{width:100%;padding:8px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:transparent;color:#64748b;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 12px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#94a3b8;cursor:pointer;font-size:.8rem;transition:all .2s}.ch-size-btn:hover{border-color:#6366f166;color:#c7d2fe}.ch-size-btn.active{border-color:#6366f199;background:#6366f126;color:#a5b4fc;font-weight:600}.ch-slider{width:100%;accent-color:#6366f1}.ch-slider-labels{display:flex;justify-content:space-between;font-size:.7rem;color:#475569;margin-top:2px}.ch-btn-convert{width:100%;padding:12px;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;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:#94a3b8;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:6px}.ch-btn-api:hover:not(:disabled){background:#ffffff1a;color:#e2e8f0}.ch-btn-api:disabled{opacity:.5;cursor:not-allowed}.ch-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;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 12px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:#cbd5e1;cursor:pointer;font-size:.85rem;text-align:left;transition:all .2s}.ch-template-btn:hover{border-color:#6366f166;background:#6366f114;color:#e2e8f0}.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:12px 12px 0 0;overflow:hidden}.ch-tab{flex:1;padding:10px 16px;border:none;background:transparent;color:#64748b;cursor:pointer;font-size:.85rem;transition:all .2s;border-bottom:2px solid transparent}.ch-tab:hover{color:#94a3b8;background:#ffffff08}.ch-tab.active{color:#a5b4fc;border-bottom-color:#6366f1;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 12px 12px;overflow:hidden;background:#0f172a99}.ch-editor{flex:1;min-height:500px;padding:16px;border:none;resize:none;background:transparent;color:#a5b4fc;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:#475569}.ch-editor-footer{display:flex;align-items:center;justify-content:space-between;padding:6px 16px;border-top:1px solid rgba(255,255,255,.06);background:#ffffff05;color:#475569;font-size:.75rem}.ch-btn-clear{padding:2px 10px;border-radius:4px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#64748b;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 12px 12px;overflow:hidden;min-height:500px}.ch-preview-iframe{width:100%;height:100%;min-height:500px;border:none;background:#fff;border-radius:0 0 12px 12px}.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 12px 12px;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:#fff}.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 12px 12px;color:#64748b}.ch-empty-icon{font-size:3rem;margin-bottom:12px}.ch-empty-result p{margin:0;font-size:1rem;color:#94a3b8}.ch-features{margin-top:40px}.ch-features h2{text-align:center;font-size:1.5rem;color:#e2e8f0;margin:0 0 24px}.ch-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.ch-feature-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px 16px;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:8px}.ch-feature-card h3{font-size:.95rem;color:#e2e8f0;margin:0 0 4px}.ch-feature-card p{font-size:.8rem;color:#64748b;margin:0;line-height:1.4}.dev-nav-header{text-align:center;margin:60px 0 40px;padding:0 20px}.dev-nav-header h1{font-size:36px;font-weight:800;background:linear-gradient(135deg,var(--text-primary),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:16px;letter-spacing:-1px}.dev-nav-header p{color:var(--text-secondary);font-size:16px;margin-bottom:30px}.search-wrapper{position:relative;max-width:600px;margin:0 auto}.search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:18px}.nav-search-input{width:100%;padding:16px 24px 16px 50px;border-radius:50px;border:2px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);font-size:16px;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 8px 25px #4f46e526;transform:translateY(-2px)}.dev-nav-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;padding:20px}.dev-nav-section{background:var(--card-bg);border-radius:20px;padding:24px;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 20px 40px #00000014;border-color:#4f46e54d}.section-title{font-size:18px;font-weight:700;margin-bottom:20px;display:flex;align-items:center;gap:12px;color:var(--text-primary);position:relative;padding-bottom:12px}.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:12px;background:var(--bg-secondary);color:var(--text-secondary);padding:2px 8px;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:12px 16px;border-radius:12px;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:16px;font-weight:700;color:var(--accent-color);box-shadow:0 2px 8px #0000000d;flex-shrink:0}.nav-tool-card .tool-info{flex:1;min-width:0}.nav-tool-card .name{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.nav-tool-card .desc{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arrow-right{font-size:14px;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 12px #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:16px;opacity:.5}@media (max-width: 768px){.dev-nav-header h1{font-size:28px}.dev-nav-grid{grid-template-columns:1fr}.nav-search-input{padding:12px 20px 12px 45px;font-size:14px}}.image-merge-container{min-height:100vh;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);padding:40px 20px}.glass-card{max-width:1200px;margin:0 auto;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #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 20px 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:20px;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:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#0ff,#f0f);cursor:pointer;box-shadow:0 0 10px #00ffff80}.slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;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:20px;font-size:1.3rem}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px}.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 20px #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:50%;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:8px;text-align:center;color:#ffffffb3;font-size:.85rem}.action-buttons{display:flex;gap:20px;justify-content:center;margin-bottom:30px}.btn{padding:15px 40px;border:none;border-radius:12px;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 8px 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 8px 25px #38ef7d99}.preview-section{margin-top:40px}.preview-section h3{color:#ffffffe6;margin-bottom:20px;font-size:1.3rem;text-align:center}.preview-container{max-width:800px;margin:0 auto;padding:20px;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:20px}.neon-text{font-size:1.8rem}.upload-area{padding:40px 20px}.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 20px}.controls-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;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:20px;height:20px;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 8px 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:8px 0 8px 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:#f8fafc;background-image:none;padding:40px 20px;color:#1e293b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.text-diff-container .diff-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-radius:16px;padding:30px;max-width:1200px;margin:0 auto}.text-diff-container h1{color:#1e293b;text-shadow:none;font-size:2rem;margin-bottom:.5rem;font-weight:700;text-align:center}.text-diff-container .subtitle{color:#64748b;text-align:center;margin-bottom:2rem;font-size:1rem}.controls-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:16px;background:#f1f5f9;border-radius:12px;border:1px solid #cbd5e1;flex-wrap:wrap;gap:15px}.mode-selector{display:flex;gap:8px;background:#e2e8f0;padding:4px;border-radius:8px}.mode-btn{padding:8px 16px;border:none;background:transparent;color:#64748b;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s ease;box-shadow:none}.mode-btn:hover{color:#334155;background:#ffffff80}.mode-btn.active{background:#fff;color:#0f172a;box-shadow:0 1px 3px #0000001a;font-weight:600}.action-btns{display:flex;gap:12px}.action-btns .btn{padding:8px 16px;border-radius:8px;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:#fff;color:#475569;border:1px solid #cbd5e1;box-shadow:0 1px 2px #0000000d}.action-btns .btn-secondary:hover{background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px)}.action-btns .btn-danger{background:#fee2e2;color:#ef4444;border:1px solid #fecaca}.action-btns .btn-danger:hover{background:#fecaca;color:#dc2626;transform:translateY(-1px)}.statistics-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-bottom:30px;padding:20px;background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.stat-item{text-align:center;padding:10px;border-radius:8px;background:#f8fafc}.stat-label{display:block;color:#64748b;font-size:.85rem;margin-bottom:4px;font-weight:500}.stat-value{display:block;color:#0f172a;font-size:1.5rem;font-weight:700}.stat-equal{color:#10b981}.stat-diff{color:#ef4444}.stat-similarity{color:#3b82f6}.input-section{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:30px}.input-panel h3{color:#334155;margin-bottom:12px;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:8px}.text-input{width:100%;height:350px;padding:16px;background:#fff;border:1px solid #cbd5e1;border-radius:12px;color:#334155;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:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.text-input::placeholder{color:#94a3b8}.diff-result-section{margin-top:40px;border-top:1px solid #e2e8f0;padding-top:30px}.diff-result-section h3{color:#1e293b;margin-bottom:20px;font-size:1.2rem;font-weight:600}.diff-view-lines{display:grid;grid-template-columns:1fr 1fr;gap:0;background:#fff;border-radius:12px;border:1px solid #cbd5e1;overflow:hidden}.diff-column{background:#fff;border-right:1px solid #e2e8f0;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 16px;background:#f1f5f9;border-bottom:1px solid #e2e8f0}.column-title{color:#475569;font-weight:600;font-size:.9rem}.line-count{color:#64748b;font-size:.8rem;background:#e2e8f0;padding:2px 8px;border-radius:12px}.diff-content{max-height:600px;overflow-y:auto;font-family:JetBrains Mono,Consolas,Monaco,monospace;font-size:.9rem;background:#fff}.diff-line{display:flex;align-items:flex-start;padding:0;border-bottom:none;line-height:1.5}.diff-line:hover{background:#f8fafc}.line-number{min-width:40px;padding:4px 8px;color:#94a3b8;font-size:.75rem;text-align:right;background:#f8fafc;border-right:1px solid #f1f5f9;-webkit-user-select:none;user-select:none}.line-text{flex:1;padding:4px 12px;color:#334155;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:#f8fafc;padding:20px;border-radius:12px;border:1px solid #e2e8f0}.tips-section h3{color:#475569;font-size:1rem;margin-bottom:12px;font-weight:600}.tips-section li{color:#64748b;margin-bottom:8px;font-size:.9rem;display:flex;align-items:center;gap:8px}.highlight-modified{display:inline-block;background:#ffebe9;color:#cf222e;padding:2px 8px;border-radius:4px;font-size:.8rem;font-family:monospace}.highlight-empty{display:inline-block;background:#f1f5f9;color:#64748b;padding:2px 8px;border-radius:4px;font-size:.8rem;border:1px dashed #cbd5e1}.diff-content::-webkit-scrollbar{width:10px;height:10px}.diff-content::-webkit-scrollbar-track{background:transparent}.diff-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:5px;border:2px solid #ffffff}.diff-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 1024px){.input-section,.diff-view-lines{grid-template-columns:1fr}.diff-column:first-child{border-right:none;border-bottom:1px solid #e2e8f0}.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 20px}.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:20px;font-size:1.2rem}.presets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.preset-btn{padding:15px 20px;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:20px;flex-wrap:wrap;gap:10px}.preview-header h3{color:#ffffffe6;font-size:1.3rem;margin:0}.image-info{color:#ffffffb3;font-size:.95rem;padding:8px 15px;background:#0003;border-radius:8px}@media (max-width: 768px){.presets-grid{grid-template-columns:repeat(2,1fr)}.preset-btn{padding:12px 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 20px}.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:12px;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:20px 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:50%;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:20px;justify-content:center}.video-preview{background:#0000004d;border-radius:15px;padding:20px;margin:20px 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:20px 0;color:#fffc;font-size:1rem}.preview-info span{padding:10px 20px;background:#ffffff0d;border-radius:8px}.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:12px;background:#ffffff0d;border-radius:8px;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 20px}.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:20px;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 20px #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:20px;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:#333}.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:12px;font-size:1.1rem;font-weight:600;cursor:pointer;color:#333;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 20px #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:20px;margin-bottom:30px}.word-card{background:#fff;border-radius:20px;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:8px}.word-chinese{font-size:1.1rem;color:#666;margin-bottom:12px}.speak-btn{background:linear-gradient(135deg,#f7b731,#f39c12);border:none;border-radius:50%;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:#fff;border-radius:25px;padding:40px;margin-bottom:40px;box-shadow:0 10px 40px #0003}.question-emoji{font-size:6rem;margin-bottom:20px;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:#333}.quiz-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.quiz-option{padding:20px 30px;background:#fff;border:3px solid #ddd;border-radius:15px;font-size:1.3rem;font-weight:600;color:#333;cursor:pointer;transition:all .3s ease}.quiz-option:hover:not(:disabled){transform:scale(1.05);border-color:#667eea;box-shadow:0 5px 20px #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:20px;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(20px)}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:#333;padding:12px 0 12px 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 20px}.converter-type-selector{display:flex;gap:20px;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 8px 25px #667eea80}.file-info-section{margin-top:30px}.file-info-card{display:flex;align-items:center;gap:20px;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:8px;word-break:break-all}.file-size{color:#fff9;font-size:.95rem}.remove-file-btn{width:40px;height:40px;border-radius:50%;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:20px;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:20px;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 8px 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:20px}.api-list{display:flex;flex-direction:column;gap:15px}.api-item{padding:15px 20px;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}}:root{--primary-color: #6366f1;--primary-hover: #4f46e5;--bg-color: #f8fafc;--surface-color: #ffffff;--border-color: #e2e8f0;--text-primary: #1e293b;--text-secondary: #64748b;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--handle-size: 10px;--handle-color: #ffffff;--handle-border: #6366f1}.image-screenshot-container{display:flex;min-height:100vh;background-color:var(--bg-color);font-family:Inter,sans-serif}.image-screenshot-content{flex:1;padding:32px 48px;max-width:1600px;margin:0 auto}.tool-header{margin-bottom:32px}.tool-header h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.tool-header p{color:var(--text-secondary)}.screenshot-workspace.pc-layout{display:flex;gap:32px;align-items:flex-start;min-height:600px}.preview-section.main-preview{flex:1;background:var(--surface-color);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);min-height:600px;display:flex;flex-direction:column}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h3{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.image-status{font-size:.85rem;color:var(--primary-color);background:#eef2ff;padding:4px 12px;border-radius:20px}.image-container{flex:1;background-color:#f1f5f9;border-radius:var(--radius-md);background-image:linear-gradient(45deg,#e2e8f0 25%,transparent 25%),linear-gradient(-45deg,#e2e8f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e2e8f0 75%),linear-gradient(-45deg,transparent 75%,#e2e8f0 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;display:flex;align-items:center;justify-content:center;overflow:auto;padding:20px;border:1px solid var(--border-color)}.image-wrapper{position:relative;box-shadow:0 4px 20px #0000001a;display:inline-block}.preview-image{max-width:100%;max-height:70vh;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.selection-overlay{box-sizing:border-box;box-shadow:0 0 0 9999px #0009;z-index:10;border:1px solid rgba(255,255,255,.8);outline:1px dashed var(--primary-color);touch-action:none}.resize-handle{position:absolute;width:var(--handle-size);height:var(--handle-size);background:var(--handle-color);border:1px solid var(--handle-border);box-shadow:0 1px 2px #0003;z-index:11;transform:translate(-50%,-50%)}.handle-nw{top:0;left:0;cursor:nw-resize}.handle-n{top:0;left:50%;cursor:n-resize}.handle-ne{top:0;left:100%;cursor:ne-resize}.handle-e{top:50%;left:100%;cursor:e-resize}.handle-se{top:100%;left:100%;cursor:se-resize}.handle-s{top:100%;left:50%;cursor:s-resize}.handle-sw{top:100%;left:0;cursor:sw-resize}.handle-w{top:50%;left:0;cursor:w-resize}.no-image.upload-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed var(--border-color);border-radius:var(--radius-md);background:#f8fafc;cursor:pointer;transition:all .2s}.no-image.upload-area:hover{border-color:var(--primary-color);background:#f1f5f9}.upload-icon{font-size:48px;margin-bottom:16px}.upload-hint{margin-top:8px;font-size:.85rem;color:var(--text-secondary)}.control-panel.side-panel{width:340px;flex-shrink:0;background:var(--surface-color);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-lg);position:sticky;top:24px}.panel-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border-color)}.panel-section:last-child{border-bottom:none}.panel-section h3{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:16px}.hidden-input{display:none}.upload-btn-label{display:block;width:100%;padding:10px;text-align:center;border:1px solid var(--border-color);border-radius:var(--radius-md);background:#fff;color:var(--text-primary);cursor:pointer;font-size:.9rem;transition:all .2s}.upload-btn-label:hover{border-color:var(--primary-color);color:var(--primary-color)}.shape-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.shape-option{display:flex;flex-direction:column;align-items:center;padding:12px 8px;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.shape-option.active{border-color:var(--primary-color);background:#eef2ff;color:var(--primary-color)}.shape-icon{width:24px;height:24px;background:#cbd5e1;margin-bottom:8px}.shape-option.active .shape-icon{background:var(--primary-color)}.shape-icon.rectangle{border-radius:2px;height:18px;margin-top:3px}.shape-icon.circle{border-radius:50%}.shape-icon.ellipse{border-radius:50%;height:16px;margin-top:4px}.dimension-row,.position-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.input-wrapper{flex:1;position:relative;display:flex;flex-direction:column}.input-wrapper label{font-size:.75rem;color:var(--text-secondary);margin-bottom:4px}.input-wrapper input{width:100%;padding:8px 28px 8px 8px;border:1px solid var(--border-color);border-radius:6px;font-size:.9rem}.input-wrapper input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f11a}.input-wrapper .unit{position:absolute;right:8px;bottom:8px;font-size:.75rem;color:#94a3b8}.preset-buttons{display:flex;gap:8px}.preset-buttons button{flex:1;padding:6px;font-size:.8rem;border:1px solid var(--border-color);border-radius:4px;background:#fff;cursor:pointer}.preset-buttons button:hover{border-color:var(--primary-color);color:var(--primary-color)}.action-buttons{display:flex;gap:12px;margin-bottom:24px}.generate-btn,.reset-btn{flex:1;padding:12px;border-radius:var(--radius-md);font-weight:600;cursor:pointer;border:none;font-size:.9rem}.generate-btn{background:var(--primary-color);color:#fff}.generate-btn:hover:not(:disabled){background:var(--primary-hover)}.generate-btn:disabled{background:#cbd5e1;cursor:not-allowed}.reset-btn{background:#fff;border:1px solid var(--border-color);color:var(--text-secondary)}.reset-btn:hover{background:#f1f5f9}.result-mini-preview{margin-top:24px;padding-top:24px;border-top:1px dashed var(--border-color);animation:fadeIn .3s}.mini-preview-box{width:100%;height:200px;background:#f1f5f9;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:16px;overflow:hidden;border:1px solid var(--border-color)}.mini-preview-box img{max-width:100%;max-height:100%;object-fit:contain}.download-btn.full-width{width:100%;padding:12px;background:#10b981;color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer}.download-btn.full-width:hover{background:#059669}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 1024px){.screenshot-workspace.pc-layout{flex-direction:column}.control-panel.side-panel{width:100%;position:static}}.watermark-remover-layout{display:flex;gap:30px;margin-top:30px;align-items:flex-start}.workspace-area{flex:1;background:#1e293b;border-radius:12px;min-height:500px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #0003;background-image:linear-gradient(45deg,#2a3649 25%,transparent 25%),linear-gradient(-45deg,#2a3649 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#2a3649 75%),linear-gradient(-45deg,transparent 75%,#2a3649 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}.upload-placeholder{text-align:center;cursor:pointer;padding:40px;border:2px dashed rgba(255,255,255,.2);border-radius:12px;transition:all .3s ease}.upload-placeholder:hover{background:#ffffff0d;border-color:var(--primary)}.upload-icon{font-size:4rem;margin-bottom:16px;opacity:.7}.upload-placeholder h3{color:#fff;margin-bottom:8px}.upload-placeholder p{color:#ffffff80}.canvas-wrapper{position:relative;box-shadow:0 10px 30px #00000080}.editor-canvas{display:block;max-width:100%}.controls-sidebar{width:300px;background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 6px -1px #0000001a;position:sticky;top:20px}.button-group-vertical{display:flex;flex-direction:column;gap:12px;margin:24px 0}.btn-block{width:100%;justify-content:center;padding:12px}.btn-row{display:flex;gap:10px}.btn-row .btn{flex:1;justify-content:center}.tips-box{background:#f1f5f9;padding:16px;border-radius:8px;border:1px solid #cbd5e1}.tips-box h4{color:#475569;margin-bottom:10px;font-size:.95rem}.tips-box p{color:#64748b;font-size:.85rem;margin-bottom:6px;line-height:1.5}@media (max-width: 1024px){.watermark-remover-layout{flex-direction:column}.controls-sidebar{width:100%;position:static}.workspace-area{min-height:300px}}.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:#fff;border-radius:15px;padding:1.5rem;box-shadow:0 4px 16px #0000001a;border:2px solid rgba(102,126,234,.2);transition:all .3s ease}.result-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #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:#ef4444}.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:8px;box-shadow:0 4px 12px #00000026;background:#fff;border:2px solid rgba(102,126,234,.3)}.result-info{background:#667eea0d;border-radius:8px;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 20px #667eea66}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #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:#fff;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:20px;padding:2.5rem;max-width:1200px;width:100%;box-shadow:0 8px 32px #0000001a}.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:8px;border-radius:5px;background:linear-gradient(to right,#ef4444,#f59e0b,#10b981);outline:none;-webkit-appearance:none;margin-bottom:.5rem}.quality-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 2px 8px #0003;border:3px solid #667eea}.quality-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 2px 8px #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:#fff;border-radius:15px;box-shadow:0 4px 16px #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:24px;height:24px;border:3px solid rgba(102,126,234,.3);border-top-color:#667eea;border-radius:50%;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:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.image-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.image-preview{flex-shrink:0;width:80px;height:80px;border-radius:8px;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:20px;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:8px;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 12px #667eea66}.btn-remove{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:1.5rem}.btn-remove:hover{transform:scale(1.1);box-shadow:0 4px 12px #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:#ef4444;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 12px #0000001a}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.features-section{background:#fff;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}.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:#fff;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:20px;padding:2.5rem;max-width:1400px;margin:0 auto;box-shadow:0 8px 32px #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:#666;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:#999;font-size:.85rem;margin-top:.5rem}.upload-divider{font-size:1.5rem;font-weight:700;color:#667eea;background:#fff;padding:1rem;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #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:#333;word-break:break-all;max-width:100%}.file-size{color:#999;font-size:.9rem}.controls-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;background:#fff;border-radius:10px;margin-bottom:1.5rem;flex-wrap:wrap;box-shadow:0 2px 8px #0000001a}.mode-selector{display:flex;gap:.5rem}.mode-btn{padding:.5rem 1rem;border:2px solid #667eea;background:#fff;border-radius:8px;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:#555;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:8px;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 12px #667eea66}.btn-secondary{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b66}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.statistics-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:15px;box-shadow:0 4px 16px #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:#666;font-size:.9rem}.stat-value{font-size:1.8rem;font-weight:700;color:#333}.stat-value.stat-equal{color:#10b981}.stat-value.stat-delete{color:#ef4444}.stat-value.stat-insert{color:#3b82f6}.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:#fff;border-radius:15px;overflow:hidden;box-shadow:0 4px 16px #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 #e5e7eb}.column-header.left{background:linear-gradient(135deg,#ef44441a,#dc26261a);color:#ef4444}.column-header.right{background:linear-gradient(135deg,#3b82f61a,#2563eb1a);color:#3b82f6}.file-info{font-size:.85rem;color:#999}.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 #f3f4f6}.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:#fff}.line-delete{background:#ef44441a;border-left:3px solid #ef4444}.line-insert{background:#3b82f61a;border-left:3px solid #3b82f6}.line-empty{background:#f9fafb;color:#d1d5db}.diff-view-unified{background:#fff;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 16px #0000001a}.diff-chunk{margin-bottom:2rem;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.chunk-header{background:#667eea1a;color:#667eea;padding:.5rem 1rem;font-weight:600;border-bottom:1px solid #e5e7eb}.line-prefix{display:inline-block;width:30px;text-align:center;font-weight:700;-webkit-user-select:none;user-select:none}.line-context{background:#fff}.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:#fff;padding:1.5rem;border-radius:10px;text-align:center;transition:all .3s ease}.feature-item:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001a}.feature-icon{font-size:2rem;margin-bottom:.5rem}.feature-title{font-weight:600;color:#667eea;margin-bottom:.5rem}.feature-desc{color:#666;font-size:.9rem}.usage-section ul{list-style:none;padding:0}.usage-section li{color:#555;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 #ef4444}.line-insert-demo{background:#3b82f633;padding:.2rem .5rem;border-radius:4px;border-left:3px solid #3b82f6}.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:20px;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:#fff;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:20px}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.loading-section p{color:#fff;font-size:1.1rem;margin:1rem 0}.progress-bar{width:100%;height:8px;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:#fff;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:20px;padding:1.5rem;margin-bottom:1.5rem;text-align:center}.file-info-card h3{color:#fff;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:12px;padding:.8rem 1.5rem;color:#fff;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:20px;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:#fff;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:#fff;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:8px;box-shadow:0 4px 20px #0003}.text-section{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;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:12px;padding:.8rem 1.5rem;color:#fff;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:#fff;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:20px;padding:2rem}.metadata-view h3{color:#fff;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:#fff;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:#fff;text-shadow:0 0 10px rgba(255,255,255,.5),0 0 20px 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:20px;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:#fff;font-size:.9rem}.encoding-select{padding:.5rem;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:#ffffff1a;color:#fff;font-size:.9rem}.encoding-select option{background:#333;color:#fff}.upload-btn{background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:12px;padding:.8rem 1.5rem;color:#fff;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:#fff;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:20px;padding:2rem}.column-selection h3{color:#fff;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:#fff;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:-8px;right:-8px;background:#4caf50;color:#fff;border-radius:50%;width:24px;height:24px;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:12px;color:#fff;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:#fff;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:20px;padding:2rem}.groups-section h3{color:#fff;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:#fff;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:20px;padding:2rem}.table-section h3{color:#fff;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:50%;width:20px;height:20px;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:0 1px 3px #0003}.group-details{margin-top:10px;padding:15px;background:#ffffff1a;border-radius:10px;border-left:4px solid #fff}.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:#fff;font-weight:600}.row-numbers{background:#fff3;padding:6px 12px;border-radius:6px;font-size:13px;color:#fff;font-weight:500}.cross-reference{font-size:14px;color:#fff;font-style:italic;text-align:center;padding:10px;background:#ffc10733;border-radius:6px;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:#fff;font-size:2rem;margin-bottom:2rem}.feature-card{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;text-align:center;transition:all .3s ease}.feature-card:hover{background:#fff3;transform:translateY(-5px);box-shadow:0 8px 25px #0003}.feature-card h3{color:#fff;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:20px;padding:2rem}.usage-section h2{text-align:center;color:#fff;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:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700;box-shadow:0 4px 15px #0003}.step-content h3{color:#fff;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:#fff}.clock-header{text-align:center;margin-bottom:2rem}.neon-text{font-size:2.5rem;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(255,107,53,.8),0 0 20px 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:20px;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:#fff;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:#fff;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:50%;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:20px;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 20px 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:#fff;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:20px;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:#fff;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:20px;padding:2rem;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.step:hover{transform:translateY(-3px);box-shadow:0 8px 25px #ff6b3533}.step-number{width:50px;height:50px;background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:50%;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:#e2e8f0;display:flex;flex-direction:column}.rte-toast{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:10px 24px;border-radius:10px;font-size:14px;font-weight:500;z-index:9999;display:flex;align-items:center;gap:8px;animation:rteToastIn .3s ease;box-shadow:0 8px 24px #0006}.rte-toast.success{background:#10b981f2;color:#fff}.rte-toast.warn{background:#f59e0bf2;color:#fff}@keyframes rteToastIn{0%{opacity:0;transform:translate(-50%) translateY(-12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.rte-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#1a1c2ecc;border-bottom:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.rte-header-left{display:flex;align-items:center;gap:14px}.rte-logo{font-size:28px}.rte-title{margin:0;font-size:20px;font-weight:700;color:#f1f5f9}.rte-subtitle{margin:2px 0 0;font-size:13px;color:#ffffff73}.rte-header-right{display:flex;align-items:center;gap:16px}.rte-stat{font-size:13px;color:#ffffff80;font-variant-numeric:tabular-nums}.rte-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding:8px 16px;background:#1a1c2ef2;border-bottom:1px solid rgba(255,255,255,.06);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.rte-btn{width:34px;height:34px;border:none;background:transparent;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;color:#ffffffb3;transition:all .15s ease;flex-shrink:0}.rte-btn:hover{background:#ffffff1a;color:#fff}.rte-btn.active{background:#667eea40;color:#667eea}.rte-btn-danger:hover{background:#ef444426;color:#ef4444}.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:8px;font-size:13px;cursor:pointer;outline:none;transition:all .15s}.rte-select:hover{border-color:#fff3;background:#ffffff14}.rte-select option{background:#1a1c2e;color:#e2e8f0}.rte-color-btn{width:34px;height:34px;border-radius:8px;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 #ef4444;line-height:1;padding-bottom:2px}.rte-color-icon.bg{border-bottom-color:#fbbf24;background:#fbbf2426;padding:1px 3px;border-radius:3px}.rte-panel{background:#1a1c2efa;border-bottom:1px solid rgba(255,255,255,.06);padding:16px 20px;animation:rtePanelIn .2s ease}@keyframes rtePanelIn{0%{opacity:0;transform:translateY(-8px)}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:6px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:all .15s}.rte-panel-close:hover{background:#ffffff1f;color:#fff}.rte-templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.rte-tpl-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s}.rte-tpl-card:hover{border-color:#667eea66;background:#ffffff0f;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.rte-tpl-preview{padding:12px;max-height:100px;overflow:hidden;font-size:11px;transform:scale(.85);transform-origin:top left;pointer-events:none}.rte-tpl-name{padding:8px 14px;font-size:13px;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:12px;padding:14px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;cursor:pointer;transition:all .2s;text-align:left;color:#e2e8f0}.rte-export-btn:hover{background:#ffffff14;border-color:#667eea4d}.rte-export-btn strong{display:block;font-size:14px;margin-bottom:2px}.rte-export-btn small{font-size:12px;color:#fff6}.rte-export-icon{font-size:24px}.rte-body{flex:1;padding:20px;display:flex;justify-content:center}.rte-editor{width:100%;max-width:900px;min-height:500px;padding:32px 40px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;outline:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans SC,sans-serif;font-size:16px;line-height:1.75;color:#e2e8f0;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:24px 0 12px;padding-bottom:8px;border-bottom:2px solid rgba(102,126,234,.3)}.rte-editor h2{font-size:22px;font-weight:600;color:#f1f5f9;margin:20px 0 10px;padding-left:14px;border-left:4px solid #667eea}.rte-editor h3{font-size:18px;font-weight:600;color:#f1f5f9;margin:16px 0 8px}.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:8px 0}.rte-editor blockquote{border-left:4px solid rgba(102,126,234,.4);margin:12px 0;padding:10px 18px;background:#667eea0f;border-radius:0 8px 8px 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:12px 0}.rte-editor td,.rte-editor th{border:1px solid rgba(255,255,255,.1);padding:8px 12px}.rte-editor th{background:#ffffff0d;font-weight:600}.rte-editor hr{border:none;height:1px;background:#ffffff1a;margin:20px 0}.rte-preview{width:100%;max-width:900px}.rte-preview-badge{text-align:center;font-size:13px;color:#fff6;margin-bottom:12px;font-weight:500}.rte-preview-content{padding:32px 40px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;min-height:500px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans SC,sans-serif;font-size:16px;line-height:1.75;color:#e2e8f0;word-break:break-word}.rte-preview-content h1{font-size:28px;font-weight:700;color:#f1f5f9;margin:24px 0 12px;padding-bottom:8px;border-bottom:2px solid rgba(102,126,234,.3)}.rte-preview-content h2{font-size:22px;font-weight:600;color:#f1f5f9;margin:20px 0 10px;padding-left:14px;border-left:4px solid #667eea}.rte-preview-content h3{font-size:18px;font-weight:600;color:#f1f5f9;margin:16px 0 8px}.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:12px 0;padding:10px 18px;background:#667eea0f;border-radius:0 8px 8px 0}.rte-statusbar{padding:8px 20px;background:#1a1c2e99;border-top:1px solid rgba(255,255,255,.04);font-size:12px;color:#ffffff4d;text-align:center}@media (max-width: 768px){.rte-header{flex-direction:column;gap:10px;padding:14px 16px}.rte-header-right{align-self:flex-end}.rte-toolbar{padding:6px 10px;gap:2px}.rte-btn{width:30px;height:30px}.rte-body{padding:12px}.rte-editor,.rte-preview-content{padding:20px;min-height:400px}.rte-templates-grid{grid-template-columns:1fr}.rte-export-actions{flex-direction:column}.rte-select{max-width:80px;font-size:12px}}@media (max-width: 480px){.rte-title{font-size:17px}.rte-subtitle{font-size:12px}.rte-divider:nth-child(n+8){display:none}}.markdown-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding:20px 0}.markdown-card{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;transition:all .3s ease;text-decoration:none;color:inherit}.markdown-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #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:12px;color:#fff}.markdown-info{flex:1;min-width:0}.markdown-title{font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.markdown-desc{font-size:14px;color:#666;margin-bottom:8px;line-height:1.4}.markdown-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:#999}.markdown-viewer{background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 8px #00000014;max-width:900px;margin:0 auto}.markdown-viewer h1{font-size:28px;font-weight:700;color:#1a1a1a;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #eaeaea}.markdown-viewer h2{font-size:22px;font-weight:600;color:#1a1a1a;margin-top:32px;margin-bottom:16px}.markdown-viewer h3{font-size:18px;font-weight:600;color:#333;margin-top:24px;margin-bottom:12px}.markdown-viewer p{font-size:15px;line-height:1.8;color:#444;margin-bottom:16px}.markdown-viewer ul,.markdown-viewer ol{padding-left:24px;margin-bottom:16px}.markdown-viewer li{font-size:15px;line-height:1.8;color:#444;margin-bottom:8px}.markdown-viewer code{background:#f5f5f5;padding:2px 6px;border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:14px;color:#e83e8c}.markdown-viewer pre{background:#282c34;padding:16px;border-radius:8px;overflow-x:auto;margin-bottom:16px}.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:16px;margin:16px 0;color:#666;font-style:italic}.markdown-viewer table{width:100%;border-collapse:collapse;margin-bottom:16px}.markdown-viewer th,.markdown-viewer td{border:1px solid #eaeaea;padding:12px;text-align:left}.markdown-viewer th{background:#f5f5f5;font-weight:600}.markdown-viewer img{max-width:100%;border-radius:8px;margin:16px 0}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px;color:#666}.loading-container p,.error-container p{margin-top:16px;font-size:16px}.error-container button{margin-top:16px;padding:10px 24px;background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px}.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,#818cf8,#a78bfa,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 8px}.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:8px;color:var(--text-muted, #666);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:18px}@media (max-width: 768px){.dc-upload-row{grid-template-columns:1fr;gap:16px}.dc-versus{display:none}}.dc-versus{display:flex;align-items:center;justify-content:center;padding:0 20px}.dc-versus-circle{width:44px;height:44px;border-radius:50%;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, #ffffff);border:2px dashed rgba(129,140,248,.35);border-radius:14px;padding:24px 20px 20px;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 8px 24px #6366f114}.dc-upload-zone:hover:before{opacity:1}.dc-upload-zone.dragging{border-color:#818cf8;background:#6366f114;transform:scale(1.02);box-shadow:0 0 0 4px #6366f11f,0 12px 32px #6366f126}.dc-upload-input{display:none}.dc-upload-badge{position:absolute;top:12px;left:12px;width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800}.dc-upload-badge[data-side=a]{background:#6366f126;color:#818cf8}.dc-upload-badge[data-side=b]{background:#f59e0b26;color:#fbbf24}.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:50%;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, #666);margin:0 0 10px}.dc-upload-link{color:#818cf8;text-decoration:underline;text-underline-offset:2px}.dc-upload-formats{display:flex;align-items:center;justify-content:center;gap:8px}.dc-format-tag{padding:2px 8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:4px;font-size:.72rem;color:var(--text-muted, #666);font-weight:500}.dc-format-limit{font-size:.72rem;color:var(--text-muted, #555)}.dc-file-card{background:var(--bg-tertiary, #1a1a2e);border:1px solid rgba(16,185,129,.25);border-radius:14px;padding:14px 16px;position:relative;transition:all .3s ease}.dc-file-card:hover{box-shadow:0 4px 20px #10b98114}.dc-file-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.dc-file-badge{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800}.dc-file-badge[data-side=a]{background:#6366f126;color:#818cf8}.dc-file-badge[data-side=b]{background:#f59e0b26;color:#fbbf24}.dc-file-remove{width:28px;height:28px;border-radius:8px;background:#fef2f2;border:1px solid #fecaca;color:#ef4444;font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.dc-file-remove:hover{background:#fee2e2;border-color:#f87171;transform:scale(1.1)}.dc-file-body{display:flex;align-items:center;gap:14px}.dc-file-icon-wrap{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dc-file-icon{font-size:24px}.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, #777)}.dc-meta-dot{opacity:.4}.dc-extracting{display:inline-flex;align-items:center;gap:5px;color:#818cf8}.dc-extracting-dot{width:6px;height:6px;border-radius:50%;background:#818cf8;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,#818cf8,#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:12px;text-align:center}.dc-preview-btn{background:none;border:1px solid rgba(99,102,241,.15);color:#818cf8;font-size:.78rem;padding:4px 14px;border-radius:6px;cursor:pointer;transition:all .2s}.dc-preview-btn:hover,.dc-preview-btn.active{background:#6366f114;border-color:#6366f14d}.dc-text-preview{margin-top:12px;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:#818cf8;font-style:italic}.dc-focus-section{display:flex;align-items:center;gap:12px;margin-bottom:18px;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, #888);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:12px 18px;color:var(--text-primary, #1e293b);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:#818cf8;background:var(--bg-tertiary, #fff);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:18px;padding:14px 0}.dc-progress-step{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative}.dc-step-circle{width:38px;height:38px;border-radius:50%;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, #666);transition:all .4s ease}.dc-progress-step.active .dc-step-circle{border-color:#818cf8;background:#6366f11f;color:#818cf8;box-shadow:0 0 20px #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 8px #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, #666);font-weight:500;transition:color .3s}.dc-progress-step.active .dc-step-label{color:#818cf8}.dc-progress-step.done .dc-step-label{color:#10b981}.dc-progress-line{width:60px;height:2px;background:#ffffff0f;margin:0 8px 26px;border-radius:1px;transition:background .5s}.dc-progress-line.active{background:linear-gradient(90deg,#10b981,#818cf8)}.dc-actions{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:20px}.dc-compare-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 32px;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);color:#fff;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 16px #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 8px 24px #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:18px;height:18px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:dc-spin .7s linear infinite}@keyframes dc-spin{to{transform:rotate(360deg)}}.dc-clear-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;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 20px;margin-bottom:20px;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:32px 20px 28px;text-align:center}.dc-loading-visual{position:relative;width:64px;height:64px;margin-bottom:16px}.dc-loading-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid rgba(99,102,241,.1);border-top-color:#818cf8;border-radius:50%;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 8px}.dc-loading-hint{font-size:.85rem;color:var(--text-muted, #666);margin:0 0 24px}.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,#6366f1,#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:8px;animation:dc-fadeIn .5s ease;width:100%;margin-left:-32px;margin-right:-32px;width:calc(100% + 64px);padding:0 32px;box-sizing:border-box}@keyframes dc-fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.dc-result-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.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:8px 16px;background:var(--bg-tertiary, #1e1e2e);border:1px solid rgba(255,255,255,.08);color:var(--text-secondary, #999);border-radius:8px;font-size:.82rem;cursor:pointer;transition:all .2s}.dc-copy-btn:hover{background:#6366f114;border-color:#6366f133;color:#818cf8}.dc-copy-btn.copied{background:#10b98114;border-color:#10b98140;color:#10b981}.dc-result-summary{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding:16px 20px;background:var(--bg-tertiary, #1a1a2e);border:1px solid rgba(255,255,255,.05);border-radius:12px}@media (max-width: 600px){.dc-result-summary{flex-direction:column}}.dc-summary-item{flex:1;display:flex;align-items:center;gap:12px;min-width:0}.dc-summary-badge{width:32px;height:32px;border-radius:8px;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:#818cf8}.dc-summary-item[data-side=b] .dc-summary-badge{background:#f59e0b26;color:#fbbf24}.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, #777);margin-top:2px}.dc-summary-vs{color:var(--text-muted, #555);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:32px;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, #1e293b);margin-top:28px;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.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:16px}.dc-result-body li{margin-bottom:8px;padding-left:4px}.dc-result-body li::marker{color:#818cf8}.dc-result-body strong{color:#a78bfa;font-weight:600}.dc-result-body code{background:#6366f114;color:#a5b4fc;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:18px;overflow-x:auto;margin:16px 0}.dc-result-body blockquote{border-left:3px solid #818cf8;padding-left:18px;margin:18px 0;color:var(--text-secondary, #aaa);font-style:italic}.dc-result-body table{width:100%;border-collapse:collapse;margin:18px 0;border-radius:8px;overflow:hidden}.dc-result-body th,.dc-result-body td{border:1px solid rgba(255,255,255,.06);padding:11px 16px;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:24px 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:#f59e0b}.dc-result-body blockquote[title]:hover:after{content:" 🔍 点击定位";font-size:.72rem;color:#f59e0b;font-style:normal;opacity:.8}@media (max-width: 768px){.dc-page-title{font-size:1.5rem}.dc-result{margin-left:-16px;margin-right:-16px;width:calc(100% + 32px);padding:0 16px}.dc-result-body{padding:20px 16px}.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 20px 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,#818cf8,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 8px}.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:8px;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:16px;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:16px}.de-upload-main{font-size:1.1rem;color:#c4b5fd;font-weight:600;margin:0 0 8px}.de-upload-sub{font-size:.85rem;color:#777;margin:0}.de-loading-card{text-align:center;padding:60px 20px;background:#ffffff08;border-radius:16px;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:#818cf8;border-radius:50%;animation:de-spin .8s linear infinite;margin:0 auto 16px}.de-spinner.small{width:20px;height:20px;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:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#f87171;font-size:.9rem;margin-bottom:16px}.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 20px;background:#ffffff0a;border-radius:12px;border:1px solid rgba(129,140,248,.15);margin-bottom:16px;flex-wrap:wrap;gap:12px}.de-file-info{display:flex;align-items:center;gap:12px}.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:#e2e8f0;font-weight:600;font-size:.95rem;word-break:break-all}.de-file-meta{color:#888;font-size:.8rem}.de-file-actions{display:flex;gap:8px;flex-wrap:wrap}.de-btn-copy,.de-btn-reset,.de-btn-copy-all{padding:8px 16px;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;border:none;transition:all .2s ease}.de-btn-copy{background:linear-gradient(135deg,#818cf8,#6366f1);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:12px;overflow:hidden;margin-bottom:24px}.de-text-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;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:16px;max-height:400px;overflow-y:auto;font-size:.88rem;line-height:1.7;color:#d1d5db;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:16px;padding:24px}.de-chunk-header{margin-bottom:20px}.de-chunk-title{display:flex;align-items:center;gap:8px;font-size:1.15rem;font-weight:700;color:#e2e8f0;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:12px;margin-bottom:16px}@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:12px;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 20px #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:#e2e8f0;margin-bottom:3px}.de-strategy-desc{font-size:.78rem;color:#888;line-height:1.4}.de-strategy-check{position:absolute;top:8px;right:10px;width:20px;height:20px;border-radius:50%;background:#818cf8;color:#fff;font-size:.7rem;display:flex;align-items:center;justify-content:center;font-weight:700}.de-strategy-detail{padding:12px 16px;background:#60a5fa0f;border-radius:8px;color:#94a3b8;font-size:.83rem;line-height:1.5;margin-bottom:20px;border-left:3px solid rgba(96,165,250,.3)}.de-btn-chunk{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;border:none;background:linear-gradient(135deg,#818cf8,#6366f1);color:#fff;transition:all .3s ease}.de-btn-chunk:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 8px 25px #6366f14d}.de-btn-chunk:disabled{opacity:.6;cursor:not-allowed}.de-btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:de-spin .8s linear infinite;display:inline-block}.de-chunk-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px;color:#a78bfa;font-size:.9rem}.de-chunks-result{margin-top:16px}.de-chunks-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:8px}.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:8px;flex-wrap:wrap}.de-chunk-seq{font-size:.8rem;font-weight:700;color:#818cf8;background:#818cf826;padding:2px 8px;border-radius:4px}.de-chunk-clause{font-size:.8rem;color:#94a3b8;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:6px;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:12px 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:8px;background:#818cf80a;border:none;border-top:1px solid rgba(129,140,248,.08);color:#818cf8;font-size:.8rem;cursor:pointer;transition:background .2s}.de-btn-expand:hover{background:#818cf81a}.de-chunks-empty{text-align:center;padding:40px 20px;color:#666}.de-chunks-empty span{font-size:2rem;display:block;margin-bottom:8px}.de-chunks-empty p{margin:0;font-size:.9rem}@media (max-width: 768px){.doc-extractor-page{padding:20px 12px 40px}.de-page-title{font-size:1.3rem}.de-upload-zone{padding:40px 20px}.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:16px}.de-chunk-clause{max-width:160px}}.notes-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:8px;font-size:14px;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,#6366f1,#a78bfa);color:#fff}.notes-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.notes-btn-secondary{background:var(--bg-tertiary, #f0f2f8);color:var(--text-secondary, #64748b);border:1px solid var(--border-color, #e2e8f0)}.notes-btn-secondary:hover{background:var(--bg-hover, #eef0f7);color:var(--text-primary, #1e293b)}.notes-btn-back{background:transparent;color:var(--text-secondary, #64748b);padding:8px 12px}.notes-btn-back:hover{color:var(--text-primary, #1e293b)}.notes-btn-search{background:var(--primary, #6366f1);color:#fff}.notes-btn-search:hover{background:var(--primary-dark, #4f46e5)}.notes-btn-page{background:var(--bg-secondary, #fff);color:var(--text-secondary, #64748b);border:1px solid var(--border-color, #e2e8f0);padding:6px 14px}.notes-btn-page:hover:not(:disabled){background:#6366f114;color:var(--primary, #6366f1);border-color:#6366f14d}.notes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.notes-header-left{display:flex;align-items:baseline;gap:12px}.notes-title{font-size:24px;font-weight:700;color:var(--text-primary, #1e293b);margin:0}.notes-count{font-size:14px;color:var(--text-tertiary, #94a3b8)}.notes-header-right{display:flex;gap:10px}.notes-search-bar{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap}.notes-search-input,.notes-tag-input{flex:1;min-width:180px;padding:10px 16px;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;background:var(--bg-secondary, #fff);color:var(--text-primary, #1e293b);font-size:14px;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, #6366f1);box-shadow:0 0 0 3px #6366f11a}.notes-search-input::placeholder,.notes-tag-input::placeholder{color:var(--text-tertiary, #94a3b8)}.notes-loading{text-align:center;padding:60px 20px;color:var(--text-tertiary, #94a3b8);font-size:16px}.notes-empty{text-align:center;padding:80px 20px;color:var(--text-tertiary, #94a3b8)}.notes-empty-icon{font-size:64px;margin-bottom:16px}.notes-empty p{margin-bottom:20px;font-size:16px}.notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.note-card{background:var(--bg-secondary, #fff);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;padding:20px;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 12px 32px 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:16px;font-weight:600;color:var(--text-primary, #1e293b);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:8px;opacity:0;transition:opacity .2s}.note-card:hover .note-card-actions{opacity:1}.note-action-btn{background:transparent;border:none;cursor:pointer;font-size:16px;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:13px;color:var(--text-secondary, #64748b);margin:0 0 12px;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:8px}.note-card-tags{display:flex;flex-wrap:wrap;gap:4px;flex:1}.note-tag{display:inline-block;padding:2px 8px;border-radius:4px;background:#6366f114;color:var(--primary, #6366f1);font-size:11px;font-weight:500}.note-card-meta{display:flex;gap:12px;font-size:12px;color:var(--text-tertiary, #94a3b8);white-space:nowrap}.notes-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:32px}.notes-page-info{color:var(--text-tertiary, #94a3b8);font-size:14px}.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, #fff);border:1px solid var(--border-color, #e2e8f0);border-radius:16px;padding:32px;max-width:440px;width:90%;box-shadow:0 20px 60px #00000026}.notes-modal h3{margin:0 0 8px;color:var(--text-primary, #1e293b);font-size:20px}.notes-modal p{color:var(--text-secondary, #64748b);margin:0 0 20px;font-size:14px}.notes-auth-input{width:100%;padding:12px 16px;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;background:var(--bg-primary, #f7f8fc);color:var(--text-primary, #1e293b);font-size:14px;outline:none;box-sizing:border-box}.notes-auth-input:focus{border-color:var(--primary, #6366f1);box-shadow:0 0 0 3px #6366f11a}.notes-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.editor-top-bar{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.editor-title-input{flex:1;min-width:200px;padding:10px 16px;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;background:var(--bg-secondary, #fff);color:var(--text-primary, #1e293b);font-size:18px;font-weight:600;outline:none}.editor-title-input:focus{border-color:var(--primary, #6366f1);box-shadow:0 0 0 3px #6366f11a}.editor-title-input::placeholder{color:var(--text-tertiary, #94a3b8)}.editor-top-actions{display:flex;align-items:center;gap:12px}.editor-auto-saved{font-size:12px;color:#22c55e}.editor-tags-bar{display:flex;align-items:center;gap:8px;margin-bottom:12px}.editor-tags-label{font-size:14px;color:var(--text-secondary, #64748b);white-space:nowrap}.editor-tags-input{flex:1;padding:8px 12px;border:1px solid var(--border-color, #e2e8f0);border-radius:6px;background:var(--bg-secondary, #fff);color:var(--text-primary, #1e293b);font-size:13px;outline:none}.editor-tags-input:focus{border-color:var(--primary, #6366f1);box-shadow:0 0 0 3px #6366f11a}.editor-tags-input::placeholder{color:var(--text-tertiary, #94a3b8)}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--bg-tertiary, #f0f2f8);border:1px solid var(--border-color, #e2e8f0);border-radius:8px 8px 0 0;flex-wrap:wrap;gap:8px}.editor-toolbar-btns{display:flex;flex-wrap:wrap;gap:4px}.toolbar-btn{padding:4px 10px;border:1px solid var(--border-color, #e2e8f0);border-radius:4px;background:var(--bg-secondary, #fff);color:var(--text-secondary, #64748b);font-size:13px;cursor:pointer;font-family:Courier New,monospace;transition:all .2s}.toolbar-btn:hover{background:#6366f114;color:var(--primary, #6366f1);border-color:#6366f14d}.toolbar-btn-ai{background:#6366f10f;color:var(--primary, #6366f1);border-color:#6366f133;font-family:inherit}.toolbar-btn-ai:hover{background:#6366f126}.editor-view-modes{display:flex;gap:2px;background:var(--bg-secondary, #fff);border:1px solid var(--border-color, #e2e8f0);border-radius:6px;padding:2px}.view-mode-btn{padding:4px 12px;border:none;border-radius:4px;background:transparent;color:var(--text-tertiary, #94a3b8);font-size:13px;cursor:pointer;transition:all .2s}.view-mode-btn.active{background:#6366f11a;color:var(--primary, #6366f1);font-weight:500}.view-mode-btn:hover:not(.active){color:var(--text-primary, #1e293b)}.editor-body{display:flex;border:1px solid var(--border-color, #e2e8f0);border-top:none;border-radius:0 0 8px 8px;min-height:500px;overflow:hidden;background:var(--bg-secondary, #fff)}.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:20px;border:none;background:var(--bg-secondary, #fff);color:var(--text-primary, #1e293b);font-size:14px;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, #94a3b8)}.editor-preview{padding:20px;border-left:1px solid var(--border-color, #e2e8f0);background:var(--bg-primary, #f7f8fc);color:var(--text-primary, #1e293b);font-size:14px;line-height:1.8;overflow-y:auto;word-wrap:break-word}.editor-preview h1{font-size:24px;color:var(--text-primary, #1e293b);margin:16px 0 12px;font-weight:700}.editor-preview h2{font-size:20px;color:var(--text-primary, #1e293b);margin:14px 0 10px;font-weight:600}.editor-preview h3{font-size:17px;color:var(--text-primary, #1e293b);margin:12px 0 8px;font-weight:600}.editor-preview h4{font-size:15px;color:var(--text-primary, #1e293b);margin:10px 0 6px;font-weight:600}.editor-preview code{background:#6366f114;color:var(--primary, #6366f1);padding:2px 6px;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:13px}.editor-preview pre{background:#1e293b;padding:16px;border-radius:8px;overflow-x:auto}.editor-preview pre code{background:none;color:#e2e8f0;padding:0}.editor-preview blockquote{border-left:3px solid var(--primary, #6366f1);padding:8px 16px;margin:12px 0;color:var(--text-secondary, #64748b);background:#6366f10a;border-radius:0 8px 8px 0}.editor-preview ul{padding-left:20px}.editor-preview li{margin-bottom:4px}.editor-preview hr{border:none;border-top:1px solid var(--border-color, #e2e8f0);margin:20px 0}.editor-preview a{color:var(--primary, #6366f1);text-decoration:none}.editor-preview a:hover{text-decoration:underline}.editor-preview strong{color:var(--text-primary, #1e293b);font-weight:600}.notes-modal-ai{max-width:560px}.ai-input-textarea{width:100%;padding:12px 16px;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;background:var(--bg-primary, #f7f8fc);color:var(--text-primary, #1e293b);font-size:14px;line-height:1.6;resize:vertical;outline:none;box-sizing:border-box;font-family:inherit}.ai-input-textarea:focus{border-color:var(--primary, #6366f1);box-shadow:0 0 0 3px #6366f11a}.ai-input-textarea::placeholder{color:var(--text-tertiary, #94a3b8)}.detail-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.note-detail{background:var(--bg-secondary, #fff);border:1px solid var(--border-color, #e2e8f0);border-radius:16px;padding:32px;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, #1e293b);margin:0 0 16px;line-height:1.3}.note-detail-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:var(--text-tertiary, #94a3b8);margin-bottom:12px}.note-detail-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.note-detail-divider{height:1px;background:var(--border-color, #e2e8f0);margin:20px 0}.note-detail-content{color:var(--text-primary, #1e293b);font-size:15px;line-height:1.8}.note-detail-content h1{font-size:24px;color:var(--text-primary, #1e293b);margin:20px 0 12px}.note-detail-content h2{font-size:20px;color:var(--text-primary, #1e293b);margin:18px 0 10px}.note-detail-content h3{font-size:17px;color:var(--text-primary, #1e293b);margin:16px 0 8px}.note-detail-content code{background:#6366f114;color:var(--primary, #6366f1);padding:2px 6px;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:13px}.note-detail-content pre{background:#1e293b;padding:16px;border-radius:8px;overflow-x:auto}.note-detail-content pre code{background:none;color:#e2e8f0;padding:0}.note-detail-content blockquote{border-left:3px solid var(--primary, #6366f1);padding:8px 16px;margin:12px 0;color:var(--text-secondary, #64748b);background:#6366f10a;border-radius:0 8px 8px 0}.note-detail-content ul{padding-left:20px}.note-detail-content hr{border:none;border-top:1px solid var(--border-color, #e2e8f0);margin:20px 0}.note-detail-content a{color:var(--primary, #6366f1)}.ai-search-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.ai-search-title{font-size:22px;font-weight:700;color:var(--text-primary, #1e293b);margin:0}.ai-search-layout{display:flex;gap:20px;height:calc(100vh - 200px);min-height:500px}.ai-chat-area{flex:1;display:flex;flex-direction:column;background:var(--bg-secondary, #fff);border:1px solid var(--border-color, #e2e8f0);border-radius:16px;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, #94a3b8);padding:40px}.ai-chat-empty-icon{font-size:64px;margin-bottom:16px}.ai-chat-empty h3{color:var(--text-primary, #1e293b);margin:0 0 8px}.ai-chat-empty p{margin:0 0 24px}.ai-suggestions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.ai-suggestions button{padding:8px 16px;border:1px solid var(--border-color, #e2e8f0);border-radius:20px;background:transparent;color:var(--text-secondary, #64748b);font-size:13px;cursor:pointer;transition:all .2s}.ai-suggestions button:hover{background:#6366f10f;color:var(--primary, #6366f1);border-color:#6366f14d}.ai-chat-messages{flex:1;overflow-y:auto;padding:20px}.ai-chat-message{display:flex;gap:12px;margin-bottom:20px}.ai-chat-user{flex-direction:row-reverse}.ai-chat-avatar{width:36px;height:36px;border-radius:50%;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:16px;background:var(--bg-primary, #f7f8fc);border:1px solid var(--border-color, #e2e8f0)}.ai-chat-user .ai-chat-bubble{background:#6366f114;border-color:#6366f126}.ai-chat-content{color:var(--text-primary, #1e293b);font-size:14px;line-height:1.7}.ai-chat-content code{background:#6366f114;color:var(--primary, #6366f1);padding:1px 4px;border-radius:3px;font-size:13px}.ai-chat-content pre{background:#1e293b;padding:12px;border-radius:6px;overflow-x:auto;margin:8px 0}.ai-chat-content pre code{background:none;color:#e2e8f0;padding:0}.ai-chat-typing{display:flex;gap:6px;padding:4px 0}.ai-chat-typing span{width:8px;height:8px;border-radius:50%;background:var(--primary, #6366f1);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(-8px);opacity:1}}.ai-related-notes{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color, #e2e8f0)}.ai-related-notes h4{margin:0 0 8px;font-size:13px;color:var(--text-secondary, #64748b)}.ai-related-note-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:6px;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, #6366f1);font-size:13px}.ai-note-relevance{color:var(--text-tertiary, #94a3b8);font-size:11px}.ai-chat-input-bar{display:flex;gap:10px;padding:16px 20px;border-top:1px solid var(--border-color, #e2e8f0);background:var(--bg-secondary, #fff)}.ai-chat-input{flex:1;padding:12px 16px;border:1px solid var(--border-color, #e2e8f0);border-radius:24px;background:var(--bg-primary, #f7f8fc);color:var(--text-primary, #1e293b);font-size:14px;outline:none}.ai-chat-input:focus{border-color:var(--primary, #6366f1);box-shadow:0 0 0 3px #6366f11a}.ai-chat-input::placeholder{color:var(--text-tertiary, #94a3b8)}.ai-send-btn{border-radius:50%;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, #fff);border:1px solid var(--border-color, #e2e8f0);border-radius:16px;padding:16px;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 12px;font-size:14px;color:var(--text-secondary, #64748b)}.ai-history-list{display:flex;flex-direction:column;gap:4px}.ai-history-item{padding:8px 10px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary, #64748b);font-size:13px;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, #1e293b)}.ai-history-clear{margin-top:12px;padding:6px 0;border:none;background:transparent;color:var(--text-tertiary, #94a3b8);font-size:12px;cursor:pointer;width:100%;text-align:center}.ai-history-clear:hover{color:#ef4444}.notes-toast{position:fixed;top:24px;left:50%;transform:translate(-50%);padding:12px 28px;border-radius:12px;font-size:14px;font-weight:500;z-index:10000;animation:toast-slide-in .35s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0000001f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.notes-toast-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.notes-toast-error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}@keyframes toast-slide-in{0%{opacity:0;transform:translate(-50%) translateY(-20px)}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, #e2e8f0)}.ai-search-layout{flex-direction:column;height:auto}.ai-history-sidebar{width:100%}}.sm-container{padding:24px 32px;max-width:1400px;margin:0 auto;width:100%}.sm-search-bar{margin-bottom:20px}.sm-search-input-wrap{display:flex;align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:4px 4px 4px 16px;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:8px;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 24px;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;border:none;border-radius:8px;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 12px #6366f14d}.sm-stage-tabs{display:flex;gap:8px;margin-bottom:20px;padding:4px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);overflow-x:auto}.sm-stage-tab{display:flex;align-items:center;gap:6px;padding:10px 20px;border:none;border-radius:8px;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 8px #6366f14d}.sm-stage-icon{font-size:1.1rem}.sm-body{display:flex;gap:20px;min-height:calc(100vh - 260px)}.sm-grade-nav{width:140px;flex-shrink:0;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);padding:8px;height:fit-content;position:sticky;top:80px;max-height:calc(100vh - 200px);overflow-y:auto}.sm-grade-item{display:block;width:100%;padding:10px 12px;border:none;border-radius:8px;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:20px;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:8px;font-size:1rem;font-weight:600;color:var(--text-primary)}.sm-subject-dot{width:8px;height:8px;border-radius:50%;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:12px}.sm-type-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;transition:all .2s ease;gap:8px}.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:16px}.sm-body{flex-direction:column}.sm-grade-nav{width:100%;position:static;max-height:none;display:flex;flex-wrap:wrap;gap:4px;padding:8px}.sm-grade-item{width:auto;padding:8px 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:8px 12px;font-size:.85rem}.sm-type-grid{grid-template-columns:repeat(2,1fr)}.sm-type-card{padding:12px 6px}.sm-type-icon{font-size:1.4rem}}.mc-container{padding:24px 32px;max-width:1200px;margin:0 auto;width:100%}.mc-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:20px;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:16px;font-size:.9rem;color:var(--text-secondary)}.mc-result-info strong{color:var(--primary)}.mc-material-list{display:flex;flex-direction:column;gap:16px}.mc-material-card{display:flex;align-items:stretch;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:16px;transition:all .2s ease;gap:16px}.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:8px;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:8px;background:linear-gradient(135deg,#f0f2f8,#e2e8f0)}.mc-thumb-icon{font-size:2.5rem}.mc-thumb-ext{font-size:.75rem;font-weight:600;color:var(--text-tertiary);background:#fff;padding:2px 8px;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:8px;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:12px;margin-bottom:6px}.mc-meta-free{font-size:.82rem;color:#16a34a;font-weight:500}.mc-meta-download{font-size:.8rem;color:var(--text-tertiary);background:var(--bg-tertiary);padding:2px 8px;border-radius:4px}.mc-card-footer{display:flex;align-items:center;gap:16px;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:16px;color:var(--text-tertiary)}.mc-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--primary);border-radius:50%;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:12px}.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:12px;padding:10px 24px;background:var(--primary);color:#fff;border:none;border-radius:8px;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:16px;margin-top:24px;padding-top:16px;border-top:1px solid var(--border-color)}.mc-page-btn{padding:8px 20px;border:1px solid var(--border-color);border-radius:8px;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:16px}.mc-material-card{flex-direction:column;padding:12px}.mc-card-thumb{width:100%;height:180px}.mc-download-btn{align-self:flex-end}}.ma-container{padding:24px 32px;max-width:1400px;margin:0 auto;width:100%;position:relative}.ma-toast{position:fixed;top:24px;right:24px;padding:12px 24px;border-radius:10px;font-size:.9rem;font-weight:500;z-index:9999;animation:ma-toast-in .3s ease;box-shadow:0 4px 16px #00000026}.ma-toast-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.ma-toast-error{background:linear-gradient(135deg,#ef4444,#dc2626);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:20px;flex-wrap:wrap;gap:12px}.ma-header-left{display:flex;align-items:baseline;gap:12px}.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 20px;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 12px #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:32px;height:32px}.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:#ef4444;border:1px solid var(--border-color)}.ma-btn-sm.ma-btn-danger:hover{border-color:#ef4444;background:#ef444414}.ma-tag-type{background:#eab3081a;color:#d97706}.ma-tag-success{background:#22c55e1f;color:#16a34a}.ma-tag-info{background:#6366f11a;color:var(--primary)}.ma-filters{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.ma-filters select,.ma-search-input{padding:9px 14px;border:1px solid var(--border-color);border-radius:8px;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:12px;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:12px 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:12px 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 8px;border-radius:6px;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:#16a34a}.ma-status{display:inline-block;padding:3px 10px;border-radius:12px;font-size:.78rem;font-weight:600}.ma-status-on{background:#22c55e1f;color:#16a34a}.ma-status-off{background:#ef44441f;color:#dc2626}.ma-action-btn{width:32px;height:32px;border:1px solid var(--border-color);border-radius:8px;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:#16a34a;background:#22c55e1a}.ma-action-warn:hover{border-color:#f59e0b;background:#f59e0b1a}.ma-action-danger:hover{border-color:#ef4444;background:#ef44441a}.ma-download-link{display:inline-flex;align-items:center;gap:3px;padding:4px 12px;border-radius:6px;font-size:.8rem;font-weight:600;text-decoration:none;color:#3b82f6;background:#3b82f614;border:1px solid rgba(59,130,246,.2);white-space:nowrap;transition:all .2s ease;cursor:pointer}.ma-download-link:hover{color:#fff;background:#3b82f6;border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 2px 8px #3b82f64d}.ma-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:16px;color:var(--text-tertiary)}.ma-spinner{width:36px;height:36px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;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:12px;color:var(--text-tertiary)}.ma-empty-icon{font-size:3rem}.ma-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px}.ma-page-btn{padding:8px 18px;border:1px solid var(--border-color);border-radius:8px;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:16px;padding:28px;width:420px;max-width:90vw;box-shadow:0 20px 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 20px}.mc-modal-form{margin-bottom:20px}.mc-modal-actions{display:flex;gap:10px;justify-content:flex-end}@media (max-width: 768px){.ma-container{padding:16px}.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:16px;padding:32px;width:400px;max-width:90vw;box-shadow:0 20px 60px #00000040;animation:ma-modal-slide-in .25s ease;text-align:center}@keyframes ma-modal-slide-in{0%{opacity:0;transform:scale(.92) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.ma-modal-icon{font-size:2.5rem;margin-bottom:12px}.ma-modal-title{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin:0 0 12px}.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:#ef4444;margin:0 0 24px}.ma-modal-actions{display:flex;gap:12px;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,#ef4444,#dc2626);color:#fff}.ma-modal-btn-danger:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef444459}.mu-container{padding:24px 32px;max-width:1400px;margin:0 auto;width:100%;position:relative}.mu-header{margin-bottom:24px}.mu-back{color:var(--primary);text-decoration:none;font-size:.88rem;font-weight:500;display:inline-block;margin-bottom:8px}.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:24px;align-items:start}.mu-form-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;padding:24px}.mu-result-section{display:flex;flex-direction:column;gap:16px}.mu-form-group{margin-bottom:18px}.mu-form-row{display:flex;gap:16px}.mu-form-half{flex:1}.mu-label{display:block;font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.mu-required{color:#ef4444}.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:12px;padding:32px;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:8px}.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:12px;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:8px;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:#fef2f2;border-color:#ef4444;color:#ef4444}.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:8px;padding-bottom:4px;border-bottom:1px dashed var(--border-color)}.mu-type-grid{display:flex;flex-wrap:wrap;gap:8px}.mu-type-btn{padding:8px 16px;border:1px solid var(--border-color);border-radius:8px;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:12px;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:8px}.mu-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #6366f159}.mu-submit-btn:disabled{opacity:.6;cursor:not-allowed}.mu-progress-panel{margin-top:16px;padding:18px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px}.mu-progress-bar-wrap{width:100%;height:8px;background:#6366f11a;border-radius:4px;overflow:hidden;margin-bottom:8px}.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:12px}.mu-steps-list{display:flex;flex-direction:column;gap:8px}.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:20px;text-align:center;font-size:.85rem}.mu-step-text{flex:1}.mu-step-done .mu-step-text{color:#16a34a}.mu-step-complete .mu-step-text{color:#16a34a;font-weight:600}.mu-step-error .mu-step-text{color:#ef4444}.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:50%;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:20px}.mu-result-success{text-align:center;font-size:1.1rem;font-weight:700;color:#16a34a;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.mu-result-item{display:flex;justify-content:space-between;padding:8px 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:16px}.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 20px;text-align:center}.mu-result-empty-icon{font-size:3rem;margin-bottom:12px}.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:20px}.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:24px;height:24px;border-radius:50%;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:16px}.mu-pages-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:14px 18px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px}.mu-pages-info{font-size:.9rem;color:var(--text-secondary)}.mu-pages-actions{display:flex;gap:8px}.mu-small-btn{padding:6px 14px;border:1px solid var(--border-color);border-radius:8px;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:8px}.mu-page-card{border:1px solid var(--border-color);border-radius:10px;padding:12px 16px;cursor:pointer;transition:all .2s;background:var(--bg-primary)}.mu-page-card:hover{border-color:var(--primary);box-shadow:0 2px 8px #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:8px;font-size:.9rem;font-weight:600;color:var(--text-primary);cursor:pointer}.mu-page-check input[type=checkbox]{width:16px;height:16px;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:8px 10px;background:var(--bg-secondary);border-radius:6px;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:12px;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:12px;border:1px solid #16a34a;border-radius:12px;background:#16a34a0f;color:#16a34a;font-size:.92rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px}.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:16px}}@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:20px}.qa-header{text-align:center;padding:24px 0 16px}.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:8px}.qa-header p{color:#6b7280;font-size:14px}.qa-header-actions{display:flex;justify-content:center;gap:12px;margin-top:12px}.qa-new-chat-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#374151;font-size:13px;cursor:pointer;transition:all .2s}.qa-new-chat-btn:hover{border-color:#4f46e5;color:#4f46e5;box-shadow:0 2px 8px #4f46e51a}.qa-filters{display:flex;gap:12px;padding:12px 16px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000f;margin-bottom:16px;flex-wrap:wrap;align-items:center}.qa-filters label{font-size:13px;color:#6b7280;font-weight:500}.qa-filter-select{padding:6px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;color:#374151;background:#f9fafb;cursor:pointer;outline:none;transition:border-color .2s}.qa-filter-select:focus{border-color:#4f46e5}.qa-chat-area{flex:1;overflow-y:auto;padding:16px 0;display:flex;flex-direction:column;gap:20px;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 20px}.qa-empty-icon{font-size:64px;margin-bottom:16px}.qa-empty-state h3{font-size:18px;color:#6b7280;margin-bottom:8px}.qa-empty-state p{font-size:14px;color:#9ca3af}.qa-message{display:flex;gap:12px;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:50%;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:12px 16px;border-radius:16px;font-size:14px;line-height:1.7;word-break:break-word}.qa-message.user .qa-message-content{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;border-bottom-right-radius:4px}.qa-message.assistant .qa-message-content{background:#fff;color:#1f2937;border-bottom-left-radius:4px;box-shadow:0 1px 3px #0000000f}.qa-message.assistant .qa-message-content h1,.qa-message.assistant .qa-message-content h2,.qa-message.assistant .qa-message-content h3{margin-top:16px;margin-bottom:8px;font-weight:600}.qa-message.assistant .qa-message-content h1{font-size:18px}.qa-message.assistant .qa-message-content h2{font-size:16px}.qa-message.assistant .qa-message-content h3{font-size:15px}.qa-message.assistant .qa-message-content p{margin:8px 0}.qa-message.assistant .qa-message-content ul,.qa-message.assistant .qa-message-content ol{padding-left:20px;margin:8px 0}.qa-message.assistant .qa-message-content li{margin:4px 0}.qa-message.assistant .qa-message-content code{background:#f3f4f6;padding:2px 6px;border-radius:4px;font-size:13px;font-family:Fira Code,Cascadia Code,monospace}.qa-message.assistant .qa-message-content pre{background:#1f2937;color:#e5e7eb;padding:12px 16px;border-radius:8px;overflow-x:auto;margin:12px 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:12px;margin:12px 0;color:#6b7280;font-style:italic}.qa-typing-cursor{display:inline-block;width:2px;height:16px;background:#4f46e5;margin-left:2px;animation:blink 1s step-end infinite;vertical-align:text-bottom}@keyframes blink{50%{opacity:0}}.qa-references{margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.qa-references-title{font-size:12px;color:#9ca3af;margin-bottom:8px;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:8px;padding:8px 12px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb;font-size:12px;cursor:pointer;transition:all .2s}.qa-reference-card:hover{border-color:#4f46e5;background:#f0f0ff}.qa-reference-card-icon{font-size:16px}.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 8px;border-radius:10px;font-size:11px;font-weight:500;white-space:nowrap}.qa-reference-card-relevance.high{background:#dcfce7;color:#16a34a}.qa-reference-card-relevance.medium{background:#fef9c3;color:#ca8a04}.qa-reference-card-relevance.low{background:#fee2e2;color:#dc2626}.qa-feedback-bar{display:flex;align-items:center;gap:8px;margin-top:8px}.qa-feedback-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid #e5e7eb;border-radius:6px;background:transparent;color:#9ca3af;font-size:12px;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:#ef4444;color:#ef4444;background:#fef2f2}.qa-confidence-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500;margin-top:8px}.qa-confidence-badge.high{background:#dcfce7;color:#16a34a}.qa-confidence-badge.medium{background:#fef9c3;color:#ca8a04}.qa-confidence-badge.low{background:#fee2e2;color:#dc2626}.qa-input-area{padding:16px 0;position:sticky;bottom:0}.qa-input-wrapper{display:flex;gap:12px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:8px 8px 8px 16px;align-items:flex-end;border:1px solid #e5e7eb;transition:border-color .2s}.qa-input-wrapper:focus-within{border-color:#4f46e5;box-shadow:0 4px 20px #4f46e51f}.qa-input-wrapper textarea{flex:1;border:none;outline:none;resize:none;font-size:14px;line-height:1.5;color:#1f2937;padding:8px 0;max-height:120px;min-height:24px;font-family:inherit}.qa-input-wrapper textarea::placeholder{color:#9ca3af}.qa-send-btn{width:40px;height:40px;border-radius:12px;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 12px #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:12px 0}.qa-hot-questions-title{font-size:13px;color:#6b7280;margin-bottom:8px;font-weight:500}.qa-hot-tags{display:flex;flex-wrap:wrap;gap:8px}.qa-hot-tag{padding:6px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:20px;font-size:13px;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:8px 0}.qa-loading-dots span{width:8px;height:8px;border-radius:50%;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:12px}.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:24px 20px;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:32px}.smartedu-back-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.95rem;cursor:pointer;transition:all .3s ease;margin-bottom:24px;-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,#22c55e,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.smartedu-subtitle{color:var(--text-tertiary);font-size:.95rem}.smartedu-input-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:28px;margin-bottom:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.smartedu-input-card:hover{border-color:#22c55e4d;box-shadow:0 4px 20px #22c55e14}.smartedu-input-label{display:block;font-size:.9rem;font-weight:600;color:var(--text-secondary);margin-bottom:12px}.smartedu-input-wrapper{display:flex;gap:12px}.smartedu-url-input{flex:1;padding:14px 18px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:.95rem;outline:none;transition:all .3s ease}.smartedu-url-input:focus{border-color:#22c55e;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,#22c55e,#16a34a);color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;display:flex;align-items:center;gap:8px}.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:12px;font-size:.82rem;color:var(--text-tertiary)}.smartedu-info-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:28px;margin-bottom:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInUp .4s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.smartedu-info-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.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:16px;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:16px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:12px;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:16px;padding:28px;margin-bottom:24px;-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:20px}.smartedu-progress-bar-wrapper{background:var(--bg-primary);border-radius:10px;height:12px;overflow:hidden;margin-bottom:16px}.smartedu-progress-bar{height:100%;border-radius:10px;transition:width .5s ease;position:relative;overflow:hidden}.smartedu-progress-bar.downloading{background:linear-gradient(90deg,#22c55e,#4ade80)}.smartedu-progress-bar.merging{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.smartedu-progress-bar.completed{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.smartedu-progress-bar.failed{background:linear-gradient(90deg,#ef4444,#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:8px}.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:16px;padding:28px;margin-bottom:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInUp .4s ease;text-align:center}.smartedu-complete-icon{font-size:3rem;margin-bottom:12px}.smartedu-complete-title{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.smartedu-complete-meta{color:var(--text-tertiary);font-size:.9rem;margin-bottom:20px}.smartedu-save-btn{padding:14px 36px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:12px;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:12px;padding:16px 20px;margin-bottom:24px;display:flex;align-items:center;gap:10px;color:#ef4444;font-size:.9rem;animation:fadeInUp .3s ease}.smartedu-help-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:24px 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:16px;display:flex;align-items:center;gap:8px}.smartedu-help-steps{list-style:none;padding:0;margin:0}.smartedu-help-steps li{display:flex;align-items:flex-start;gap:12px;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:24px;height:24px;background:linear-gradient(135deg,#22c55e26,#3b82f626);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#22c55e;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:50%;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:16px 12px}.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 24px 24px;text-align:center}.ve-header h1{font-size:2rem;font-weight:700;color:#fff;margin:0 0 8px}.ve-subtitle{color:#888;font-size:1rem;margin:0}.ve-content{max-width:860px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column;gap:20px}.ve-upload-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ve-dropzone{border:2px dashed #333;border-radius:12px;padding:32px 20px;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:8px;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:8px;color:#e4e4f0;padding:9px 12px;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:16px}.ve-advanced{display:flex;flex-direction:column;gap:12px}.ve-toggle-btn{background:none;border:1px solid #333;border-radius:6px;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:8px;color:#f56;padding:12px 16px;font-size:.9rem}.ve-submit-btn{background:linear-gradient(135deg,#5865f2,#7c3aed);border:none;border-radius:10px;color:#fff;padding:14px 28px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;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:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:ve-spin .7s linear infinite;flex-shrink:0}.ve-spinner--sm{width:16px;height:16px}@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:16px;padding:24px 24px 20px;border-bottom:1px solid #1e2130}.vt-back-btn{background:none;border:1px solid #333;border-radius:6px;color:#888;padding:6px 12px;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:24px 20px;display:flex;flex-direction:column;gap:24px}.vt-progress-bar-wrap{background:#1a1d26;border-radius:8px;height:10px;position:relative;overflow:visible}.vt-progress-bar{background:linear-gradient(90deg,#5865f2,#3ecf8e);height:100%;border-radius:8px;transition:width .5s ease}.vt-progress-text{position:absolute;right:0;top:-22px;font-size:.8rem;color:#888}.vt-stages{display:flex;gap:8px;flex-wrap:wrap}.vt-stage{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 16px;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:#a5b4fc}.vt-stage-check{position:absolute;top:4px;right:6px;font-size:.7rem;color:#3ecf8e}.vt-stage-spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.15);border-top-color:#a5b4fc;border-radius:50%;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:12px;padding:24px;text-align:center}.vt-error-box h3{margin:0 0 10px;color:#f56}.vt-error-box p{color:#c88;margin:0 0 16px;font-size:.9rem}.vt-retry-btn{background:#5865f2;border:none;border-radius:8px;color:#fff;padding:10px 20px;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:12px;padding:24px;display:flex;flex-direction:column;align-items:center;gap:16px}.vt-result-box h3{margin:0;font-size:1.2rem;color:#3ecf8e}.vt-result-stats{display:flex;gap:32px}.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:#000}.vt-download-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#3ecf8e,#1aa870);border-radius:8px;color:#fff;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 12px}}.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 20px;margin-bottom:24px}.mq-section-head.light h2{color:#fff}.mq-section-head.light p{color:#ffffffb3}.mq-section-tag{display:inline-block;padding:3px 14px;border-radius:20px;font-size:.7rem;font-weight:700;background:linear-gradient(135deg,#a8d870,#6abf4b);color:#fff;letter-spacing:1px;margin-bottom:10px}.mq-section-head h2{font-size:1.5rem;font-weight:900;color:#3d3425;margin:0 0 8px;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 24px 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:20px;opacity:.08;white-space:nowrap}.mq-s1-content{position:relative;z-index:1}.mq-s1-badge{display:inline-block;padding:5px 18px;border-radius:24px;background:#2e7d321a;border:1.5px solid rgba(46,125,50,.2);color:#2e7d32;font-size:.78rem;font-weight:700;margin-bottom:20px;letter-spacing:1px}.mq-s1-title{font-size:2.8rem;font-weight:900;color:#3d2e1a;margin:0 0 16px;letter-spacing:4px;line-height:1.2;text-shadow:0 2px 12px rgba(0,0,0,.06)}.mq-s1-sub{font-size:1rem;color:#8a7a60;line-height:1.8;margin:0 0 24px}.mq-s1-stats{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:32px}.mq-s1-stats span{font-size:.8rem;color:#7a6a50;font-weight:600;padding:6px 14px;background:#ffffff80;border-radius:20px;-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:#fff;border-radius:30px;font-size:.95rem;font-weight:800;text-decoration:none;letter-spacing:1px;box-shadow:0 6px 24px #43a04759;transition:all .25s}.mq-s1-cta:hover{transform:translateY(-2px);box-shadow:0 8px 32px #43a04773}.mq-s1-scroll-hint{position:absolute;bottom:24px;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:12px;height:12px;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 16px;background:linear-gradient(180deg,#faf8f3,#f0f8e8)}.mq-plant-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:680px;margin:0 auto 24px;padding:0 4px}.mq-plant-card{background:#fff;border-radius:16px;padding:20px 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:8px}.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 8px;background:#fff3e0;border-radius:6px;margin-bottom:8px}.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 8px;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:16px 8px;background:#fff;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 16px;background:#faf8f3}.mq-num-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:520px;margin:0 auto;padding:0 4px}.mq-num-card{text-align:center;padding:18px 10px;background:#fff;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 16px;background:linear-gradient(180deg,#f0f8e8,#faf8f3)}.mq-map-box{max-width:720px;margin:0 auto 20px;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 20px #0000000d}.mq-route-cards{max-width:680px;margin:0 auto;display:flex;flex-direction:column;gap:8px;padding:0 4px}.mq-rc{background:#fff;border-radius:12px;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 16px #00000014}.mq-rc-head{display:flex;align-items:center;gap:8px;padding:10px 14px}.mq-rc-day{color:#fff;font-size:.68rem;font-weight:800;padding:3px 10px;border-radius:12px;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:8px;padding:4px 0;font-size:.8rem;color:#555}.mq-rc-dot{width:20px;height:20px;border-radius:50%;color:#fff;font-size:.6rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mq-s5{padding:48px 16px;background:#faf8f3}.mq-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:680px;margin:0 auto;padding:0 4px}.mq-product{border-radius:16px;padding:18px 16px;display:flex;gap:12px;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:#fff3e0;padding:1px 6px;border-radius:8px;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 16px;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:16px 8px;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:#fff;display:block;margin-bottom:2px}.mq-food small{font-size:.68rem;color:#ffffff80}.mq-s7{padding:36px 16px;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:#fff;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 20px;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:20px;max-width:680px;margin:0 auto 24px}.mq-footer-cta h3{font-size:1.3rem;font-weight:900;color:#2e7d32;margin:0 0 8px}.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:8px;justify-content:center}.mq-footer-badges span{font-size:.72rem;padding:4px 12px;background:#ffffffb3;border-radius:14px;color:#2e7d32;font-weight:600}.mq-footer-bottom{text-align:center;padding:24px 16px 36px;color:#bbb;font-size:.78rem}.mq-footer-bottom div{font-size:1.3rem;letter-spacing:10px;margin-bottom:8px}.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:8px}.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:8px}.mq-num-val{font-size:1.3rem}.mq-product-grid{grid-template-columns:1fr}.mq-food-grid{grid-template-columns:repeat(3,1fr);gap:8px}.mq-map-svg{min-width:480px}}@media (max-width: 380px){.mq-s1-title{font-size:1.7rem}.mq-s1{padding:50px 16px 36px}.mq-num-grid,.mq-food-grid{grid-template-columns:repeat(2,1fr)}.mq-plant-benefits{grid-template-columns:1fr 1fr;gap:8px}}.pp-page{min-height:100vh;background:linear-gradient(180deg,#fdf2f8,#fce7f3,#fff1f2 60%,#fff);padding-bottom:60px}.pp-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;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:8px 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:12px;padding:20px 24px;max-width:800px;margin:0 auto}.pp-stat-item{flex:1;text-align:center;background:#fff;border-radius:14px;padding:16px 8px;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:8px;padding:0 24px 16px;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:20px;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 20px;padding:20px 24px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #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 #e5e7eb;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 #e5e7eb;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:12px}.pp-btn{padding:10px 24px;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:#f3f4f6;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 #e5e7eb;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 #e5e7eb!important;border-radius:0!important;padding:6px 8px!important;font-size:.75rem!important;box-sizing:border-box}.pp-add-img-remove{position:absolute;top:4px;right:4px;width:20px;height:20px;border:none;border-radius:50%;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 #e5e7eb;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 24px}.pp-phase-divider{padding:20px 0 8px 54px}.pp-phase-label{display:inline-block;padding:6px 18px;border-radius:20px;color:#fff;font-size:.82rem;font-weight:700;letter-spacing:1px}.pp-tl-item{display:flex;gap:16px;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:50%;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,#e5e7eb 50%,transparent 50%);background-size:3px 8px;margin:4px 0;min-height:20px}.pp-tl-card{flex:1;background:#fff;border-radius:16px;padding:16px 20px;margin-bottom:16px;box-shadow:0 2px 12px #0000000a;border:1px solid #f0f0f0;cursor:pointer;transition:all .2s}.pp-tl-card:hover{box-shadow:0 4px 20px #00000014;border-color:#e0e0e0}.pp-tl-card-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.pp-tl-date{font-size:.78rem;font-weight:700;color:#f43f5e;background:#f43f5e0f;padding:3px 10px;border-radius:6px;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 #e5e7eb;border-radius:8px;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:#ef4444;background:#fef2f2}.pp-tl-content{font-size:.88rem;color:#444;line-height:1.8}.pp-tl-content strong{color:#1e1b4b}.pp-edit-form{margin-top:12px;padding-top:12px;border-top:1px dashed #e5e7eb}.pp-tl-images{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.pp-tl-img-wrap{position:relative;border-radius:10px;overflow:hidden;border:1px solid #e5e7eb;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:50%;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:16px;animation:pp-fade-in .2s ease}@keyframes pp-fade-in{0%{opacity:0}to{opacity:1}}.pp-modal{background:#fff;border-radius:18px;padding:24px;width:420px;max-width:100%;box-shadow:0 20px 60px #0003;animation:pp-modal-in .25s ease}@keyframes pp-modal-in{0%{opacity:0;transform:scale(.92) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.pp-modal-title{font-size:1.1rem;font-weight:700;color:#333;margin:0 0 16px;text-align:center}.pp-modal-preview{border-radius:12px;overflow:hidden;border:1px solid #e5e7eb;margin-bottom:16px;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:16px}.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 24px;text-align:center}.pp-add-btn-large{width:100%;padding:16px;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:12px}@media (max-width: 768px){.pp-header{padding:10px 14px;gap:8px}.pp-title{font-size:1rem}.pp-subtitle{display:none}.pp-add-btn{padding:6px 12px;font-size:.8rem}.pp-stats{padding:12px 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 8px}.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:12px;margin-bottom:12px;border-radius:12px}.pp-tl-card-header{flex-wrap:wrap;gap:6px}.pp-tl-date{font-size:.72rem;padding:2px 8px}.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 8px 14px;padding:14px}.pp-add-row{flex-direction:column}.pp-add-images{gap:8px}.pp-add-img-item{width:110px}.pp-add-img-btn{width:110px;height:80px;font-size:.78rem}.pp-footer{padding:0 8px}.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:24px}.pp-tl-dot{width:24px;height:24px;font-size:.75rem}.pp-tl-card{padding:10px}.pp-tl-content{font-size:.82rem}}.ws-page{min-height:100vh;background:#f5f7fa;display:flex;flex-direction:column}.ws-header{height:56px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:50;box-shadow:0 1px 3px #0000000a}.ws-back-btn{display:flex;align-items:center;gap:6px;color:#64748b;text-decoration:none;font-size:.9rem;font-weight:500;padding:6px 14px;border-radius:8px;transition:all .2s}.ws-back-btn:hover{color:#6366f1;background:#f1f5f9}.ws-header-title{font-size:1rem;font-weight:600;color:#1e293b}.ws-header-right{width:100px}.ws-hero{position:relative;height:200px;overflow:hidden}.ws-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#667eea,#764ba2,#6366f1)}.ws-hero-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.ws-hero-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;padding:0 20px}.ws-hero-icon{font-size:44px;margin-bottom:10px;animation:ws-float 3s ease-in-out infinite}@keyframes ws-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.ws-hero-title{font-size:2rem;font-weight:700;margin:0 0 8px;letter-spacing:.02em}.ws-hero-subtitle{font-size:1rem;opacity:.9;margin:0;max-width:480px;line-height:1.5}.ws-body{flex:1;max-width:1100px;width:100%;margin:0 auto;padding:40px 32px 60px}.ws-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.ws-card{display:flex;align-items:center;padding:24px 28px;background:#fff;border-radius:16px;border:1px solid #e5e7eb;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a}.ws-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--card-color, #6366f1);opacity:0;transition:opacity .3s ease}.ws-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--card-color, #6366f1),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.ws-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001a;border-color:var(--card-color, #6366f1)}.ws-card:hover:before{opacity:1}.ws-card:hover:after{opacity:.04}.ws-card-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0;margin-right:20px;background:linear-gradient(135deg,var(--card-color, #6366f1),color-mix(in srgb,var(--card-color, #6366f1),white 30%));box-shadow:0 4px 12px color-mix(in srgb,var(--card-color, #6366f1),transparent 70%);transition:all .3s ease;position:relative;z-index:1}.ws-card:hover .ws-card-icon{transform:scale(1.08);box-shadow:0 6px 20px color-mix(in srgb,var(--card-color, #6366f1),transparent 50%)}.ws-card-info{flex:1;min-width:0;position:relative;z-index:1}.ws-card-name{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 6px;transition:color .2s ease}.ws-card:hover .ws-card-name{color:var(--card-color, #6366f1)}.ws-card-desc{color:#64748b;font-size:.88rem;line-height:1.5;margin:0}.ws-card-arrow{flex-shrink:0;color:#94a3b8;transition:all .3s ease;margin-left:12px;position:relative;z-index:1}.ws-card:hover .ws-card-arrow{color:var(--card-color, #6366f1);transform:translate(4px)}.ws-footer{padding:24px 0;text-align:center;color:#94a3b8;font-size:.85rem;border-top:1px solid #e5e7eb;background:#fff}.ws-footer p{margin:0}.ws-card-group{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;border:1px solid #e5e7eb;background:#fff;box-shadow:0 1px 3px #0000000a;transition:all .3s cubic-bezier(.4,0,.2,1)}.ws-card-group:hover{box-shadow:0 12px 40px #0000001a;border-color:var(--card-color, #6366f1)}.ws-card-group .ws-card{border:none;border-radius:0;box-shadow:none;cursor:pointer}.ws-card-group .ws-card:hover{transform:none;box-shadow:none}.ws-card-expandable{-webkit-user-select:none;user-select:none}.ws-card-toggle{flex-shrink:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#94a3b8;background:#f1f5f9;transition:all .3s ease;margin-left:12px}.ws-card-toggle svg{transition:transform .3s ease}.ws-card-toggle.expanded{background:var(--card-color, #6366f1);color:#fff}.ws-card-toggle.expanded svg{transform:rotate(180deg)}.ws-card-expandable:hover .ws-card-toggle{background:var(--card-color, #6366f1);color:#fff}.ws-sub-menu{max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1),padding .35s ease;padding:0 24px;border-top:0 solid #e5e7eb}.ws-sub-menu.open{max-height:400px;padding:8px 24px 16px;border-top:1px solid #e5e7eb}.ws-sub-item{display:flex;align-items:center;padding:12px 16px;border-radius:10px;text-decoration:none;color:#475569;font-size:.95rem;font-weight:500;transition:all .2s ease;margin-bottom:2px}.ws-sub-item:hover{background:linear-gradient(135deg,#f59e0b14,#f59e0b08);color:var(--card-color, #f59e0b);transform:translate(4px)}.ws-sub-icon{font-size:1.2rem;margin-right:14px;width:28px;text-align:center}.ws-sub-name{font-size:.95rem}@media (max-width: 768px){.ws-header{padding:0 16px}.ws-hero{height:160px}.ws-hero-icon{font-size:36px;margin-bottom:8px}.ws-hero-title{font-size:1.5rem}.ws-hero-subtitle{font-size:.88rem}.ws-body{padding:24px 16px 48px}.ws-grid{grid-template-columns:1fr;gap:16px}.ws-card{padding:20px}.ws-card-icon{width:48px;height:48px;font-size:1.6rem;margin-right:16px}.ws-header-right{width:60px}}@media (min-width: 769px) and (max-width: 1024px){.ws-grid{grid-template-columns:repeat(2,1fr)}}.auth-guard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px;color:var(--text-secondary, #666);font-size:1rem}.auth-guard-spinner{width:40px;height:40px;border:3px solid var(--border-color, #e5e7eb);border-top-color:var(--primary, #6366f1);border-radius:50%;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:#fff;border-radius:16px;padding:48px 40px 36px;box-shadow:0 20px 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(20px)}to{opacity:1;transform:translateY(0)}}.auth-guard-icon{font-size:48px;margin-bottom:16px}.auth-guard-modal h3{font-size:1.4rem;font-weight:700;color:var(--text-primary, #1e293b);margin:0 0 8px}.auth-guard-desc{color:var(--text-secondary, #64748b);font-size:.9rem;margin:0 0 24px;line-height:1.5}.auth-guard-error{color:#ef4444;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:8px 12px;font-size:.85rem;margin-bottom:16px}.auth-guard-input{width:100%;padding:12px 16px;border:2px solid var(--border-color, #e5e7eb);border-radius:10px;font-size:1rem;outline:none;transition:border-color .2s;box-sizing:border-box}.auth-guard-input:focus{border-color:var(--primary, #6366f1);box-shadow:0 0 0 3px #6366f11a}.auth-guard-actions{display:flex;gap:12px;margin-top:24px}.auth-guard-btn{flex:1;padding:12px 20px;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, #64748b)}.auth-guard-btn-cancel:hover{background:#e2e8f0}.auth-guard-btn-primary{background:var(--primary, #6366f1);color:#fff}.auth-guard-btn-primary:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}:root{--bg-primary: #f6f6f6;--bg-secondary: #ffffff;--bg-tertiary: #f0f2f5;--bg-hover: #e8f3ff;--text-primary: #1a1a1a;--text-secondary: #6d6d6d;--text-tertiary: #b2b2b2;--primary: #0066ff;--primary-light: #3385ff;--primary-dark: #0052cc;--primary-rgb: 0, 102, 255;--accent-purple: #175199;--accent-blue: #56a0f5;--border-color: #ebebeb;--border-hover: #b3d1ff;--shadow-sm: 0 1px 3px rgba(26, 26, 26, .06);--shadow-md: 0 2px 8px rgba(26, 26, 26, .08);--shadow-lg: 0 4px 16px rgba(26, 26, 26, .1);--shadow-hover: 0 8px 24px rgba(0, 102, 255, .12);--gradient-logo: linear-gradient(135deg, #0066ff 0%, #56a0f5 100%);--gradient-banner-left: linear-gradient(90deg, #0052cc 0%, #0066ff 100%);--gradient-banner-right: linear-gradient(90deg, #0066ff 0%, #56a0f5 100%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,system-ui,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.6;font-weight:400;color-scheme:light;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c7d2e0;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}a{font-weight:500;color:var(--text-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--primary)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.3}button{cursor:pointer;border:none;outline:none;font-family:inherit}.flex-center{display:flex;align-items:center;justify-content:center}.text-gradient{background:var(--gradient-logo);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}