.logo-text,body{flex-direction:column;display:flex}.container,.main-header .container,.search-bar-wrapper{max-width:1240px;margin:0 auto}:root{--red:#d10000;--red-dark:#b80000;--red-light:#e60012;--gold:#c8963e;--gold-light:#f0d78c;--bg:#f5f5f5;--card-bg:#ffffff;--text:#333333;--text-secondary:#666666;--text-light:#999999;--border:#e8e8e8;--shadow:0 2px 12px rgba(0, 0, 0, 0.08);--shadow-hover:0 8px 28px rgba(0, 0, 0, 0.14);--radius:12px;--radius-sm:8px;--transition:0.25s cubic-bezier(0.4, 0, 0.2, 1)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei","Helvetica Neue",sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden}.main-header{background:#37393d;padding:16px 0;padding-top:calc(16px + env(safe-area-inset-top,0px));position:sticky;top:0;z-index:100;box-shadow:0 4px 20px rgba(0,0,0,.3)}.main-header .container{padding:0 20px;width:100%;display:flex;align-items:center;justify-content:space-between}.logo-area{display:flex;align-items:center;gap:12px}.logo-icon{width:44px;height:44px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:20px;color:var(--red);letter-spacing:-1px;box-shadow:0 2px 8px rgba(0,0,0,.2)}.login-link,.login-link:hover{background:rgba(255,255,255,.05)}.filter-tag,.login-link{font-weight:500;transition:var(--transition)}.logo-text .main-title{font-size:22px;font-weight:700;color:#fff;letter-spacing:1px;line-height:1.1}.logo-text .sub-title{font-size:11px;color:var(--gold);letter-spacing:.5px;font-weight:700}.login-link{color:var(--gold);text-decoration:none;font-size:15px;padding:8px 16px;border-radius:var(--radius);border:none;backdrop-filter:blur(4px)}.login-link:hover{color:var(--gold)}.container{padding:0 20px;width:100%}.announcement-bar{background:rgba(55,57,61,.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:none;box-shadow:0 -2px 6px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.12);padding:3px 0;font-size:12px;color:#fff;text-align:center;overflow:hidden;white-space:nowrap}.filter-section,.number-card,.search-bar{box-shadow:var(--shadow)}.announcement-bar .scroll-text{display:inline-block;animation:20s linear infinite scroll-left;letter-spacing:1px}@keyframes scroll-left{0%{transform:translateX(100vw)}100%{transform:translateX(-100%)}}.announcement-bar .highlight{color:var(--gold-light);font-weight:700}.search-bar-wrapper{padding:12px 20px 4px;display:flex;flex-direction:column;align-items:center;width:100%}.search-bar{display:flex;width:100%;max-width:100%;background:#fff;border-radius:var(--radius);overflow:hidden;transition:var(--transition)}.search-bar:focus-within{box-shadow:0 6px 24px rgba(0,0,0,.18);transform:translateY(-1px)}.search-bar input{flex:1;border:none;padding:13px 20px;font-size:15px;outline:0;color:#333;background:0 0}.search-bar input::placeholder{color:#bbb;font-size:14px}.search-bar button{background:var(--gold);color:#fff;border:none;padding:13px 24px;font-size:15px;font-weight:600;cursor:pointer;transition:var(--transition);letter-spacing:1px;white-space:nowrap}.search-bar button:hover:not(:disabled){background:#b8862d}.search-bar button:disabled{background:#aaa;cursor:not-allowed;opacity:.7}.main-content{padding:16px 0 60px;flex:1}.filter-section{background:var(--card-bg);border-radius:var(--radius);padding:18px 20px;margin-bottom:20px;display:flex;justify-content:center}.filter-tags{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}@media (max-width:768px){.filter-tags{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}.filter-tag{text-align:center;padding:8px 4px;white-space:normal;word-break:keep-all;font-size:13px}}.card-badge,.card-type,.filter-tag{white-space:nowrap}.modal-number,.number-display{word-break:break-all;font-family:inherit}.filter-tag{background:0 0;border:1.5px solid #e0e0e0;color:#333;font-size:14px;padding:8px 18px;cursor:pointer;border-radius:20px;letter-spacing:.5px;user-select:none}.filter-tag:hover{border-color:#ffb8b8;color:var(--red);background:snow}.filter-tag.active{background:var(--red);color:#fff;border-color:var(--red);font-weight:600;box-shadow:0 2px 8px rgba(200,0,0,.25)}.filter-tag.hot::after{display:none}.number-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px;margin-bottom:28px}@media (max-width:600px){.login-link{padding:6px 12px;font-size:13px}.number-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.number-card{background:var(--card-bg);border-radius:var(--radius);padding:20px 18px;transition:var(--transition);cursor:pointer;position:relative;border:2px solid transparent;display:flex;flex-direction:column;gap:10px;overflow:visible}.number-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px);border-color:var(--gold)}.card-badge{position:absolute;top:-4px;right:-4px;font-size:11px;font-weight:700;padding:1px 5px;border-radius:999px;letter-spacing:1px;z-index:10;box-shadow:0 2px 10px rgba(0,0,0,.15);pointer-events:none}.modal-overlay,.toast{position:fixed;pointer-events:none}.btn-card,.card-price,.modal-number,.number-display,.toast{letter-spacing:.5px}.badge-hot{background:#e74c3c;color:#fff}.badge-rare{background:linear-gradient(45deg,#1e3a8a,#6b21a8,#4f46e5,#7c3aed);background-size:300% 300%;animation:4s infinite gradientShift;color:#f0e6ff;text-shadow:0 0 8px rgba(255,255,255,.5);box-shadow:0 0 20px rgba(100,80,255,.4);border:1px solid rgba(180,150,255,.5)}@keyframes gradientShift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.badge-new{background:#e0f0ff;color:#3b7ddd}.badge-top{background:linear-gradient(135deg,gold,#ffb800);color:#5c3d00;box-shadow:0 0 12px rgba(255,215,0,.6)}.badge-elite{background:#e67e22;color:#fff}.badge-fifty{background:#2ecc71;color:#fff}.number-display{font-size:22px;font-weight:700;color:#1a1a1a;line-height:1.3}.number-display .domain-suffix{color:var(--red);font-weight:800}.card-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.card-type{font-size:12px;color:var(--text-light);background:#f8f8f8;padding:3px 10px;border-radius:10px}.card-price{font-size:20px;font-weight:700;color:#e63946}.card-price .unit{font-size:13px;font-weight:400;color:#999}.card-actions{display:flex;justify-content:flex-start;gap:8px}.btn-card{padding:9px 24px;border-radius:20px;font-size:13px;cursor:pointer;transition:var(--transition);font-weight:600;text-align:center;border:none;width:auto}.btn-buy{background:#37393d;color:#fff}.btn-buy:hover{background:#4a4d54;box-shadow:0 4px 14px rgba(0,0,0,.3)}.btn-registered{background:#e74c3c;color:#fff;cursor:not-allowed;opacity:.9;pointer-events:none}.pagination{display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap}.page-btn{width:38px;height:38px;border-radius:50%;border:1.5px solid #e0e0e0;background:#fff;cursor:pointer;font-size:14px;font-weight:500;color:#555;transition:var(--transition);display:flex;align-items:center;justify-content:center}.page-btn:hover{border-color:var(--red);color:var(--red);background:snow}.page-btn.active-page{background:var(--red);color:#fff;border-color:var(--red);font-weight:700;box-shadow:0 2px 8px rgba(200,0,0,.3)}.page-btn.arrow{font-size:18px}.page-info{font-size:13px;color:var(--text-secondary);margin:0 8px}.site-footer{background:#37393d;color:#ddd;padding:20px 0;font-size:13px;margin-top:auto;text-align:center}.site-footer .copyright{font-size:12px;color:#ddd}.site-footer .copyright .domain-highlight{color:var(--gold-light);font-weight:600}.toast{bottom:20px;left:50%;transform:translateX(-50%) translateY(120px);background:rgba(55,57,61,.85);color:#fff;padding:12px 28px;border-radius:28px;font-size:14px;font-weight:500;z-index:9999;transition:transform .35s cubic-bezier(.175, .885, .32, 1.275);box-shadow:0 8px 30px rgba(0,0,0,.3)}.toast.show{transform:translateX(-50%) translateY(0)}.modal-overlay{inset:0;background:rgba(0,0,0,.55);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-dialog{background:#fff;border-radius:16px;padding:32px 24px 24px;max-width:440px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,.35);text-align:center;transform:translateY(20px);transition:transform .3s}.modal-overlay.open .modal-dialog{transform:translateY(0)}.modal-number{position:relative;display:inline-block;background:#37393d;color:var(--gold);font-size:26px;font-weight:700;padding:8px 24px;border-radius:40px;margin-bottom:8px;box-shadow:0 4px 12px rgba(0,0,0,.2);overflow:hidden;isolation:isolate}.modal-number::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),rgba(255,255,255,.6),rgba(255,255,255,.4),transparent);transform:skewX(-15deg);animation:2.5s ease-in-out infinite shine;pointer-events:none;z-index:1;border-radius:40px}.modal-number span{position:relative;z-index:2}@keyframes shine{0%,20%{left:-100%}100%,50%{left:100%}}.modal-dialog .modal-price{font-size:28px;font-weight:700;color:#e63946;margin:12px 0 8px}.modal-dialog .modal-meta{color:#888;font-size:13px;margin-bottom:28px}.contact-icons{display:flex;justify-content:center;gap:32px;margin-top:8px}.contact-icon-btn{background:#f5f5f5;border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);border:2px solid #eee;color:#333}.contact-icon-btn:hover{background:#e8e8e8;border-color:#ccc;transform:scale(1.05)}.contact-icon-btn svg{width:28px;height:28px;fill:currentColor}.modal-close-text{margin-top:18px;color:#999;cursor:pointer;font-size:13px;background:0 0;border:none;display:inline-block}@media (max-width:768px){.number-grid{gap:12px}.search-bar-wrapper{padding:10px 20px 2px}.search-bar{max-width:100%}.number-display{font-size:18px}.card-price{font-size:17px}.modal-number{font-size:20px;padding:6px 18px}}@media (min-width:769px){.search-bar{max-width:556px}}@media (max-width:400px){.number-card{padding:14px 10px;gap:6px}.number-display{font-size:15px}.card-price{font-size:14px}.btn-card{padding:7px 16px;font-size:12px}}