:root{--bg-deep: #0c0f14;--bg-card: rgba(18, 24, 36, .72);--border: rgba(255, 255, 255, .08);--text: #e8ecf4;--text-muted: #8b95a8;--accent-domestic: #3dd68c;--accent-international: #5b9cf5;--accent-google: #f5b83d;--font-sans: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--radius: 16px;--shadow: 0 24px 48px rgba(0, 0, 0, .45);--page-pad-x: 1.5rem;--page-pad-y: 2.5rem;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;overflow-x:hidden}body{font-family:var(--font-sans);background:var(--bg-deep);color:var(--text);min-height:100vh;min-height:100dvh;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden;padding-left:var(--safe-left);padding-right:var(--safe-right)}.app{position:relative;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.app__bg{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 20% -10%,rgba(61,214,140,.12),transparent),radial-gradient(ellipse 60% 40% at 90% 20%,rgba(91,156,245,.1),transparent),radial-gradient(ellipse 50% 30% at 50% 100%,rgba(245,184,61,.08),transparent),var(--bg-deep);pointer-events:none;z-index:0}.app__main{position:relative;z-index:1;flex:1;max-width:1200px;width:100%;margin:0 auto;padding:calc(var(--page-pad-y) + var(--safe-top)) var(--page-pad-x) 1.5rem}.header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.25rem;margin-bottom:2.5rem}.header-text{flex:1 1 12rem;min-width:0}.header h1{font-size:clamp(1.5rem,5vw,2.25rem);font-weight:700;letter-spacing:-.02em;line-height:1.2}.header p{color:var(--text-muted);margin-top:.35rem;font-size:clamp(.85rem,2.5vw,.95rem);line-height:1.45}.btn-refresh{font-family:inherit;font-size:.9rem;font-weight:600;padding:.65rem 1.25rem;min-height:44px;border:1px solid var(--border);border-radius:10px;background:#ffffff0f;color:var(--text);cursor:pointer;transition:background .2s,border-color .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;flex-shrink:0}.btn-refresh:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff26}.btn-refresh:active:not(:disabled){background:#ffffff24;transform:scale(.98)}.btn-refresh:disabled{opacity:.55;cursor:not-allowed}.ip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1.25rem;width:100%}.ip-card{position:relative;padding:1.5rem;border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow);overflow:hidden;min-width:0}.ip-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.ip-card--domestic:before{background:linear-gradient(90deg,var(--accent-domestic),transparent)}.ip-card--international:before{background:linear-gradient(90deg,var(--accent-international),transparent)}.ip-card--google:before{background:linear-gradient(90deg,var(--accent-google),transparent)}.ip-card__badge{display:inline-block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:.2rem .55rem;border-radius:6px;margin-bottom:.75rem}.ip-card--domestic .ip-card__badge{background:#3dd68c26;color:var(--accent-domestic)}.ip-card--international .ip-card__badge{background:#5b9cf526;color:var(--accent-international)}.ip-card--google .ip-card__badge{background:#f5b83d26;color:var(--accent-google)}.ip-card__title{font-size:clamp(1rem,3.5vw,1.15rem);font-weight:600;margin-bottom:.25rem;line-height:1.3}.ip-card__subtitle{font-size:clamp(.78rem,2.5vw,.82rem);color:var(--text-muted);margin-bottom:1.25rem;line-height:1.45}.ip-card__ip{font-family:var(--font-mono);font-size:clamp(1.2rem,4.5vw,1.65rem);font-weight:600;letter-spacing:.02em;word-break:break-all;overflow-wrap:anywhere;margin-bottom:1rem;line-height:1.35}.ip-card__meta{display:grid;grid-template-columns:4.5rem 1fr;gap:.35rem .75rem;font-size:clamp(.82rem,2.5vw,.88rem);margin-bottom:.5rem}.ip-card__meta dt{color:var(--text-muted);flex-shrink:0}.ip-card__meta dd{margin:0;word-break:break-word;overflow-wrap:anywhere}.ip-card__source{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border);font-size:.75rem;color:var(--text-muted);display:flex;flex-direction:column;gap:.25rem;word-break:break-word}.ip-card__time{font-variant-numeric:tabular-nums}.ip-card__error{font-size:clamp(.85rem,2.5vw,.9rem);color:#f87171;line-height:1.5;word-break:break-word}.ip-card__skeleton{display:flex;flex-direction:column;gap:.65rem}.skeleton-line{height:14px;border-radius:6px;background:linear-gradient(90deg,#ffffff0f 25%,#ffffff1f,#ffffff0f 75%);background-size:200% 100%;animation:shimmer 1.2s ease-in-out infinite}.skeleton-line--lg{height:32px;width:70%}.skeleton-line--sm{width:45%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.app__footer-tip-box{margin-top:2rem;padding:1rem 1.25rem;border-radius:12px;background:#ffffff08;border:1px solid var(--border)}.app__footer-tip-box p{font-size:clamp(.75rem,2.5vw,.8rem);color:var(--text-muted);line-height:1.55;margin:0}.app__bottom{flex-shrink:0;z-index:2;width:100%;margin-top:auto;padding:.65rem var(--page-pad-x) calc(.65rem + var(--safe-bottom));text-align:center;border-top:1px solid var(--border);background:#080a0eeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.app__bottom-copy{font-size:clamp(.7rem,2vw,.76rem);color:var(--text-muted);margin:0 0 .25rem;line-height:1.4}.app__bottom-beian{font-size:clamp(.68rem,1.9vw,.74rem);color:var(--text-muted);margin:0;line-height:1.4;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.15rem .35rem}.app__bottom-link{color:var(--text-muted);text-decoration:none;transition:color .2s}.app__bottom-link:hover{color:var(--accent-international);text-decoration:underline}.app__bottom-sep{opacity:.45;-webkit-user-select:none;user-select:none}@media(max-width:768px){:root{--page-pad-x: 1.25rem;--page-pad-y: 1.75rem}.app__main{padding-bottom:1rem}.header{margin-bottom:1.75rem}.ip-grid{gap:1rem}.ip-card{padding:1.25rem;box-shadow:0 12px 32px #00000059}}@media(max-width:480px){:root{--page-pad-x: 1rem;--page-pad-y: 1.25rem;--radius: 14px}.header{flex-direction:column;align-items:stretch;gap:1rem;margin-bottom:1.5rem}.btn-refresh{width:100%;justify-content:center;display:flex;align-items:center;padding:.75rem 1rem;font-size:.95rem}.ip-grid{grid-template-columns:1fr;gap:.875rem}.ip-card{padding:1.125rem 1rem}.ip-card__meta{grid-template-columns:1fr;gap:.15rem}.ip-card__meta dt{font-size:.75rem;margin-bottom:0}.ip-card__meta dd{margin-bottom:.65rem;padding-bottom:.65rem;border-bottom:1px solid var(--border)}.ip-card__meta:last-of-type dd{border-bottom:none;margin-bottom:0;padding-bottom:0}.app__footer-tip-box{margin-top:1.5rem;padding:.875rem 1rem}}@media(max-width:360px){:root{--page-pad-x: .75rem}.header h1{font-size:1.35rem}}@media(max-height:500px)and (orientation:landscape)and (max-width:900px){.ip-grid{grid-template-columns:repeat(2,1fr)}.ip-grid .ip-card:last-child{grid-column:1 / -1}.app__main{padding-top:calc(.75rem + var(--safe-top));padding-bottom:calc(1rem + var(--safe-bottom))}.header{flex-direction:row;align-items:center;margin-bottom:1rem}.btn-refresh{width:auto}}@media(min-width:481px)and (max-width:640px){.ip-grid{grid-template-columns:1fr}}