*{margin:0;padding:0;box-sizing:border-box}body,html{overflow:hidden;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif}#app,body,html{width:100%;height:100%}#app{box-sizing:border-box}.app-container{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;display:flex;flex-direction:column}.input-section{background:hsla(0,0%,100%,.95);border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 4px 15px rgba(0,0,0,.1);animation:fadeIn .5s ease-in-out}.section-title{color:#333;font-size:24px;margin-bottom:20px;text-align:center;font-weight:600}.domain-input{margin-bottom:15px;border-radius:8px}.domain-input ::-webkit-scrollbar{width:4px}.domain-input ::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.domain-input ::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.domain-input ::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.input-actions{display:flex;justify-content:center;gap:15px}.stats-section{background:hsla(0,0%,100%,.95);border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 4px 15px rgba(0,0,0,.1);display:flex;justify-content:space-between;align-items:center;animation:fadeIn .5s ease-in-out .2s both}.stats{display:flex;gap:40px}.stat-item{display:flex;align-items:center;font-size:18px}.stat-label{color:#666;margin-right:10px;font-weight:700}.stat-value{font-weight:600;font-size:20px}.normal-count{color:#4caf50}.blocked-count{color:#f44336}.action-buttons{display:flex;gap:15px}.results-section{background:hsla(0,0%,100%,.95);border-radius:12px;padding:20px;flex:1;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.1);animation:fadeIn .5s ease-in-out .4s both}.results-title{color:#333;font-size:18px;margin-bottom:15px;font-weight:700}.results-list{height:calc(100% - 45px);overflow:auto}.results-list::-webkit-scrollbar{width:4px}.results-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.results-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.results-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.result-item{border-bottom:1px dashed #999!important;padding:10px 0;transition:all .3s ease}.result-item:hover{background-color:#f8f9fa}.result-item:last-child{border-bottom:none}.result-content{display:flex;align-items:center;flex-wrap:wrap;padding:0 10px}.result-domain{font-weight:600;font-size:16px;color:#333;flex:1;min-width:200px;margin-right:20px}.result-status{margin-right:10px}.result-time{font-size:14px;color:#999;margin-left:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.app-container{padding:10px}.section-title{font-size:18px;margin-bottom:15px}.input-section{padding:15px;margin-bottom:15px}.domain-input{margin-bottom:10px}.stats-section{flex-direction:column;gap:15px;align-items:flex-start;padding:15px;margin-bottom:15px}.stats{width:100%;gap:15px;flex-wrap:wrap}.stat-item{font-size:14px;flex:1;min-width:45%}.stat-value{font-size:16px}.action-buttons{width:100%;gap:10px}.results-section{padding:10px}.results-title{font-size:16px;margin-bottom:10px}.results-list{height:calc(100% - 35px)}.result-item{padding:10px 0;margin:0 5px}.result-content{padding:0 5px}.result-domain{font-size:14px;min-width:150px;margin-right:15px}.result-time{font-size:12px}.empty-state{padding:30px 15px}.empty-content{padding:0 10px}.empty-icon{width:70px;height:70px;margin-bottom:20px}.empty-icon i{font-size:32px}.empty-title{font-size:18px;margin-bottom:10px}.empty-description{font-size:14px;margin-bottom:25px}.empty-features{gap:10px}.feature-item{padding:12px;min-width:90px}.feature-item i{font-size:18px;margin-bottom:8px}.feature-item span{font-size:12px}}.empty-state{flex:1;display:flex;justify-content:center;align-items:center;background:hsla(0,0%,100%,.95);border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.1);padding:60px 20px;animation:fadeIn .5s ease-in-out}.empty-content{text-align:center;max-width:500px;padding:0 20px}.empty-icon{width:100px;height:100px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;justify-content:center;align-items:center;margin:0 auto 30px;box-shadow:0 4px 20px rgba(102,126,234,.4);animation:pulse 2s infinite}.empty-icon i{font-size:48px;color:#fff}.empty-title{font-size:24px;font-weight:600;color:#333;margin-bottom:15px}.empty-description{font-size:16px;color:#666;margin-bottom:40px;line-height:1.5}.empty-features{display:flex;justify-content:space-around;flex-wrap:wrap;gap:20px}.feature-item{display:flex;flex-direction:column;align-items:center;padding:20px;background:#f8f9fa;border-radius:10px;flex:1;min-width:120px;transition:all .3s ease}.feature-item:hover{transform:translateY(-5px);box-shadow:0 4px 15px rgba(0,0,0,.1);background:#f0f1f5}.feature-item i{font-size:24px;color:#667eea;margin-bottom:10px}.feature-item span{font-size:14px;color:#555;text-align:center}@keyframes pulse{0%{box-shadow:0 4px 20px rgba(102,126,234,.4)}50%{box-shadow:0 4px 30px rgba(102,126,234,.6)}to{box-shadow:0 4px 20px rgba(102,126,234,.4)}}.app-container{overflow:hidden}