:root{--color-primary: #0969da;--color-primary-dark: #0550ae;--color-text: #1f2328;--color-text-secondary: #57606a;--color-border: #d0d7de;--color-background-hover: #f3f4f6;--color-error: #b42318;--color-placeholder: #9aa4b2;--bg-gradient-white: #ffffff;--bg-gradient-light-blue: #f0f4f8;--bg-gradient-lighter-blue: #e8f0f8;--bg-white-translucent-98: rgba(255, 255, 255, .98);--bg-white-translucent-96: rgba(246, 250, 255, .96);--bg-white-translucent-75: rgba(255, 255, 255, .75);--bg-white-translucent-50: rgba(255, 255, 255, .5);--bg-primary-glow-08: rgba(9, 105, 218, .08);--bg-primary-glow-10: rgba(9, 105, 218, .1);--bg-primary-glow-12: rgba(9, 105, 218, .12);--bg-blue-glow-06: rgba(100, 200, 255, .06);--bg-blue-neutral-05: rgba(120, 150, 200, .05);--bg-blue-neutral-08: rgba(120, 150, 200, .08);--bg-text-hover-06: rgba(31, 35, 40, .06);--bg-loading-40: rgba(200, 210, 230, .4);--bg-loading-20: rgba(200, 210, 230, .2);--bg-loading-30: rgba(200, 210, 230, .3);--border-blue-light-80: rgba(198, 213, 233, .8);--border-blue-light-90: rgba(198, 213, 233, .9);--border-blue-neutral-70: rgba(120, 150, 200, .7);--border-blue-neutral-80: rgba(120, 150, 200, .8);--border-light-card-70: rgba(200, 210, 230, .7);--border-light-card-50: rgba(200, 210, 230, .5);--border-light-card-30: rgba(200, 210, 230, .3);--shadow-text-dark-12: rgba(31, 35, 40, .12);--shadow-text-dark-15: rgba(31, 35, 40, .15);--shadow-text-dark-16: rgba(31, 35, 40, .16);--shadow-blue-neutral-18: rgba(120, 150, 200, .18);--shadow-white-inset: rgba(255, 255, 255, .8);--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--space-4xl: 64px;--size-logo: 32px;--size-icon: 18px;--size-search-btn: 48px;--size-search-height: 52px;--size-feature-icon: 32px;--size-skeleton-line: 28px;--size-skeleton-line-large: 40px;--size-skeleton-pill: 24px;--size-skeleton-label: 16px;--size-skeleton-pill-width: 120px;--size-skeleton-label-width: 80px;--size-skeleton-value-width: 200px;--size-card-border-radius: 16px;--size-dropdown-border-radius: 12px;--size-min-height-button: 40px;--size-modal-min-width: 200px;--size-modal-max-height: 400px;--size-dropdown-top-offset: 8px;--size-article-max-width: 800px;--size-search-max-width: 700px;--size-result-max-width: 700px;--size-container-max-width: 1280px;--size-hero-max-width: 600px;--border-radius-sm: 6px;--border-radius-circle: 999px;--border-width-thin: 1px;--shadow-lg: 0 8px 24px rgba(31, 35, 40, .12);--shadow-search-inset: inset 0 1px 0 rgba(255, 255, 255, .8);--shadow-search-normal: 0 10px 24px rgba(31, 35, 40, .12);--shadow-search-focus: 0 12px 26px rgba(31, 35, 40, .16);--shadow-dropdown: 0 12px 32px rgba(31, 35, 40, .15);--shadow-card: 0 6px 16px rgba(31, 35, 40, .08);--shadow-search-focus-ring: 0 0 0 3px rgba(120, 150, 200, .18);--font-family-system: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;--font-size-xs: 13px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 20px;--font-size-xl: 24px;--font-size-2xl: 32px;--font-size-3xl: 48px;--font-weight-medium: 500;--font-weight-semibold: 600;--line-height-default: 1.5;--line-height-article: 1.8;--line-height-hero: 1.2;--line-height-article-title: 1.3;--line-height-feature: 1.6;--transition-fast: .2s ease;--transition-skeleton: 1.5s infinite;--transition-dropdown: var(--transition-fast) ease-out;--offset-dropdown-translate: -8px;--offset-feature-hover: -2px;--offset-list-padding: 1.2rem;--offset-letter-spacing: .02em;--z-backdrop: -1;--z-dropdown: 1000}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family-system);font-size:var(--font-size-sm);line-height:var(--line-height-default);color:var(--color-text);background:linear-gradient(135deg,var(--bg-gradient-white) 0%,var(--bg-gradient-light-blue) 25%,var(--bg-gradient-lighter-blue) 50%,var(--bg-gradient-light-blue) 75%,var(--bg-gradient-white) 100%);background-attachment:fixed;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 50%,var(--bg-primary-glow-08) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,var(--bg-blue-glow-06) 0%,transparent 50%);pointer-events:none;z-index:var(--z-backdrop)}.container{max-width:var(--size-container-max-width);margin:0 auto;padding:0 var(--space-xl)}header{padding:var(--space-lg) 0}.header-content{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.logo{display:flex;align-items:center;gap:var(--space-md);text-decoration:none;color:var(--color-text);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base)}.logo img{width:var(--size-logo);height:var(--size-logo)}nav{display:flex;gap:var(--space-lg);align-items:center}nav a{color:var(--color-text);text-decoration:none;padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius-sm);transition:background-color var(--transition-fast)}nav a:hover{background-color:var(--color-background-hover)}.language-selector{position:relative}.language-wrapper{display:flex;align-items:center}.language-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border:var(--border-width-thin) solid var(--border-blue-light-80);border-radius:var(--border-radius-circle);background:transparent;color:var(--color-text);cursor:pointer;font-size:var(--font-size-sm);font-family:var(--font-family-system);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);min-height:var(--size-min-height-button);white-space:nowrap}.language-btn:hover{border-color:var(--border-blue-neutral-70);background:var(--bg-blue-neutral-05)}.language-btn:active,.language-btn[aria-expanded=true]{border-color:var(--border-blue-neutral-80);background:var(--bg-blue-neutral-08)}.language-dropdown{display:none;position:absolute;top:calc(100% + var(--size-dropdown-top-offset));right:0;background-color:var(--bg-gradient-white);border:var(--border-width-thin) solid var(--border-light-card-70);border-radius:var(--size-dropdown-border-radius);box-shadow:var(--shadow-dropdown);min-width:var(--size-modal-min-width);max-height:var(--size-modal-max-height);overflow-y:auto;z-index:var(--z-dropdown);animation:dropdown-fade-in var(--transition-dropdown)}.language-dropdown.active{display:block}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(var(--offset-dropdown-translate))}to{opacity:1;transform:translateY(0)}}.language-option{padding:var(--space-md) var(--space-lg);cursor:pointer;transition:background-color var(--transition-fast);display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm)}.language-option:first-child{border-radius:var(--size-dropdown-border-radius) var(--size-dropdown-border-radius) 0 0}.language-option:last-child{border-radius:0 0 var(--size-dropdown-border-radius) var(--size-dropdown-border-radius)}.language-option:hover{background-color:var(--color-background-hover)}.language-option.selected{background-color:var(--bg-primary-glow-10);color:var(--color-primary);font-weight:var(--font-weight-semibold)}main{padding:var(--space-xl) 0;min-height:calc(100vh - 200px)}.hero{text-align:center;margin-bottom:var(--space-3xl)}.hero h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-lg);line-height:var(--line-height-hero)}.hero p{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:var(--size-hero-max-width);margin:0 auto}.search-box{max-width:var(--size-search-max-width);margin:0 auto var(--space-3xl)}.search-form{display:flex}.search-input-wrapper{display:flex;align-items:stretch;width:100%;border:var(--border-width-thin) solid var(--border-blue-light-90);border-radius:var(--border-radius-circle);overflow:hidden;transition:all var(--transition-fast);background:linear-gradient(180deg,var(--bg-white-translucent-98) 0%,var(--bg-white-translucent-96) 100%);backdrop-filter:blur(8px) saturate(160%);-webkit-backdrop-filter:blur(8px) saturate(160%);box-shadow:var(--shadow-search-normal),var(--shadow-search-inset);min-height:var(--size-search-height);padding-left:var(--space-md)}.search-input-wrapper:focus-within{border-color:var(--border-blue-neutral-70);box-shadow:var(--shadow-search-focus),var(--shadow-search-focus-ring)}.search-input{flex:1;padding:0 var(--space-lg);border:none;font-size:var(--font-size-base);font-family:var(--font-family-system);transition:all var(--transition-fast);background-color:transparent;color:var(--color-text)}.search-input:focus{outline:none}.search-input::placeholder{color:var(--color-placeholder)}.search-btn{padding:0 var(--space-lg);background-color:transparent;color:var(--color-text-secondary);border:none;cursor:pointer;transition:background-color var(--transition-fast);display:flex;align-items:center;justify-content:center;width:var(--size-search-btn);flex-shrink:0;position:relative}.search-btn:before{content:"";display:block;width:var(--size-icon);height:var(--size-icon);background-image:url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%238a8f98" stroke-width="2.3" stroke-linecap="round" stroke-linejoin="round"%3E%3Ccircle cx="11" cy="11" r="8"/%3E%3Cpath d="m21 21-4.35-4.35"/%3E%3C/svg%3E');background-size:contain;background-repeat:no-repeat;background-position:center}.search-btn:hover{background-color:var(--bg-text-hover-06)}.result-box{max-width:var(--size-result-max-width);margin:0 auto var(--space-3xl);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg)}.result-card{padding:var(--space-lg);border-radius:var(--size-card-border-radius);background:var(--bg-white-translucent-75);border:var(--border-width-thin) solid var(--border-light-card-70);box-shadow:var(--shadow-card)}.result-card--hero{grid-column:1 / -1}.result-card-title{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);letter-spacing:var(--offset-letter-spacing);margin-bottom:var(--space-md)}.result-ip{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.result-error{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-error);margin-bottom:var(--space-md)}.result-meta{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.result-pill{padding:6px 10px;border-radius:var(--border-radius-circle);background:var(--bg-primary-glow-08);color:var(--color-text);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.result-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) 0;border-bottom:var(--border-width-thin) solid var(--border-light-card-50);gap:var(--space-lg)}.result-card--network .result-row{flex-wrap:wrap}.result-card--network .result-value{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0}.result-row:last-child{border-bottom:none}.result-label{color:var(--color-text-secondary);font-weight:var(--font-weight-semibold)}.result-value{font-weight:var(--font-weight-medium);word-break:break-word}.result-badge{padding:4px 10px;border-radius:var(--border-radius-circle);background:var(--bg-primary-glow-12);color:var(--color-primary-dark);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.result-card--skeleton{background:var(--bg-white-translucent-50)}.skeleton-line{height:var(--size-skeleton-line);background:linear-gradient(90deg,var(--bg-loading-40),var(--bg-loading-20),var(--bg-loading-40));background-size:200% 100%;border-radius:var(--border-radius-sm);margin-bottom:var(--space-md);animation:skeleton-loading var(--transition-skeleton)}.skeleton-line--large{height:var(--size-skeleton-line-large);margin-bottom:var(--space-lg)}.skeleton-meta{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.skeleton-pill{height:var(--size-skeleton-pill);width:var(--size-skeleton-pill-width);background:linear-gradient(90deg,var(--bg-loading-40),var(--bg-loading-20),var(--bg-loading-40));background-size:200% 100%;border-radius:var(--border-radius-circle);animation:skeleton-loading var(--transition-skeleton)}.skeleton-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) 0;border-bottom:var(--border-width-thin) solid var(--border-light-card-30)}.skeleton-row:last-child{border-bottom:none}.skeleton-label{height:var(--size-skeleton-label);width:var(--size-skeleton-label-width);background:linear-gradient(90deg,var(--bg-loading-40),var(--bg-loading-20),var(--bg-loading-40));background-size:200% 100%;border-radius:4px;animation:skeleton-loading var(--transition-skeleton)}.skeleton-value{height:var(--size-skeleton-label);width:var(--size-skeleton-value-width);background:linear-gradient(90deg,var(--bg-loading-40),var(--bg-loading-20),var(--bg-loading-40));background-size:200% 100%;border-radius:4px;animation:skeleton-loading var(--transition-skeleton)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-xl);margin-top:var(--space-3xl)}.feature-card{padding:var(--space-xl);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--border-radius-sm);background-color:var(--bg-gradient-white);transition:all var(--transition-fast)}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(var(--offset-feature-hover))}.feature-icon{font-size:var(--size-feature-icon);margin-bottom:var(--space-lg)}.feature-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm)}.feature-desc{color:var(--color-text-secondary);line-height:var(--line-height-feature)}.news-list{max-width:var(--size-article-max-width);margin:0 auto}.news-item{padding:var(--space-xl);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--border-radius-sm);margin-bottom:var(--space-lg);background-color:var(--bg-gradient-white);transition:all var(--transition-fast);text-decoration:none;display:block;color:var(--color-text)}.news-item:hover{box-shadow:var(--shadow-lg);transform:translateY(var(--offset-feature-hover))}.news-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm)}.news-meta{color:var(--color-text-secondary);font-size:var(--font-size-xs);margin-bottom:var(--space-md)}.news-excerpt{color:var(--color-text-secondary);line-height:var(--line-height-feature)}.article-header{max-width:var(--size-article-max-width);margin:0 auto var(--space-2xl);padding-bottom:var(--space-xl);border-bottom:var(--border-width-thin) solid var(--color-border);text-align:left}.article-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-lg);line-height:var(--line-height-article-title)}.article-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-base)}.article-content{max-width:var(--size-article-max-width);margin:0 auto;line-height:var(--line-height-article)}.article-content p{margin-bottom:var(--space-lg)}.article-content ul{padding-left:var(--offset-list-padding);margin-bottom:var(--space-lg)}.article-content li{margin-bottom:var(--space-sm)}.article-content h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:var(--space-2xl) 0 var(--space-lg)}.article-content h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:var(--space-xl) 0 var(--space-md)}footer{padding:var(--space-xl) 0}.footer-content{display:flex;justify-content:center;align-items:center;gap:var(--space-lg);flex-wrap:nowrap;text-align:center}.footer-content a{color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.footer-content a:hover{color:var(--color-text)}.copyright{color:var(--color-text-secondary);font-size:var(--font-size-xs)}@media(max-width:768px){.hero h1{font-size:var(--font-size-2xl)}.hero p{font-size:var(--font-size-base)}.header-content{flex-direction:row;align-items:center}.logo span{display:none}nav{width:auto;justify-content:flex-end;flex-wrap:nowrap;white-space:nowrap;gap:var(--space-sm)}.language-btn{font-size:var(--font-size-xs);padding:6px 12px;min-height:auto}.language-dropdown{min-width:180px}.features{grid-template-columns:1fr}.search-form{flex-direction:column}.result-box{grid-template-columns:1fr}.result-card--network .result-row{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.footer-content{flex-wrap:nowrap;white-space:nowrap}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}