.port-checker{max-width:900px}.port-checker .tool-description{color:#a1a1a6;margin-bottom:25px;line-height:1.6}.browser-notice{display:flex;align-items:flex-start;gap:14px;padding:18px 20px;background:linear-gradient(135deg,rgba(33,150,243,.1),rgba(138,43,226,.1));border:1px solid rgba(33,150,243,.3);border-radius:12px;margin-bottom:30px}.notice-icon{flex-shrink:0;width:24px;height:24px;background:#2196f3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:#fff}.notice-content{color:#a1a1a6;font-size:.95rem;line-height:1.6}.notice-content strong{color:#2196f3}.notice-content code{background:rgba(138,43,226,.2);padding:2px 6px;border-radius:4px;font-family:'Courier New',Courier,monospace;font-size:.85rem;color:#8a2be2}.port-search-section{background:#1a1a1a;padding:24px;border-radius:12px;margin-bottom:25px}.port-search-section h3{color:#2196f3;font-size:1.1rem;margin:0 0 16px 0}.search-input-container{display:flex;gap:12px}.search-input-container input{flex:1;padding:14px 18px;background:#2c2c2c;border:1px solid #444;border-radius:8px;color:#fff;font-size:1rem;margin:0}.search-input-container input:focus{outline:0;border-color:#8a2be2}.search-input-container input::placeholder{color:#666}.search-input-container .btn{padding:14px 28px;background:linear-gradient(135deg,#8a2be2,#2196f3);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease}.search-input-container .btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px rgba(138,43,226,.3)}.search-result{margin-top:20px;padding:20px;background:#252525;border-radius:10px;border-left:4px solid #8a2be2}.search-result.not-found{border-left-color:#f44336}.search-result-header{display:flex;align-items:center;gap:15px;margin-bottom:12px}.search-result-port{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#8a2be2,#2196f3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.search-result-service{font-size:1.2rem;color:#fff;font-weight:500}.search-result-protocol{padding:4px 10px;background:rgba(138,43,226,.2);border-radius:4px;font-size:.8rem;color:#8a2be2;font-weight:600;text-transform:uppercase}.search-result-description{color:#a1a1a6;line-height:1.6;margin-bottom:12px}.search-result-security{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:6px;font-size:.9rem;font-weight:500}.search-result-security.secure{background:rgba(76,175,80,.15);color:#4caf50}.search-result-security.caution{background:rgba(255,193,7,.15);color:#ffc107}.search-result-security.insecure{background:rgba(244,67,54,.15);color:#f44336}.search-result-not-found{color:#a1a1a6}.search-result-not-found strong{color:#f44336}.port-filter-section{margin-bottom:25px}.port-filter-section h3{color:#2196f3;font-size:1.1rem;margin:0 0 16px 0}.filter-buttons{display:flex;flex-wrap:wrap;gap:10px}.filter-btn{padding:10px 18px;background:#2c2c2c;border:1px solid #444;border-radius:8px;color:#a1a1a6;font-size:.9rem;cursor:pointer;transition:all .2s ease}.filter-btn:hover{background:#333;border-color:#555;color:#fff}.filter-btn.active{background:linear-gradient(135deg,rgba(138,43,226,.15),rgba(33,150,243,.15));border-color:#8a2be2;color:#fff}.ports-table-section{margin-bottom:30px}.ports-table-section h3{color:#2196f3;font-size:1.1rem;margin:0 0 16px 0}.table-container{overflow-x:auto;background:#1a1a1a;border-radius:12px;border:1px solid #333}.ports-table{width:100%;border-collapse:collapse;font-size:.9rem}.ports-table thead{background:#252525}.ports-table th{padding:14px 16px;text-align:left;color:#888;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #333}.ports-table th.sortable{cursor:pointer;user-select:none;transition:color .2s}.ports-table th.sortable:hover{color:#8a2be2}.ports-table th.sortable::after{content:' \2195';opacity:.5}.ports-table th.sortable.asc::after{content:' \2191';opacity:1;color:#8a2be2}.ports-table th.sortable.desc::after{content:' \2193';opacity:1;color:#8a2be2}.ports-table tbody tr{border-bottom:1px solid #2a2a2a;transition:background .15s}.ports-table tbody tr:hover{background:#252525}.ports-table tbody tr:last-child{border-bottom:none}.ports-table td{padding:14px 16px;color:#ccc}.ports-table .port-number{font-weight:700;color:#8a2be2;font-family:'Courier New',Courier,monospace}.ports-table .protocol-badge{display:inline-block;padding:3px 8px;background:rgba(33,150,243,.15);border-radius:4px;font-size:.75rem;color:#2196f3;font-weight:600;text-transform:uppercase}.ports-table .service-name{font-weight:500;color:#fff}.ports-table .security-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:4px;font-size:.8rem;font-weight:500}.ports-table .security-badge.secure{background:rgba(76,175,80,.15);color:#4caf50}.ports-table .security-badge.caution{background:rgba(255,193,7,.15);color:#ffc107}.ports-table .security-badge.insecure{background:rgba(244,67,54,.15);color:#f44336}.port-ranges-section{margin-bottom:30px}.port-ranges-section h3{color:#2196f3;font-size:1.1rem;margin:0 0 16px 0}.range-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.range-card{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:20px;transition:all .2s ease}.range-card:hover{border-color:#8a2be2;transform:translateY(-2px)}.range-number{font-size:1.4rem;font-weight:700;background:linear-gradient(135deg,#8a2be2,#2196f3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.range-name{color:#fff;font-weight:600;margin-bottom:8px}.range-desc{color:#888;font-size:.9rem;line-height:1.5}.security-tips-section{margin-bottom:30px}.security-tips-section h3{color:#2196f3;font-size:1.1rem;margin:0 0 16px 0}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.tip-card{display:flex;gap:16px;background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:20px}.tip-icon{flex-shrink:0;width:36px;height:36px;background:linear-gradient(135deg,#8a2be2,#2196f3);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:1rem}.tip-content h4{color:#fff;font-size:1rem;margin:0 0 8px 0}.tip-content p{color:#888;font-size:.9rem;line-height:1.5;margin:0}.calc-info{margin-top:30px;padding:24px;background:#1a1a1a;border-radius:12px}.calc-info h3{color:#2196f3;margin:0 0 16px 0}.calc-info h4{color:#8a2be2;margin:24px 0 12px 0;font-size:1rem}.calc-info p{color:#a1a1a6;line-height:1.7;margin-bottom:16px}.calc-info ul{color:#a1a1a6;margin-left:20px;line-height:1.8}.calc-info li{margin-bottom:8px}.calc-info strong{color:#ccc}.calc-info code{background:rgba(138,43,226,.2);padding:2px 6px;border-radius:4px;font-family:'Courier New',Courier,monospace;font-size:.85rem;color:#8a2be2}.calc-info .disclaimer{margin-top:20px;padding:16px;background:rgba(138,43,226,.1);border-left:3px solid #8a2be2;border-radius:0 8px 8px 0;font-style:italic}[data-theme=light] .browser-notice{background:linear-gradient(135deg,rgba(33,150,243,.08),rgba(138,43,226,.08))}[data-theme=light] .notice-content{color:#555}[data-theme=light] .notice-content code{background:rgba(138,43,226,.1)}[data-theme=light] .calc-info,[data-theme=light] .port-search-section{background:#f5f5f5}[data-theme=light] .search-input-container input{background:#fff;border-color:#ddd;color:#333}[data-theme=light] .search-input-container input::placeholder{color:#999}[data-theme=light] .search-result{background:#fff}[data-theme=light] .search-result-service{color:#333}[data-theme=light] .search-result-description{color:#666}[data-theme=light] .filter-btn{background:#f5f5f5;border-color:#ddd;color:#666}[data-theme=light] .filter-btn:hover{background:#eee;border-color:#ccc;color:#333}[data-theme=light] .filter-btn.active{background:linear-gradient(135deg,rgba(138,43,226,.1),rgba(33,150,243,.1));color:#333}[data-theme=light] .table-container{background:#fff;border-color:#e0e0e0}[data-theme=light] .ports-table thead{background:#f8f8f8}[data-theme=light] .ports-table th{color:#666;border-bottom-color:#e0e0e0}[data-theme=light] .ports-table tbody tr{border-bottom-color:#f0f0f0}[data-theme=light] .ports-table tbody tr:hover{background:#f8f8f8}[data-theme=light] .ports-table td{color:#444}[data-theme=light] .ports-table .service-name{color:#333}[data-theme=light] .range-card,[data-theme=light] .tip-card{background:#f5f5f5;border-color:#e0e0e0}[data-theme=light] .range-name,[data-theme=light] .tip-content h4{color:#333}[data-theme=light] .range-desc,[data-theme=light] .tip-content p{color:#666}[data-theme=light] .calc-info p,[data-theme=light] .calc-info ul{color:#555}[data-theme=light] .calc-info strong{color:#333}[data-theme=light] .calc-info code{background:rgba(138,43,226,.1)}@media (max-width:768px){.search-input-container{flex-direction:column}.search-input-container .btn{width:100%}.filter-buttons{justify-content:flex-start}.filter-btn{padding:8px 14px;font-size:.85rem}.ports-table td,.ports-table th{padding:12px 10px;font-size:.85rem}.ports-table td:nth-child(4),.ports-table th:nth-child(4){display:none}.range-cards,.tips-grid{grid-template-columns:1fr}.tip-card{flex-direction:column;align-items:flex-start}}@media (max-width:480px){.browser-notice{flex-direction:column;align-items:flex-start}.search-result-header{flex-wrap:wrap}.ports-table td:nth-child(5),.ports-table th:nth-child(5){display:none}}