.beian-page{align-items:center;background:linear-gradient(135deg,#d4f1f4,#e8f5e9 50%,#f0f4f8);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;min-height:calc(100vh - 80px);padding:120px 20px 60px;width:100%}.beian-page *{box-sizing:border-box}body.has-navbar-mobile{display:block}.beian-page .header-badge{background:#e3f2fd;border-radius:20px;color:#1976d2;display:inline-block;font-size:14px;margin-bottom:30px;padding:8px 20px}.beian-page h1{color:#1a1a1a;font-size:48px;font-weight:900;margin-bottom:20px;text-align:center}.beian-page .subtitle{color:#666;font-size:16px;margin-bottom:50px;text-align:center}.beian-page .subtitle a{color:#1976d2;text-decoration:none}.beian-page .query-container{backdrop-filter:blur(20px);background:hsla(0,0%,100%,.95);border-radius:28px;box-shadow:0 20px 60px rgba(0,0,0,.12),0 0 0 1px hsla(0,0%,100%,.5);margin-bottom:40px;max-width:720px;padding:48px;transition:all 0.3s ease;width:100%}.beian-page .query-container:hover{box-shadow:0 25px 70px rgba(0,0,0,.15),0 0 0 1px hsla(0,0%,100%,.5);transform:translateY(-2px)}.beian-page .query-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.beian-page .query-title{align-items:center;color:#1a1a1a;display:flex;font-size:28px;font-weight:700;gap:16px}.beian-page .query-icon{align-items:center;background:linear-gradient(135deg,#5da3f5,#4a90e2);border-radius:14px;box-shadow:0 4px 12px rgba(74,144,226,.25);display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.beian-page .query-icon svg{height:30px;width:30px}.beian-page .query-status{border-radius:12px;font-size:14px;font-weight:500;padding:8px 20px}.beian-page .query-status,.beian-page .status-ready{background:#d4f4dd;color:#2d7a4a}.beian-page .status-loading{background:#fff3e0;color:#ef6c00}.beian-page .status-success{background:#d4f4dd;color:#2d7a4a}.beian-page .status-error{background:#ffebee;color:#c62828}@keyframes pulse{0%,to{opacity:1}50%{opacity:0.5}}.beian-page .input-section{margin-bottom:28px}.beian-page .input-label{align-items:center;color:#333;display:flex;font-size:15px;font-weight:500;gap:6px;margin-bottom:12px}.beian-page .input-label svg{color:#666;height:16px;width:16px}.beian-page .input-wrapper{display:flex;gap:12px;position:relative}.beian-page .domain-input{background:#fff;border:2px solid #e0e0e0;border-radius:12px;color:#999;flex:1;font-size:15px;outline:none;padding:16px 50px 16px 20px;transition:all 0.3s}.beian-page .domain-input:hover{border-color:#d0d0d0}.beian-page .domain-input:focus{border-color:#4a90e2;color:#333}.beian-page .domain-input.error{background:#fff;border-color:#ff4d4f;color:#333}.beian-page .domain-input.success{background:#fff;border-color:#52c41a}.beian-page .clear-btn{background:none;border:none;color:#ff4d4f;cursor:pointer;display:none;padding:6px;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.beian-page .domain-input:not(:placeholder-shown)~.clear-btn{display:block}.beian-page .clear-btn svg{height:20px;width:20px}.beian-page .error-msg{align-items:center;color:#ff4d4f;display:none;font-size:14px;gap:6px;margin-top:10px}.beian-page .error-msg.show{display:flex}.beian-page .error-msg:before{color:#ff4d4f;content:"⚠";font-size:16px}.beian-page .success-msg{color:#52c41a;display:none;font-size:14px;margin-top:10px}.beian-page .tip{align-items:center;color:#4a90e2;display:flex;font-size:14px;font-weight:400;gap:8px;margin-bottom:0;margin-top:16px}.beian-page .tip svg{height:18px;width:18px}.beian-page .query-btn{align-items:center;background:linear-gradient(135deg,#6ba3e8,#4a90e2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;justify-content:center;margin-left:auto;min-width:140px;padding:14px 32px;transition:all 0.3s;width:auto}.beian-page .query-btn:hover:not(:disabled){background:linear-gradient(135deg,#5a93d7,#3a80d2);box-shadow:0 4px 12px rgba(74,144,226,.3)}.beian-page .query-btn:disabled{cursor:not-allowed;opacity:0.6}.beian-page .query-actions{align-items:center;display:flex;justify-content:space-between;margin-top:20px}.beian-page .history-section{border-top:1px solid #e8e8e8;margin-top:32px;padding-top:28px}.beian-page .history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.beian-page .history-title{align-items:center;color:#666;display:flex;font-size:15px;font-weight:500;gap:8px}.beian-page .history-title svg{color:#999;height:18px;width:18px}.beian-page .clear-history{background:none;border:none;color:#999;cursor:pointer;font-size:14px;font-weight:400;padding:4px 8px;transition:all 0.2s}.beian-page .clear-history:hover{color:#4a90e2}.beian-page .history-list{display:flex;flex-wrap:wrap;gap:10px}.beian-page .history-item{align-items:center;background:#f5f5f5;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 16px;transition:all 0.2s}.beian-page .history-item:hover{background:#e8e8e8;color:#333}.beian-page .history-item svg{color:#999;height:12px;width:12px}.beian-page .view-transition{animation:fadeIn 0.3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.beian-page .result-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.beian-page .result-title{color:#333;font-size:24px;font-weight:700}.beian-page .result-badge{border-radius:12px;font-size:14px;font-weight:600;padding:8px 18px}.beian-page .badge-success{background:#e8f5e9;color:#2e7d32}.beian-page .badge-error{background:#ffebee;color:#c62828}.beian-page .domain-display{align-items:center;background:#f8f9fa;border-radius:12px;display:flex;gap:12px;margin-bottom:30px;padding:16px 20px}.beian-page .domain-label{color:#999;font-size:14px}.beian-page .domain-value{color:#333;flex:1;font-size:18px;font-weight:600}.beian-page .copy-btn{background:none;border:none;color:#999;cursor:pointer;padding:6px;transition:color 0.2s}.beian-page .copy-btn:hover{color:#1976d2}.beian-page .result-grid{display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:30px}.beian-page .result-item{background:#f8f9fa;border-radius:12px;padding:20px}.beian-page .result-item-label{align-items:center;color:#999;display:flex;font-size:13px;gap:4px;margin-bottom:8px}.beian-page .result-item-value{color:#333;font-size:16px;font-weight:600}.beian-page .not-found{color:#666;padding:40px 20px;text-align:center}.beian-page .disclaimer{align-items:center;color:#999;display:flex;font-size:13px;gap:8px;justify-content:center;margin:20px 0;text-align:center}.beian-page .result-actions{display:flex;gap:12px}.beian-page .result-actions button{align-items:center;border-radius:12px;cursor:pointer;display:flex;flex:1;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px;transition:all 0.3s}.beian-page .back-btn{background:#fff;border:2px solid #e0e0e0;color:#666}.beian-page .back-btn:hover{border-color:#1976d2;color:#1976d2}.beian-page .share-btn{background:#1976d2;border:none;color:#fff}.beian-page .share-btn:hover{background:#1565c0;box-shadow:0 8px 20px rgba(25,118,210,.3);transform:translateY(-2px)}.beian-page .beian-footer{color:#999;display:flex;font-size:14px;gap:40px;margin-bottom:40px;margin-top:20px}.beian-page .beian-footer-item{align-items:center;display:flex;gap:8px}.beian-page .loading-spinner{animation:spin 1s linear infinite;border:4px solid #e0e0e0;border-radius:50%;border-top-color:#1976d2;height:60px;margin:40px auto 20px;width:60px}@keyframes spin{to{transform:rotate(360deg)}}.beian-page .loading-text{color:#666;margin-bottom:10px;text-align:center}.beian-page .loading-subtext{color:#999;font-size:13px;text-align:center}@media (max-width:768px){.beian-page{padding:100px 20px 40px}.beian-page h1{font-size:32px}.beian-page .query-container{border-radius:20px;padding:28px}.beian-page .query-header{align-items:flex-start;flex-direction:column;gap:12px}.beian-page .query-title{font-size:22px}.beian-page .query-icon{height:48px;width:48px}.beian-page .query-icon svg{height:26px;width:26px}.beian-page .domain-input{font-size:15px;padding:14px 45px 14px 18px}.beian-page .query-actions{align-items:stretch;flex-direction:column;gap:16px}.beian-page .tip{justify-content:flex-start}.beian-page .query-btn{margin-left:0;width:100%}.beian-page .result-grid{grid-template-columns:1fr}.beian-page .beian-footer{align-items:center;flex-direction:column;gap:15px}.beian-page .history-list{gap:8px}.beian-page .history-item{font-size:13px;padding:8px 14px}}