/* header */
#proxy_header {display: flex; align-items: center; position: sticky; top: 0; z-index: 100; height: 52px; width: 100%; background: var(--bg_1, #fff); border-bottom: 1px solid var(--border, #eee);}
.proxy_header_inner {display: flex; align-items: center; justify-content: space-between; gap: 24px; width: 100%;}
.proxy_header_left {display: flex; align-items: center; gap: 32px;}
.proxy_logo {display: inline-flex; align-items: center;}
.proxy_logo img {height: 28px; width: auto;}
.proxy_header_nav {display: flex; align-items: center; gap: 24px;}
.proxy_header_nav a {font-size: 14px; font-weight: 500; color: var(--text_1, #111); text-decoration: none;}
.proxy_header_nav a:hover {color: var(--primary-color-1, #4f46e5);}
.proxy_header_menu {display: flex; align-items: center; gap: 20px;}
.proxy_header_menu a {font-size: 14px; color: var(--text_2, #666); text-decoration: none;}
.proxy_header_menu a:hover {color: var(--text_1, #111);}

/* main */
#proxy_main {display: block; width: 100%; min-height: 50vh;}

/* notice (invalid / redirect) */
.proxy_notice {display: flex; flex-direction: column; align-items: center; justify-content: center; max-width: 560px; margin: 80px auto; padding: 40px 24px; text-align: center; gap: 14px;}
.proxy_notice_icon {display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 50%; background: var(--bg_2, #f5f5f5); font-size: 26px;}
.proxy_notice_title {font-size: 24px; font-weight: 600; color: var(--text_1, #111);}
.proxy_notice_desc {font-size: 15px; line-height: 1.6; color: var(--text_2, #666);}
.proxy_notice .home_btn {margin-top: 10px;}

/* home helpers */
.proxy_grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; width: 100%; margin: 40px 0;}
.proxy_block {display: flex; flex-direction: column; gap: 10px; padding: 24px; border: 1px solid var(--border, #eee); border-radius: 16px;}
.proxy_label {font-size: 13px; font-weight: 500; color: var(--primary-color-1, #111);}
.proxy_title {font-size: 20px; font-weight: 600; line-height: 1.25; color: var(--text_1, #111);}
.proxy_section_text {font-size: 15px; line-height: 1.6; color: var(--text_2, #666);}
.proxy_legal_links {display: flex; flex-wrap: wrap; gap: 18px; margin: 30px 0 60px; justify-content: center;}
.proxy_legal_links a {font-size: 14px; color: var(--text_2, #666); text-decoration: none;}
.proxy_legal_links a:hover {color: var(--text_1, #111);}

/* footer */
#proxy_footer {display: block; width: 100%; padding: 40px 0; border-top: 1px solid var(--border, #eee); margin-top: 60px;}
.proxy_footer_inner {display: flex; align-items: flex-start; justify-content: space-between; gap: 40px; flex-wrap: wrap;}
.proxy_footer_desc {font-size: 14px; line-height: 1.6; color: var(--text_2, #666); max-width: 520px;}
.proxy_footer_links {display: flex; flex-wrap: wrap; gap: 16px;}
.proxy_footer_links a {font-size: 14px; color: var(--text_2, #666); text-decoration: none;}
.proxy_footer_links a:hover {color: var(--text_1, #111);}
.proxy_copyright {font-size: 13px; color: var(--text_3, #999); margin-top: 24px;}

/* rtl */
html[dir="rtl"] .proxy_header_inner, html[dir="rtl"] .proxy_footer_inner, html[dir="rtl"] .proxy_header_left {flex-direction: row-reverse;}

/* responsive */
@media (max-width: 860px) {
    .proxy_grid {grid-template-columns: 1fr;}
    .proxy_footer_inner {flex-direction: column;}
    .proxy_header_left {gap: 20px;}
    .proxy_header_nav {display: none;}
}