*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;}
body{background:#f0fdf4;color:#1a2e1a;line-height:1.6;min-height:100vh;}
.container{max-width:900px;margin:0 auto;padding:0 20px;}
.header{padding:45px 0 25px;text-align:center;margin-bottom:25px;border-bottom:2px solid #86efac;}
.logo{font-size:34px;font-weight:700;color:#15803d;margin-bottom:10px;letter-spacing:-0.5px;}
.tagline{color:#65a30d;font-size:14px;letter-spacing:1px;}
.search-box{background:#fff;border:2px solid #bbf7d0;border-radius:16px;padding:30px;box-shadow:0 2px 8px rgba(22,163,74,0.08);margin-bottom:30px;}
.search-form{display:flex;gap:12px;max-width:450px;margin:0 auto;}
.search-input{flex:1;padding:14px 18px;font-size:15px;background:#f0fdf4;border:2px solid #bbf7d0;border-radius:10px;outline:none;color:#1a2e1a;transition:border-color 0.2s;}
.search-input:focus{border-color:#22c55e;}
.search-input::placeholder{color:#86efac;}
.search-btn{padding:14px 30px;background:#22c55e;color:#fff;border:none;border-radius:10px;font-size:15px;cursor:pointer;font-weight:600;transition:background 0.2s;}
.search-btn:hover{background:#16a34a;}
.features{margin-bottom:30px;}
.features h3{color:#15803d;margin-bottom:16px;font-weight:600;font-size:18px;display:flex;align-items:center;gap:8px;}
.features h3::before{content:"";width:4px;height:18px;background:#22c55e;border-radius:2px;}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.feature-item{background:#fff;border:1px solid #dcfce7;border-radius:12px;padding:18px;text-align:center;transition:all 0.2s;cursor:pointer;}
.feature-item:hover{border-color:#86efac;box-shadow:0 4px 12px rgba(22,163,74,0.1);transform:translateY(-2px);}
.feature-icon{font-size:24px;margin-bottom:10px;display:block;}
.feature-text{font-size:13px;color:#4d7c4d;}
.recent-searches{background:#fff;border:2px solid #bbf7d0;border-radius:16px;padding:25px;box-shadow:0 2px 8px rgba(22,163,74,0.08);margin-bottom:30px;}
.recent-title{color:#15803d;margin-bottom:16px;font-weight:600;font-size:18px;display:flex;align-items:center;gap:8px;}
.recent-title::before{content:"";width:4px;height:18px;background:#84cc16;border-radius:2px;}
.recent-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;}
.recent-item{background:#f0fdf4;border:1px solid #dcfce7;border-radius:8px;padding:10px 14px;transition:all 0.2s;cursor:pointer;}
.recent-item:hover{border-color:#86efac;background:#ecfdf5;transform:translateX(3px);}
.recent-domain{font-size:13px;color:#166534;}
.footer{background:#fff;border-top:2px solid #bbf7d0;padding:35px 0;margin-top:35px;}
.footer-content{max-width:900px;margin:0 auto;padding:0 20px;}
.footer-links{display:flex;justify-content:center;gap:25px;margin-bottom:18px;flex-wrap:wrap;}
.footer-links a{color:#65a30d;text-decoration:none;font-size:13px;transition:color 0.2s;}
.footer-links a:hover{color:#15803d;}
.footer-info{text-align:center;color:#86efac;font-size:12px;line-height:1.8;}
.top-header{padding:15px 0;border-bottom:1px solid #dcfce7;margin-bottom:25px;}
.header-content{display:flex;justify-content:space-between;align-items:center;gap:15px;}
.top-search{flex:1;max-width:320px;}
.top-search .search-form{max-width:100%;}
.domain-header{background:#fff;border:2px solid #bbf7d0;border-radius:16px;padding:20px;margin-bottom:25px;box-shadow:0 2px 8px rgba(22,163,74,0.08);}
.domain-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;flex-wrap:nowrap;gap:15px;}
.domain-info{flex:1;min-width:200px;}
.domain-name{font-size:22px;font-weight:700;color:#14532d;margin-bottom:6px;}
.domain-site-name{color:#22c55e;font-size:14px;margin-bottom:10px;}
.domain-ip-row{display:flex;align-items:center;gap:10px;}
.domain-ip-label{color:#65a30d;font-size:12px;}
.domain-ip-value{color:#1a2e1a;font-size:13px;font-weight:500;}
.domain-thumbnail{width:110px;height:82px;flex-shrink:0;}
.screenshot-wrapper{width:110px;height:82px;border-radius:8px;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,0.08);position:relative;border:1px solid #dcfce7;background:#f0fdf4;}
.site-screenshot{width:100%;height:100%;object-fit:cover;display:none;}
.screenshot-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f0fdf4;color:#86efac;font-size:11px;}
.domain-actions{display:flex;flex-direction:column;gap:6px;align-items:flex-end;min-width:120px;}
.action-btn{padding:8px 18px;background:#f0fdf4;border:1px solid #86efac;color:#22c55e;border-radius:8px;cursor:pointer;font-size:12px;transition:all 0.2s;}
.action-btn:hover{background:#dcfce7;border-color:#22c55e;}
.cache-info{color:#eab308;font-size:11px;text-align:right;}
.data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin:25px 0;}
.data-card{background:#fff;border:1px solid #dcfce7;border-radius:12px;padding:22px;box-shadow:0 2px 6px rgba(22,163,74,0.06);text-align:center;transition:all 0.2s;}
.data-card:hover{border-color:#86efac;box-shadow:0 4px 12px rgba(22,163,74,0.1);transform:translateY(-2px);}
.data-label{color:#65a30d;font-size:12px;margin-bottom:10px;}
.data-value{font-size:26px;font-weight:700;color:#15803d;margin-bottom:6px;}
.data-desc{color:#86efac;font-size:11px;}
.info-section{background:#fff;border:2px solid #bbf7d0;border-radius:16px;padding:25px;margin:25px 0;box-shadow:0 2px 8px rgba(22,163,74,0.08);}
.section-title{font-size:18px;color:#14532d;margin-bottom:18px;font-weight:600;display:flex;align-items:center;gap:8px;}
.section-title::before{content:"";width:4px;height:18px;background:#22c55e;border-radius:2px;}
.meta-grid{display:grid;gap:14px;}
.meta-item{border-left:3px solid #22c55e;padding-left:14px;background:#f0fdf4;border-radius:0 8px 8px 0;padding:12px 14px;}
.meta-label{color:#65a30d;font-size:12px;margin-bottom:6px;}
.meta-content{color:#1a2e1a;font-size:13px;line-height:1.6;}
.loading-box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#14532d;padding:25px;border-radius:12px;text-align:center;z-index:9999;display:none;}
.loading-spinner{width:36px;height:36px;border:3px solid #dcfce7;border-top:3px solid #22c55e;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 12px;}
@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
.loading-text{color:#fff;font-size:14px;}
.seo-section{background:#fff;border:2px solid #bbf7d0;border-radius:16px;padding:25px;margin:25px 0;box-shadow:0 2px 8px rgba(22,163,74,0.08);border-left:4px solid #84cc16;}
.seo-section h4{color:#14532d;margin-bottom:18px;font-weight:600;font-size:18px;border-bottom:1px solid #dcfce7;padding-bottom:10px;}
.seo-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;}
.seo-item{background:#f0fdf4;border-radius:8px;padding:14px;border:1px solid #dcfce7;}
.seo-label{color:#65a30d;font-size:12px;margin-bottom:6px;}
.seo-value{color:#1a2e1a;font-size:13px;font-weight:500;}
.weight-image{max-height:30px;width:auto;margin:10px 0;}
.back-to-top{position:fixed;bottom:30px;right:30px;width:44px;height:44px;background:#22c55e;color:#fff;border-radius:50%;display:none;align-items:center;justify-content:center;font-size:20px;cursor:pointer;z-index:1000;box-shadow:0 2px 8px rgba(22,163,74,0.3);transition:all 0.2s;border:none;}
.back-to-top:hover{background:#16a34a;transform:translateY(-2px);}
.ip-value-small{font-size:20px !important;}
.home-link{display:inline-block;padding:8px 16px;background:#22c55e;color:#fff;border-radius:8px;text-decoration:none;font-size:13px;transition:background 0.2s;}
.home-link:hover{background:#16a34a;}
.domain-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin:25px 0;}
.domain-info-item{background:#fff;border:1px solid #dcfce7;border-radius:12px;padding:18px;box-shadow:0 2px 6px rgba(22,163,74,0.06);transition:all 0.2s;}
.domain-info-item:hover{border-color:#86efac;transform:translateY(-2px);}
.domain-info-item h4{color:#22c55e;font-size:14px;margin-bottom:12px;}
.domain-info-item p{margin:6px 0;font-size:12px;color:#65a30d;}
.domain-status{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:500;}
.domain-status-active{background:#dcfce7;color:#16a34a;border:1px solid #86efac;}
.domain-status-expired{background:#fef9c3;color:#ca8a04;border:1px solid #fde047;}
.domain-status-unknown{background:#f0fdf4;color:#65a30d;border:1px solid #bbf7d0;}
.dns-servers-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;}
.dns-server-tag{background:#f0fdf4;color:#22c55e;padding:3px 10px;border-radius:20px;font-size:11px;border:1px solid #bbf7d0;}
.registrar-info{font-size:11px;color:#86efac;margin-top:10px;}
.time-info{font-size:11px;color:#86efac;margin-top:10px;}
.email-info{font-size:11px;color:#86efac;margin-top:10px;}
.tool-section{background:#fff;border:2px solid #86efac;border-radius:16px;margin-top:30px;padding-bottom:20px;overflow:hidden;box-shadow:0 2px 8px rgba(22,163,74,0.08);}
.tool-section h2{margin:0 0 20px 0;padding:0 20px;line-height:50px;font-size:18px;font-weight:700;color:#fff;background:#22c55e;text-align:left;letter-spacing:1px;}
.tool-links{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:0 20px;}
.tool-links a{background:#f0fdf4;border-radius:12px;padding:18px 12px;text-decoration:none;display:flex;flex-direction:column;align-items:center;transition:all 0.2s;border:1px solid #dcfce7;}
.tool-links a:hover{background:#ecfdf5;border-color:#86efac;transform:translateY(-4px);box-shadow:0 4px 12px rgba(22,163,74,0.1);}
.tool-icon-box{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;box-shadow:0 2px 6px rgba(0,0,0,0.1);transition:transform 0.2s;}
.tool-links a:hover .tool-icon-box{transform:scale(1.05);}
.tool-icon-box.blue{background:#0ea5e9;}
.tool-icon-box.purple{background:#a855f7;}
.tool-icon-box.orange{background:#f97316;}
.tool-icon-box.green{background:#22c55e;}
.tool-icon-box.red{background:#ef4444;}
.tool-icon-box.teal{background:#14b8a6;}
.tool-icon-box.indigo{background:#6366f1;}
.tool-icon-box.pink{background:#ec4899;}
.tool-icon-box img{width:26px;height:26px;}
.tool-t{font-size:14px;color:#166534;font-weight:500;text-align:center;transition:color 0.2s;}
.tool-links a:hover .tool-t{color:#15803d;}
.friend-link{max-width:900px;margin:0 auto 25px;padding:0 20px;}
.link-title{font-size:18px;font-weight:600;color:#15803d;margin-bottom:14px;display:flex;align-items:center;gap:8px;}
.link-title::before{content:"";width:4px;height:18px;background:#84cc16;border-radius:2px;}
.link-list{display:flex;flex-wrap:wrap;gap:12px;}
.link-list a{padding:10px 18px;background:#fff;border:1px solid #dcfce7;border-radius:10px;color:#65a30d;text-decoration:none;font-size:14px;transition:all 0.2s;}
.link-list a:hover{border-color:#22c55e;color:#15803d;background:#f0fdf4;transform:translateY(-2px);}
@media (max-width:768px){
.search-form{flex-direction:column;}
.search-btn{width:100%;}
.feature-grid{grid-template-columns:repeat(2,1fr);}
.recent-list{grid-template-columns:1fr;}
.footer-links{flex-wrap:wrap;gap:15px;}
.header-content{flex-direction:column;}
.top-search{max-width:100%;}
.domain-title-row{flex-direction:row;flex-wrap:wrap;align-items:center;}
.domain-thumbnail{width:80px;height:60px;margin:10px 0 0 0;}
.domain-actions{width:100%;align-items:flex-start;margin-top:10px;}
.data-grid{grid-template-columns:repeat(2,1fr);}
.domain-info-grid{grid-template-columns:1fr;}
.seo-content{grid-template-columns:1fr;}
.back-to-top{bottom:20px;right:20px;width:40px;height:40px;font-size:18px;}
.tool-links{grid-template-columns:repeat(2,1fr);gap:12px;padding:0 15px;}
.tool-links a{padding:14px 8px;}
.tool-icon-box{width:44px;height:44px;}
.tool-icon-box img{width:22px;height:22px;}
.tool-t{font-size:13px;}
.logo{font-size:28px;}
}