<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&amp;display=swap');
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&amp;display=swap'); /* é¢å¤–å¼•å…¥ä¸€ä¸ªæ›´å…·æœªæ¥æ„Ÿçš„å­—ä½“ */

:root {
    --primary-color: #00ffcc; /* ç§‘æŠ€ç»¿ */
    --secondary-color: #00aaff; /* ç§‘æŠ€è“ */
    --bg-dark: #1a1a2e; /* æ·±è“ç´«èƒŒæ™¯ */
    --card-bg: rgba(25, 25, 40, 0.85); /* å¡ç‰‡èƒŒæ™¯ */
    --border-color: #005544; /* è¾¹æ¡†é¢œè‰² */
    --text-light: #e0e0e0; /* æµ…è‰²æ–‡æœ¬ */
    --text-dim: #888; /* æš—æ·¡æ–‡æœ¬ */
    --link-hover: #00e6b8; /* é“¾æŽ¥æ‚¬åœé¢œè‰² */
    --external-link-color: #ffaa00; /* å¤–éƒ¨é“¾æŽ¥ç‰¹æ®Šé¢œè‰² */
}

/* é˜²æ­¢èƒŒæ™¯æ»šåŠ¨ */
body.modal-open {
    overflow: hidden; /* ç¦ç”¨ä¸»é¡µé¢çš„æ»šåŠ¨ */
}

body {
    font-family: 'Share Tech Mono', monospace; /* ç§‘æŠ€æ„Ÿå­—ä½“ */
    margin: 0;
    padding: 0;
    overflow-x: hidden; /* é˜²æ­¢æ°´å¹³æ»šåŠ¨ */
    display: flex;
    justify-content: center;
    align-items: flex-start; /* å†…å®¹ä»Žé¡¶éƒ¨å¼€å§‹ */
    min-height: 100vh;
    background-color: var(--bg-dark);
    color: var(--text-light);
    position: relative;
    padding-top: 30px; /* é¡¶éƒ¨ç•™ç™½ */
    padding-bottom: 30px; /* åº•éƒ¨ç•™ç™½ */
    box-sizing: border-box;
}

/* èƒŒæ™¯æ¸å˜æ•ˆæžœ */
.background-gradient {
    position: fixed; /* å›ºå®šèƒŒæ™¯ */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, var(--bg-dark) 0%, #0a0a1a 100%);
    opacity: 0.9;
    z-index: -2;
}

/* æ‰«æçº¿æ•ˆæžœ */
.scan-line {
    position: fixed; /* å›ºå®šæ‰«æçº¿ */
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(to right, transparent, var(--primary-color), transparent);
    animation: scan 5s linear infinite;
    opacity: 0.3;
    z-index: -1;
}

@keyframes scan {
    0% { top: 0; }
    100% { top: 100%; }
}

.container {
    background-color: rgba(0, 0, 0, 0.5); /* åŠé€æ˜ŽèƒŒæ™¯ */
    border: 1px solid var(--border-color);
    box-shadow: 0 0 20px rgba(0, 255, 204, 0.3); /* å‘å…‰æ•ˆæžœ */
    border-radius: 10px;
    width: 95%; /* æ›´å®½çš„å®¹å™¨ */
    max-width: 1200px; /* æœ€å¤§å®½åº¦ */
    padding: 25px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 20px;
    animation: fadeIn 1s ease-out;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-20px); }
    to { opacity: 1; transform: translateY(0); }
}

.terminal-header {
    display: flex;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 8px 15px;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid var(--border-color);
    position: relative;
}

.terminal-dots {
    display: flex;
    gap: 5px;
    margin-right: 15px;
    flex-shrink: 0; /* ä¸ç¼©å° */
}

.dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}
.dot.red { background-color: #ff5f56; }
.dot.yellow { background-color: #ffbd2e; }
.dot.green { background-color: #27c93f; }

.terminal-title {
    color: var(--primary-color);
    font-size: 0.9em;
    letter-spacing: 1px;
    text-shadow: 0 0 5px var(--primary-color);
    text-align: left; /* é&nbsp;å·¦å¯¹é½ */
    margin-right: 15px; /* ä¸Žå³ä¾§å…ƒç´&nbsp;ä¿æŒè·ç¦» */
    flex-shrink: 0; /* ä¸ç¼©å° */
    white-space: nowrap; /* é˜²æ­¢æ&nbsp;‡é¢˜æ¢è¡Œ */
}

/* æ¯æ—¥åŠ±å¿—è¯è¯­æ&nbsp;·å¼ */
.daily-quote {
    /* flex-grow: 1; ç§»é™¤ flex-growï¼Œå›&nbsp;ä¸º marquee å&nbsp;æ®äº† */
    text-align: center;
    color: var(--secondary-color); /* è“è‰² */
    font-size: 0.95em;
    letter-spacing: 0.5px;
    text-shadow: 0 0 5px var(--secondary-color);
    margin: 0 15px; /* å·¦å³è¾¹è· */
    font-style: italic; /* æ–œä½“ */
    overflow: hidden; /* éšè—æº¢å‡ºå†…å®¹ */
    white-space: nowrap; /* é˜²æ­¢æ¢è¡Œ */
    text-overflow: ellipsis; /* è¶…å‡ºéƒ¨åˆ†æ˜¾ç¤ºçœç•¥å· */
    min-width: 100px; /* æœ€å°å®½åº¦ï¼Œé˜²æ­¢è¢«æŒ¤åŽ‹å¤ªå° */
}

.realtime-clock {
    color: var(--secondary-color);
    font-size: 0.9em;
    text-shadow: 0 0 5px var(--secondary-color);
    font-family: 'Orbitron', sans-serif;
    margin-left: 15px; /* ä¸Žå·¦ä¾§å…ƒç´&nbsp;ä¿æŒè·ç¦» */
    flex-shrink: 0; /* ä¸ç¼©å° */
    white-space: nowrap; /* é˜²æ­¢æ—¶é—´æ¢è¡Œ */
}

/* æ–°å¢žï¼šå¤´éƒ¨å¤©æ°”æ˜¾ç¤ºåŒºåŸŸ */
.header-weather {
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--secondary-color);
    font-size: 0.9em;
    text-shadow: 0 0 5px var(--secondary-color);
    margin-right: 15px;
    flex-shrink: 0;
    white-space: nowrap;
}

.weather-icon-small {
    font-size: 1.1em;
    color: var(--primary-color);
}

.content-card {
    background-color: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    padding: 30px;
    box-shadow: inset 0 0 10px rgba(0, 255, 204, 0.1);
}

/* è§£å†³è“çº¿é—®é¢˜ï¼šæ›´ç²¾ç¡®åœ°ç§»é™¤æ‰€æœ‰ .card-title çš„ä¸‹åˆ’çº¿ */
.content-card .card-title {
    color: var(--primary-color); /* é»˜è®¤æ&nbsp;‡é¢˜é¢œè‰² */
    font-size: 2em;
    text-align: center;
    margin-bottom: 20px;
    text-shadow: 0 0 8px var(--primary-color);
    letter-spacing: 1.5px;
    border-bottom: none !important; /* å¼ºåˆ¶ç§»é™¤ä¸‹åˆ’çº¿ */
    padding-bottom: 0 !important;   /* å¼ºåˆ¶ç§»é™¤ä¸‹åˆ’çº¿å¸¦æ¥çš„å†…è¾¹è· */
}
/* é’ˆå¯¹å›¢é˜Ÿä»‹ç»å¡ç‰‡çš„æ&nbsp;‡é¢˜é¢œè‰² */
.team-intro-card .card-title {
    color: var(--secondary-color); /* å›¢é˜Ÿä»‹ç»æ&nbsp;‡é¢˜ä½¿ç”¨è“è‰² */
    text-shadow: 0 0 8px var(--secondary-color);
}
/* é’ˆå¯¹å¤‡æ¡ˆä¿¡æ¯å¡ç‰‡çš„æ&nbsp;‡é¢˜é¢œè‰² */
.special-legal-info .nav-title {
    color: #ffaa00; /* æ©™è‰² */
    text-shadow: 0 0 5px #ffaa00;
}


.card-description {
    text-align: center;
    font-size: 1.1em;
    line-height: 1.6;
    margin-bottom: 30px;
    color: var(--text-light);
}

.nav-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); /* å“åº”å¼ç½‘æ&nbsp;¼å¸ƒå±€ */
    gap: 25px;
    margin-bottom: 40px;
}

.nav-item {
    background-color: rgba(0, 0, 0, 0.4);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    padding: 20px;
    text-decoration: none;
    color: var(--text-light);
    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    overflow: hidden; /* éšè—ä¼ªå…ƒç´&nbsp;æº¢å‡º */
}

.nav-item::before { /* è£…é¥°æ€§è¾¹æ¡†åŠ¨ç”» */
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid transparent;
    border-radius: 8px;
    box-sizing: border-box;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    pointer-events: none; /* ä¸é˜»ç¢ç‚¹å‡» */
}

.nav-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 255, 204, 0.4);
    background-color: rgba(0, 0, 0, 0.6);
}

.nav-item:hover::before {
    border-color: var(--link-hover);
    box-shadow: 0 0 15px var(--link-hover);
}

.nav-item.recommended-pc {
    border-color: var(--secondary-color);
    box-shadow: 0 0 10px rgba(0, 170, 255, 0.3);
}
.nav-item.recommended-pc:hover::before {
    border-color: var(--secondary-color);
    box-shadow: 0 0 15px var(--secondary-color);
}

.nav-item.recommended-mobile {
    border-color: #ff6600; /* æ©™è‰² */
    box-shadow: 0 0 10px rgba(255, 102, 0, 0.3);
}
.nav-item.recommended-mobile:hover::before {
    border-color: #ff6600;
    box-shadow: 0 0 15px #ff6600;
}

.nav-item.external-link .nav-link-text {
    color: var(--external-link-color);
}
.nav-item.external-link:hover .nav-link-text {
    text-shadow: 0 0 5px var(--external-link-color);
}

/* å¾®ä¿¡å…¬ä¼—å·å¯¼èˆªé¡¹çš„ç‰¹æ®Šæ&nbsp;·å¼ (çŽ°åœ¨åªæ˜¯ä¸€ä¸ªæ™®é€šé“¾æŽ¥ï¼Œä½†ä¿æŒç»¿è‰²ä¸»é¢˜) */
.nav-item.special-wechat {
    border-color: #28a745; /* å¾®ä¿¡ç»¿è‰² */
    box-shadow: 0 0 10px rgba(40, 167, 69, 0.3);
}
.nav-item.special-wechat:hover::before {
    border-color: #28a745;
    box-shadow: 0 0 15px #28a745;
}
.nav-item.special-wechat .nav-icon {
    color: #28a745; /* å¾®ä¿¡ç»¿è‰²å›¾æ&nbsp;‡ */
}
.nav-item.special-wechat:hover .nav-icon {
    color: var(--primary-color); /* æ‚¬åœæ—¶å˜ä¸ºç§‘æŠ€ç»¿ */
}
.nav-item.special-wechat .nav-link-text {
    color: #28a745; /* å¾®ä¿¡ç»¿è‰²é“¾æŽ¥æ–‡æœ¬ */
}
.nav-item.special-wechat:hover .nav-link-text {
    text-shadow: 0 0 5px var(--primary-color);
}

/* å“”å“©å“”å“©å¯¼èˆªé¡¹çš„ç‰¹æ®Šæ&nbsp;·å¼ */
.nav-item.special-bilibili {
    border-color: #00a1d6; /* å“”å“©å“”å“©è“è‰² */
    box-shadow: 0 0 10px rgba(0, 161, 214, 0.3);
}
.nav-item.special-bilibili:hover::before {
    border-color: #00a1d6;
    box-shadow: 0 0 15px #00a1d6;
}
.nav-item.special-bilibili .nav-icon {
    color: #00a1d6; /* å“”å“©å“”å“©è“è‰²å›¾æ&nbsp;‡ */
    fill: #00a1d6; /* å“”å“©å“”å“©å›¾æ&nbsp;‡é€šå¸¸æ˜¯å¡«å……çš„ */
    stroke: none; /* ç¡®ä¿æ²¡æœ‰æè¾¹ */
}
.nav-item.special-bilibili:hover .nav-icon {
    color: var(--primary-color); /* æ‚¬åœæ—¶å˜ä¸ºç§‘æŠ€ç»¿ */
    fill: var(--primary-color); /* æ‚¬åœæ—¶å¡«å……è‰²ä¹Ÿå˜ */
}
.nav-item.special-bilibili .nav-link-text {
    color: #00a1d6; /* å“”å“©å“”å“©è“è‰²é“¾æŽ¥æ–‡æœ¬ */
}
.nav-item.special-bilibili:hover .nav-link-text {
    text-shadow: 0 0 5px var(--primary-color);
}

/* æ–°å¢žï¼šçŠ¶æ€æ&nbsp;‡ç­¾æ&nbsp;·å¼ */
.status-tag {
    font-size: 0.75em;
    padding: 2px 6px;
    border-radius: 4px;
    margin-left: 8px;
    font-weight: bold;
    text-transform: uppercase;
    vertical-align: middle;
    letter-spacing: 0.5px;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

/* å†…æµ‹çŠ¶æ€ (status-beta) */
.nav-item.status-beta {
    border-color: #ff9900; /* æ©™é»„è‰² */
    box-shadow: 0 0 10px rgba(255, 153, 0, 0.3);
}
.nav-item.status-beta:hover::before {
    border-color: #ff9900;
    box-shadow: 0 0 15px #ff9900;
}
.nav-item.status-beta .nav-icon {
    color: #ff9900;
}
.nav-item.status-beta:hover .nav-icon {
    color: var(--primary-color);
}
.nav-item.status-beta .nav-link-text {
    color: #ff9900;
}
.nav-item.status-beta:hover .nav-link-text {
    text-shadow: 0 0 5px var(--primary-color);
}
.nav-item.status-beta .status-tag {
    background-color: #ff9900;
    color: var(--bg-dark);
}

/* å·²å…³é—­çŠ¶æ€ (status-closed) */
.nav-item.status-closed {
    border-color: #dc3545; /* çº¢è‰² */
    background-color: rgba(25, 25, 40, 0.6); /* ç¨å¾®æ·±ä¸€ç‚¹çš„èƒŒæ™¯ */
    cursor: not-allowed; /* é¼&nbsp;æ&nbsp;‡ä¸å¯ç‚¹å‡» */
}
.nav-item.status-closed:hover {
    transform: none; /* ç¦ç”¨ä¸Šæµ®æ•ˆæžœ */
    box-shadow: 0 0 10px rgba(220, 53, 69, 0.3); /* çº¢è‰²å‘å…‰ */
    background-color: rgba(25, 25, 40, 0.6); /* ä¿æŒèƒŒæ™¯è‰² */
}
.nav-item.status-closed:hover::before {
    border-color: #dc3545;
    box-shadow: 0 0 15px #dc3545;
}
.nav-item.status-closed .nav-icon {
    color: #dc3545; /* çº¢è‰²å›¾æ&nbsp;‡ */
    opacity: 0.7; /* ç¨å¾®é€æ˜Ž */
}
.nav-item.status-closed .nav-title,
.nav-item.status-closed .nav-desc,
.nav-item.status-closed .nav-link-text {
    color: var(--text-dim); /* æ–‡æœ¬é¢œè‰²å˜æš— */
    text-shadow: none;
}
.nav-item.status-closed .status-tag {
    background-color: #dc3545;
    color: white;
}

/* æµ‹è¯•çŠ¶æ€ (status-test) */
.nav-item.status-test {
    border-color: #6f42c1; /* ç´«è‰² */
    box-shadow: 0 0 10px rgba(111, 66, 193, 0.3);
}
.nav-item.status-test:hover::before {
    border-color: #6f42c1;
    box-shadow: 0 0 15px #6f42c1;
}
.nav-item.status-test .nav-icon {
    color: #6f42c1;
}
.nav-item.status-test:hover .nav-icon {
    color: var(--primary-color);
}
.nav-item.status-test .nav-link-text {
    color: #6f42c1;
}
.nav-item.status-test:hover .nav-link-text {
    text-shadow: 0 0 5px var(--primary-color);
}
.nav-item.status-test .status-tag {
    background-color: #6f42c1;
    color: white;
}

/* æ–°å¢žï¼šå¤‡æ¡ˆä¿¡æ¯ä¸Žéšç§æ”¿ç­–å¡ç‰‡æ&nbsp;·å¼ */
.nav-item.special-legal-info {
    border-color: #ffaa00; /* æ©™è‰² */
    box-shadow: 0 0 10px rgba(255, 170, 0, 0.3);
}
.nav-item.special-legal-info:hover::before {
    border-color: #ffaa00;
    box-shadow: 0 0 15px #ffaa00;
}
.nav-item.special-legal-info .nav-icon {
    color: #ffaa00;
}
.nav-item.special-legal-info:hover .nav-icon {
    color: var(--primary-color);
}
.nav-item.special-legal-info .nav-link-text {
    color: var(--primary-color); /* é“¾æŽ¥æ–‡æœ¬ä½¿ç”¨ç§‘æŠ€ç»¿ */
}
.nav-item.special-legal-info:hover .nav-link-text {
    text-shadow: 0 0 5px var(--primary-color);
}
.nav-item.special-legal-info .nav-desc {
    font-size: 0.9em; /* å¤‡æ¡ˆä¿¡æ¯æ–‡æœ¬ç•¥å° */
    line-height: 1.4; /* è¡Œé«˜æ›´ç´§å‡‘ */
    margin-bottom: 0; /* ç§»é™¤åº•éƒ¨é—´è· */
}
.nav-item.special-legal-info .legal-link {
    color: var(--link-color); /* é“¾æŽ¥é¢œè‰² */
    text-decoration: none;
    transition: text-shadow 0.3s ease, color 0.3s ease;
    display: block; /* æ¯ä¸ªé“¾æŽ¥ç‹¬å&nbsp;ä¸€è¡Œ */
    margin-bottom: 3px; /* é“¾æŽ¥ä¹‹é—´é—´è· */
}
.nav-item.special-legal-info .legal-link:hover {
    color: var(--primary-color);
    text-shadow: 0 0 5px var(--primary-color);
}


/* æ–°å¢žï¼šå¯¼èˆªé¡¹æ&nbsp;‡é¢˜å’Œå›¾æ&nbsp;‡çš„å®¹å™¨ */
.nav-header-with-icon {
    display: flex;
    align-items: center; /* åž‚ç›´å±…ä¸­å¯¹é½ */
    gap: 10px; /* å›¾æ&nbsp;‡å’Œæ&nbsp;‡é¢˜ä¹‹é—´çš„é—´è· */
    margin-bottom: 10px; /* æ&nbsp;‡é¢˜ä¸‹æ–¹ç•™ç™½ */
}

.nav-item .nav-title {
    margin-bottom: 0; /* æ&nbsp;‡é¢˜çš„é»˜è®¤ä¸‹è¾¹è·è¢«çˆ¶å®¹å™¨æŽ§åˆ¶ */
}

/* å›¾æ&nbsp;‡æ&nbsp;·å¼ */
.nav-icon {
    width: 30px; /* å›¾æ&nbsp;‡å®½åº¦ */
    height: 30px; /* å›¾æ&nbsp;‡é«˜åº¦ */
    min-width: 30px; /* é˜²æ­¢å›¾æ&nbsp;‡ç¼©å° */
    display: flex; /* ä½¿SVGå±…ä¸­ */
    justify-content: center;
    align-items: center;
    color: var(--primary-color); /* é»˜è®¤å›¾æ&nbsp;‡é¢œè‰² */
    transition: color 0.3s ease, transform 0.3s ease;
}

.nav-icon svg {
    width: 100%;
    height: 100%;
    stroke: currentColor; /* è®©SVGçš„æè¾¹é¢œè‰²ç»§æ‰¿çˆ¶å…ƒç´&nbsp;çš„colorå±žæ€§ */
    fill: none; /* ç¡®ä¿SVGæ˜¯æè¾¹è€Œä¸æ˜¯å¡«å…… */
}

/* æ‚¬åœæ—¶å›¾æ&nbsp;‡é¢œè‰²å’ŒåŠ¨ç”» */
.nav-item:hover .nav-icon {
    color: var(--link-hover);
    transform: scale(1.1) rotate(5deg); /* æ”¾å¤§å¹¶è½»å¾®æ—‹è½¬ */
}

/* é’ˆå¯¹ç‰¹å®šæŽ¨èé¡¹çš„å›¾æ&nbsp;‡é¢œè‰² */
.nav-item.recommended-pc .nav-icon {
    color: var(--secondary-color);
}
.nav-item.recommended-mobile .nav-icon {
    color: #ff6600; /* æ©™è‰² */
}
.nav-item.external-link .nav-icon {
    color: var(--external-link-color);
}


/* æ–°å¢žï¼šå›¢é˜Ÿä»‹ç»é“¾æŽ¥çš„æ&nbsp;·å¼ */
.team-intro-link {
    text-decoration: none; /* ç§»é™¤ä¸‹åˆ’çº¿ */
    display: block; /* ç¡®ä¿é“¾æŽ¥å&nbsp;æ®æ•´ä¸ªå¡ç‰‡åŒºåŸŸ */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.team-intro-link:hover {
    transform: translateY(-5px); /* æ‚¬åœæ—¶ä¸Šæµ® */
    box-shadow: 0 8px 25px rgba(0, 170, 255, 0.4); /* æ‚¬åœæ—¶è“è‰²å‘å…‰ */
}

/* è°ƒæ•´ team-intro-card è‡ªèº«ï¼Œä½¿å…¶åœ¨è¢«é“¾æŽ¥åŒ…è£…åŽä»ç„¶ä¿æŒæ&nbsp;·å¼ */
.team-intro-card {
    background-color: rgba(0, 0, 0, 0.4);
    border: 1px dashed var(--secondary-color);
    border-radius: 8px;
    padding: 30px;
    margin-top: 20px;
    box-shadow: 0 0 15px rgba(0, 170, 255, 0.3);
    color: var(--text-light); /* ç¡®ä¿æ–‡æœ¬é¢œè‰²ç»§æ‰¿ */
    position: relative; /* ç”¨äºŽå®šä½ read-more-text */
    transition: background-color 0.3s ease; /* æ‚¬åœæ—¶èƒŒæ™¯å˜åŒ– */
}

.team-intro-link:hover .team-intro-card {
    background-color: rgba(0, 0, 0, 0.6); /* æ‚¬åœæ—¶èƒŒæ™¯å˜æ·± */
}


.team-intro-card p {
    font-size: 1em;
    line-height: 1.8;
    margin-bottom: 15px;
    color: var(--text-light);
}

/* æ–°å¢žï¼šäº†è§£æ›´å¤šæ–‡æœ¬æ&nbsp;·å¼ */
.read-more-text {
    display: block;
    text-align: right;
    margin-top: 15px;
    color: var(--secondary-color); /* è“è‰² */
    font-weight: bold;
    font-size: 0.9em;
    transition: text-shadow 0.3s ease, color 0.3s ease;
}

.team-intro-link:hover .read-more-text {
    color: var(--primary-color); /* æ‚¬åœæ—¶å˜ä¸ºç§‘æŠ€ç»¿ */
    text-shadow: 0 0 8px var(--primary-color);
}


.terminal-footer {
    text-align: center;
    font-size: 0.8em;
    color: var(--text-dim);
    margin-top: 20px;
    padding: 10px 15px; /* å¢žåŠ&nbsp;å·¦å³å†…è¾¹è·ï¼Œé˜²æ­¢å†…å®¹è´´è¾¹ */
    box-sizing: border-box;
    width: 100%; /* ç¡®ä¿é¡µè„šå&nbsp;æ®æ•´ä¸ªå®½åº¦ */
}
/* è°ƒæ•´ .terminal-footer p çš„æ&nbsp;·å¼ï¼Œä½¿å…¶æ›´å¥å£® */
.terminal-footer p {
    display: flex;
    justify-content: center; /* ä¿æŒå†…å®¹å±…ä¸­ */
    align-items: center;
    gap: 15px; /* é»˜è®¤é—´è· */
    flex-wrap: wrap; /* å…è®¸æ¢è¡Œ */
    margin: 0; /* ç§»é™¤é»˜è®¤çš„pæ&nbsp;‡ç­¾å¤–è¾¹è· */
    padding: 0; /* ç§»é™¤é»˜è®¤çš„pæ&nbsp;‡ç­¾å†…è¾¹è· */
    max-width: 100%; /* ç¡®ä¿ä¸è¶…è¿‡çˆ¶å®¹å™¨ */
}

.footer-separator {
    color: var(--text-dim);
    flex-shrink: 0; /* é˜²æ­¢åˆ†éš”ç¬¦è¢«åŽ‹ç¼© */
}

.footer-link { /* è¿™ä¸ªæ&nbsp;·å¼çŽ°åœ¨åªåº”ç”¨äºŽé¡µè„šçš„ç‰ˆæƒä¿¡æ¯ */
    color: var(--secondary-color); /* é“¾æŽ¥é¢œè‰² */
    text-decoration: none;
    transition: text-shadow 0.3s ease, color 0.3s ease;
    font-size: 0.9em;
    flex-shrink: 0; /* é˜²æ­¢é“¾æŽ¥è¢«åŽ‹ç¼© */
}

.footer-link:hover {
    color: var(--primary-color);
    text-shadow: 0 0 5px var(--primary-color);
}


/* å“åº”å¼è®¾è®¡ */
@media (max-width: 768px) {
    .container {
        padding: 15px;
        width: 98%;
    }

    .terminal-header {
        flex-direction: column; /* å°å±å¹•ä¸Šåž‚ç›´å&nbsp;†å&nbsp; */
        align-items: flex-start;
        gap: 5px;
        padding: 10px 15px;
    }
    .terminal-dots {
        margin-bottom: 5px;
        margin-right: 0; /* ç§»é™¤å³è¾¹è· */
    }
    .terminal-title, .daily-quote, .realtime-clock, .header-weather {
        width: 100%; /* å&nbsp;æ®æ•´è¡Œ */
        text-align: left; /* å…¨éƒ¨é&nbsp;å·¦å¯¹é½ */
        margin: 0; /* ç§»é™¤æ‰€æœ‰è¾¹è· */
        white-space: normal; /* å…è®¸æ¢è¡Œ */
        text-overflow: clip; /* ç§»é™¤çœç•¥å· */
        min-width: unset; /* é‡ç½®æœ€å°å®½åº¦ */
    }
    .terminal-title {
        font-size: 0.9em;
    }
    .daily-quote {
        font-size: 0.85em;
        margin-top: 5px; /* é¡¶éƒ¨ç•™ç™½ */
    }
    .realtime-clock {
        font-size: 0.8em;
        margin-top: 5px; /* é¡¶éƒ¨ç•™ç™½ */
    }
    .header-weather {
        font-size: 0.85em;
        margin-top: 5px;
    }

    .card-title {
        font-size: 1.6em;
    }

    .card-description {
        font-size: 1em;
    }

    .nav-grid {
        grid-template-columns: 1fr; /* å•åˆ—å¸ƒå±€ */
        gap: 15px;
    }

    .nav-item {
        padding: 15px;
    }

    .nav-title {
        font-size: 1.2em;
    }

    .nav-desc {
        font-size: 0.9em;
    }

    .team-intro-card {
        padding: 20px;
    }
    .team-intro-card p {
        font-size: 0.9em;
    }
    .nav-header-with-icon {
        flex-direction: row; /* åœ¨å°å±å¹•ä¸Šä¿æŒè¡Œå¸ƒå±€ */
        align-items: center;
        gap: 8px;
    }
    .nav-icon {
        width: 25px;
        height: 25px;
        min-width: 25px;
    }
    .nav-title {
        font-size: 1.1em; /* è°ƒæ•´æ&nbsp;‡é¢˜å¤§å° */
    }
    .status-tag {
        font-size: 0.7em; /* å°å±å¹•ä¸Šæ&nbsp;‡ç­¾å­—ä½“æ›´å° */
        padding: 1px 4px;
    }
    /* å¤‡æ¡ˆä¿¡æ¯å¡ç‰‡åœ¨å°å±å¹•ä¸Šçš„è°ƒæ•´ */
    .nav-item.special-legal-info .nav-desc {
        font-size: 0.85em; /* è¿›ä¸€æ­¥ç¼©å°å­—ä½“ */
        line-height: 1.3;
    }
    .nav-item.special-legal-info .legal-link {
        font-size: 0.85em; /* é“¾æŽ¥å­—ä½“ä¹Ÿç¼©å° */
    }
}

@media (max-width: 480px) {
    .card-title {
        font-size: 1.4em;
    }
    .terminal-title, .realtime-clock, .header-weather {
        font-size: 0.8em;
    }
    .nav-icon {
        width: 22px;
        height: 22px;
        min-width: 22px;
    }
    .nav-title {
        font-size: 1em;
    }
    .terminal-footer p {
        flex-direction: column; /* å°å±å¹•ä¸Šåž‚ç›´æŽ’åˆ— */
        gap: 5px;
    }
    .footer-separator {
        display: none; /* å°å±å¹•ä¸Šéšè—åˆ†éš”ç¬¦ */
    }
    .footer-link {
        font-size: 0.8em; /* æ›´å°å±å¹•ä¸Šé“¾æŽ¥å­—ä½“æ›´å° */
    }
}
/* æ–°å¢žï¼šæ»šåŠ¨å­—å¹•å®¹å™¨ */
.marquee-container {
    flex-grow: 1; /* å&nbsp;æ®ä¸­é—´å¤§éƒ¨åˆ†ç©ºé—´ */
    height: 20px; /* å›ºå®šé«˜åº¦ */
    overflow: hidden; /* éšè—æº¢å‡ºå†…å®¹ */
    position: relative;
    margin: 0 15px; /* å·¦å³è¾¹è· */
    background-color: rgba(0, 0, 0, 0.2); /* ç•¥å¾®å¯è§çš„èƒŒæ™¯ */
    border-radius: 3px;
    border: 1px solid rgba(0, 255, 204, 0.1); /* è¾¹æ¡† */
    flex-shrink: 1; /* å…è®¸å®ƒåœ¨ç©ºé—´ä¸è¶³æ—¶ç¼©å° */
    min-width: 150px; /* æœ€å°å®½åº¦ï¼Œé˜²æ­¢è¢«æŒ¤åŽ‹å¤ªå° */
}

.marquee-content {
    display: inline-block; /* ç¡®ä¿å†…å®¹æ˜¯è¡Œå†…å—ï¼Œå¯ä»¥æ»šåŠ¨ */
    white-space: nowrap; /* å¼ºåˆ¶å†…å®¹ä¸æ¢è¡Œ */
    padding-left: 100%; /* ä»Žå±å¹•å³ä¾§å¼€å§‹æ»šåŠ¨ */
    animation: marquee 15s linear infinite; /* åŠ¨ç”»æŒç»­æ—¶é—´å¯è°ƒ */
    color: var(--primary-color); /* ç§‘æŠ€ç»¿ */
    font-size: 0.85em;
    line-height: 20px; /* åž‚ç›´å±…ä¸­ */
    text-shadow: 0 0 3px var(--primary-color);
}

@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); } /* æ»šåŠ¨åˆ°å·¦ä¾§ */
}

/* è°ƒæ•´ terminal-header å†…éƒ¨å…ƒç´&nbsp;çš„å¸ƒå±€å’Œé¡ºåº */
.terminal-header {
    display: flex;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 8px 15px;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid var(--border-color);
    position: relative;
    /* ç§»é™¤ flex-wrap å’Œ justify-contentï¼Œæˆ‘ä»¬å°†æ‰‹åŠ¨æŽ§åˆ¶ */
}

.terminal-dots {
    display: flex;
    gap: 5px;
    margin-right: 15px;
    flex-shrink: 0; /* ä¸ç¼©å° */
}

.terminal-title {
    color: var(--primary-color);
    font-size: 0.9em;
    letter-spacing: 1px;
    text-shadow: 0 0 5px var(--primary-color);
    text-align: left; /* é&nbsp;å·¦å¯¹é½ */
    margin-right: 15px; /* ä¸Žå³ä¾§å…ƒç´&nbsp;ä¿æŒè·ç¦» */
    flex-shrink: 0; /* ä¸ç¼©å° */
    white-space: nowrap; /* é˜²æ­¢æ&nbsp;‡é¢˜æ¢è¡Œ */
}

/* æ¯æ—¥åŠ±å¿—è¯è¯­æ&nbsp;·å¼ (è°ƒæ•´äº† flex-grow å’Œ margin) */
.daily-quote {
    /* flex-grow: 1; ç§»é™¤ flex-growï¼Œå›&nbsp;ä¸º marquee å&nbsp;æ®äº† */
    text-align: center;
    color: var(--secondary-color); /* è“è‰² */
    font-size: 0.95em;
    letter-spacing: 0.5px;
    text-shadow: 0 0 5px var(--secondary-color);
    margin: 0 15px; /* å·¦å³è¾¹è· */
    font-style: italic; /* æ–œä½“ */
    overflow: hidden; /* éšè—æº¢å‡ºå†…å®¹ */
    white-space: nowrap; /* é˜²æ­¢æ¢è¡Œ */
    text-overflow: ellipsis; /* è¶…å‡ºéƒ¨åˆ†æ˜¾ç¤ºçœç•¥å· */
    min-width: 100px; /* æœ€å°å®½åº¦ï¼Œé˜²æ­¢è¢«æŒ¤åŽ‹å¤ªå° */
}

.realtime-clock {
    color: var(--secondary-color);
    font-size: 0.9em;
    text-shadow: 0 0 5px var(--secondary-color);
    font-family: 'Orbitron', sans-serif;
    margin-left: 15px; /* ä¸Žå·¦ä¾§å…ƒç´&nbsp;ä¿æŒè·ç¦» */
    flex-shrink: 0; /* ä¸ç¼©å° */
    white-space: nowrap; /* é˜²æ­¢æ—¶é—´æ¢è¡Œ */
}

/* é’ˆå¯¹å¤‡æ¡ˆä¿¡æ¯å¡ç‰‡çš„æ&nbsp;‡é¢˜é¢œè‰² (æ–°å¢žäº†æ­¤è§„åˆ™ï¼Œç¡®ä¿è¦†ç›–) */
.special-legal-info .nav-title {
    color: #ffaa00; /* æ©™è‰² */
    text-shadow: 0 0 5px #ffaa00;
}

/* æ–°å¢žï¼šmytan å¡ç‰‡æ&nbsp;·å¼ */
.nav-item.special-mytan {
    grid-column: 1 / -1; /* æ¨ªè·¨æ‰€æœ‰åˆ— */
    max-width: 800px; /* é™åˆ¶æœ€å¤§å®½åº¦ */
    margin: 0 auto; /* å±…ä¸­æ˜¾ç¤º */
    border-color: #ff00ff; /* ç´«çº¢è‰² */
    box-shadow: 0 0 15px rgba(255, 0, 255, 0.5);
    padding: 25px; /* ç•¥å¤§ä¸€ç‚¹çš„å†…è¾¹è· */
}
.nav-item.special-mytan:hover::before {
    border-color: #ff00ff;
    box-shadow: 0 0 20px #ff00ff;
}
.nav-item.special-mytan .nav-icon {
    color: #ff00ff;
}
.nav-item.special-mytan:hover .nav-icon {
    color: var(--primary-color);
}
.nav-item.special-mytan .nav-title {
    color: #ff00ff;
    font-size: 1.6em; /* æ&nbsp;‡é¢˜æ›´å¤§ */
    text-shadow: 0 0 8px #ff00ff;
}
.nav-item.special-mytan .nav-desc {
    font-size: 1.1em; /* æè¿°æ›´å¤§ */
}
.nav-item.special-mytan .nav-link-text {
    color: #ff00ff;
}
.nav-item.special-mytan:hover .nav-link-text {
    text-shadow: 0 0 5px var(--primary-color);
}

/* å“åº”å¼è°ƒæ•´ */
@media (max-width: 768px) {
    .terminal-header {
        flex-direction: column; /* å°å±å¹•ä¸Šåž‚ç›´å&nbsp;†å&nbsp; */
        align-items: flex-start;
        gap: 5px;
        padding: 10px 15px;
    }
    .terminal-dots {
        margin-bottom: 5px;
        margin-right: 0; /* ç§»é™¤å³è¾¹è· */
    }
    .terminal-title, .daily-quote, .realtime-clock, .marquee-container, .header-weather {
        width: 100%; /* å&nbsp;æ®æ•´è¡Œ */
        text-align: left; /* å…¨éƒ¨é&nbsp;å·¦å¯¹é½ */
        margin: 0; /* ç§»é™¤æ‰€æœ‰è¾¹è· */
        white-space: normal; /* å…è®¸æ¢è¡Œ */
        text-overflow: clip; /* ç§»é™¤çœç•¥å· */
        min-width: unset; /* é‡ç½®æœ€å°å®½åº¦ */
        height: auto; /* é«˜åº¦è‡ªé€‚åº” */
    }
    .terminal-title {
        font-size: 0.9em;
    }
    .daily-quote {
        font-size: 0.85em;
        margin-top: 5px; /* é¡¶éƒ¨ç•™ç™½ */
    }
    .realtime-clock {
        font-size: 0.8em;
        margin-top: 5px; /* é¡¶éƒ¨ç•™ç™½ */
    }
    .header-weather {
        font-size: 0.85em;
        margin-top: 5px;
    }
    .marquee-container {
        height: auto; /* é«˜åº¦è‡ªé€‚åº” */
        margin-top: 5px; /* é¡¶éƒ¨ç•™ç™½ */
        padding: 5px 10px; /* è°ƒæ•´å†…è¾¹è· */
    }
    .marquee-content {
        padding-left: 0; /* ç§»é™¤èµ·å§‹å†…è¾¹è· */
        animation: none; /* ç¦ç”¨æ»šåŠ¨åŠ¨ç”» */
        white-space: normal; /* å…è®¸æ¢è¡Œ */
        line-height: 1.5; /* è°ƒæ•´è¡Œé«˜ */
        text-align: left; /* é&nbsp;å·¦å¯¹é½ */
    }

    /* å¤‡æ¡ˆä¿¡æ¯å¡ç‰‡åœ¨å°å±å¹•ä¸Šçš„è°ƒæ•´ */
    .nav-item.special-legal-info .nav-desc {
        font-size: 0.85em; /* è¿›ä¸€æ­¥ç¼©å°å­—ä½“ */
        line-height: 1.3;
    }
    .nav-item.special-legal-info .legal-link {
        font-size: 0.85em; /* é“¾æŽ¥å­—ä½“ä¹Ÿç¼©å° */
    }
    /* mytan å¡ç‰‡åœ¨å°å±å¹•ä¸Šä¸å†æ¨ªè·¨æ‰€æœ‰åˆ—ï¼Œå¹¶è°ƒæ•´å®½åº¦ */
    .nav-item.special-mytan {
        grid-column: auto; /* å–æ¶ˆæ¨ªè·¨ */
        max-width: 100%; /* å&nbsp;æ®å…¨éƒ¨å¯ç”¨å®½åº¦ */
        margin: 0; /* ç§»é™¤å±…ä¸­å¤–è¾¹è· */
        padding: 20px; /* æ¢å¤é»˜è®¤å†…è¾¹è· */
    }
    .nav-item.special-mytan .nav-title {
        font-size: 1.4em; /* æ&nbsp;‡é¢˜ç•¥å° */
    }
    .nav-item.special-mytan .nav-desc {
        font-size: 1em; /* æè¿°ç•¥å° */
    }
}
/* --- æ–°å¢žï¼šé¡µè„šé“¾æŽ¥æ&nbsp;·å¼ (ä¸Žå¯¼èˆªé¡µä¿æŒä¸€è‡´) --- */
.terminal-footer {
    text-align: center;
    font-size: 0.8em;
    color: var(--text-dim);
    margin-top: 20px;
    padding: 10px 15px; /* å¢žåŠ&nbsp;å·¦å³å†…è¾¹è·ï¼Œé˜²æ­¢å†…å®¹è´´è¾¹ */
    box-sizing: border-box;
    width: 100%; /* ç¡®ä¿é¡µè„šå&nbsp;æ®æ•´ä¸ªå®½åº¦ */
}
.terminal-footer p {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px; /* å…ƒç´&nbsp;ä¹‹é—´çš„é—´è· */
    flex-wrap: wrap; /* å…è®¸åœ¨å°å±å¹•ä¸Šæ¢è¡Œ */
    margin: 0; /* ç§»é™¤é»˜è®¤çš„pæ&nbsp;‡ç­¾å¤–è¾¹è· */
    padding: 0; /* ç§»é™¤é»˜è®¤çš„pæ&nbsp;‡ç­¾å†…è¾¹è· */
    max-width: 100%; /* ç¡®ä¿ä¸è¶…è¿‡çˆ¶å®¹å™¨ */
}

.footer-separator {
    color: var(--text-dim);
    flex-shrink: 0; /* é˜²æ­¢åˆ†éš”ç¬¦è¢«åŽ‹ç¼© */
}

.footer-link {
    color: var(--secondary-color); /* é“¾æŽ¥é¢œè‰² */
    text-decoration: none;
    transition: text-shadow 0.3s ease, color 0.3s ease;
    font-size: 0.9em;
    flex-shrink: 0; /* é˜²æ­¢é“¾æŽ¥è¢«åŽ‹ç¼© */
}

.footer-link:hover {
    color: var(--primary-color);
    text-shadow: 0 0 5px var(--primary-color);
}

/* å“åº”å¼è°ƒæ•´é¡µè„š */
@media (max-width: 768px) {
    .terminal-footer {
        padding: 10px 10px; /* è°ƒæ•´å°å±å¹•é¡µè„šå†…è¾¹è· */
    }
    .terminal-footer p {
        flex-direction: column; /* å°å±å¹•ä¸Šåž‚ç›´æŽ’åˆ— */
        gap: 5px; /* å‡å°‘åž‚ç›´é—´è· */
        align-items: center; /* åž‚ç›´æŽ’åˆ—æ—¶ä¹Ÿå±…ä¸­ */
    }
    .footer-separator {
        display: none; /* å°å±å¹•ä¸Šéšè—åˆ†éš”ç¬¦ */
    }
    .footer-link {
        font-size: 0.85em; /* å°å±å¹•ä¸Šé“¾æŽ¥å­—ä½“ç•¥å° */
        white-space: normal; /* å…è®¸é“¾æŽ¥æ–‡æœ¬æ¢è¡Œ */
        text-align: center; /* ç¡®ä¿æ¢è¡ŒåŽæ–‡æœ¬å±…ä¸­ */
    }
}

@media (max-width: 480px) {
    .footer-link {
        font-size: 0.8em; /* æ›´å°å±å¹•ä¸Šé“¾æŽ¥å­—ä½“æ›´å° */
    }
}


/* Welcome Modal Styles - ä¼˜åŒ–ç‰ˆ */
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9); /* æ›´æ·±çš„åŠé€æ˜ŽèƒŒæ™¯ï¼Œæ›´èšç„¦ */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000; /* ç¡®ä¿åœ¨æœ€ä¸Šå±‚ */
    opacity: 0; /* åˆå§‹éšè— */
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease; /* åŠ¨ç”»é€Ÿåº¦ç•¥å¿« */
}

.modal-overlay.show {
    opacity: 1;
    visibility: visible;
}

/* Welcome Modal Styles - ä¼˜åŒ–ç‰ˆ */
.modal-overlay {
    /* ... ä¿æŒä¸å˜ ... */
}

.modal-overlay.show {
    /* ... ä¿æŒä¸å˜ ... */
}

.welcome-modal-content {
    background-color: var(--card-bg);
    border: 1px solid var(--primary-color);
    box-shadow: 0 0 25px rgba(0, 255, 204, 0.5); /* æ›´å¼ºçš„å‘å…‰ */
    border-radius: 10px;
    padding: 25px; /* é»˜è®¤å†…è¾¹è·å‡å° */
    width: 90%; /* ä¿æŒç™¾åˆ†æ¯”å®½åº¦ */
    max-width: 580px; /* é™åˆ¶æœ€å¤§å®½åº¦ï¼Œä½¿å…¶æ›´ç´§å‡‘ */
    position: relative;
    transform: translateY(-30px); /* åˆå§‹ä½ç½®åä¸Šï¼ŒåŠ¨ç”»è·ç¦»å‡å° */
    opacity: 0; /* åˆå§‹éšè— */
    transition: transform 0.5s ease-out, opacity 0.5s ease-out; /* åŠ¨ç”»é€Ÿåº¦ç•¥å¿« */

    /* ä½¿å†…å®¹å¯æ»šåŠ¨ */
    max-height: 90vh; /* å¼¹çª—æœ€å¤§é«˜åº¦ä¸ºè§†å£é«˜åº¦çš„90% */
    overflow-y: auto; /* åž‚ç›´æ–¹å‘å†…å®¹è¶…å‡ºæ—¶æ˜¾ç¤ºæ»šåŠ¨æ¡ */
    -webkit-overflow-scrolling: touch; /* é’ˆå¯¹iOSè®¾å¤‡çš„å¹³æ»‘æ»šåŠ¨ */
    overscroll-behavior: contain; /* é˜²æ­¢æ»šåŠ¨ç©¿é€åˆ°èƒŒæ™¯ */

    /* æ–°å¢žï¼šéšè—æ»šåŠ¨æ¡ */
    scrollbar-width: none;  /* For Firefox */
    -ms-overflow-style: none;   /* For Internet Explorer and Edge */
}

/* æ–°å¢žï¼šéšè— WebKit æµè§ˆå™¨ï¼ˆChrome, Safari, New Edgeï¼‰çš„æ»šåŠ¨æ¡ */
.welcome-modal-content::-webkit-scrollbar {
    display: none;
}

.modal-overlay.show .welcome-modal-content {
    /* ... ä¿æŒä¸å˜ ... */
}

/* ... å…¶ä»– modal-close-btn, modal-title ç­‰æ&nbsp;·å¼ä¿æŒä¸å˜ ... */

.modal-overlay.show .welcome-modal-content {
    transform: translateY(0); /* åŠ¨ç”»åˆ°ä¸­å¿ƒ */
    opacity: 1;
}

.modal-close-btn {
    position: absolute;
    top: 12px; /* è°ƒæ•´ä½ç½® */
    right: 12px; /* è°ƒæ•´ä½ç½® */
    background: none;
    border: none;
    font-size: 1.8em; /* å­—ä½“å¤§å°ç•¥å° */
    color: var(--text-dim);
    cursor: pointer;
    transition: color 0.3s ease, transform 0.3s ease;
}

.modal-close-btn:hover {
    color: var(--primary-color);
    transform: rotate(90deg);
}

.modal-title {
    color: var(--primary-color);
    font-size: 1.8em; /* æ&nbsp;‡é¢˜å­—ä½“å‡å° */
    text-align: center;
    margin-bottom: 20px; /* é—´è·å‡å° */
    text-shadow: 0 0 8px var(--primary-color); /* å‘å…‰æ•ˆæžœ */
    letter-spacing: 1.5px;
}

.modal-sections {
    display: flex;
    flex-direction: column;
    gap: 15px; /* é—´è·å‡å° */
    margin-bottom: 25px; /* é—´è·å‡å° */
}

.modal-section {
    background-color: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(0, 255, 204, 0.2);
    border-radius: 8px;
    padding: 18px; /* å†…è¾¹è·å‡å° */
}

.modal-section h3 {
    color: var(--secondary-color);
    font-size: 1.25em; /* æ&nbsp;‡é¢˜å­—ä½“å‡å° */
    margin-top: 0;
    margin-bottom: 12px; /* é—´è·å‡å° */
    display: flex;
    align-items: center;
    gap: 8px; /* é—´è·å‡å° */
    text-shadow: 0 0 4px var(--secondary-color);
}

.modal-section h3 .section-icon {
    font-size: 1.1em; /* å›¾æ&nbsp;‡å¤§å°ç•¥å° */
    color: var(--primary-color);
}

.modal-section ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.modal-section li {
    font-size: 0.95em; /* åˆ—è¡¨é¡¹å­—ä½“å‡å° */
    line-height: 1.5; /* è¡Œé«˜ç•¥ç´§å‡‘ */
    margin-bottom: 6px; /* é—´è·å‡å° */
    color: var(--text-light);
    display: flex;
    align-items: flex-start;
}

.modal-section li .list-bullet {
    color: var(--primary-color);
    margin-right: 8px; /* é—´è·å‡å° */
    font-weight: bold;
    flex-shrink: 0;
}

.modal-section li strong {
    color: var(--link-hover);
}

.modal-understand-btn {
    display: block;
    width: fit-content;
    margin: 0 auto;
    padding: 10px 25px; /* æŒ‰é’®å†…è¾¹è·å‡å° */
    background-color: var(--primary-color);
    color: var(--bg-dark);
    border: none;
    border-radius: 5px;
    font-family: 'Share Tech Mono', monospace;
    font-size: 1em; /* æŒ‰é’®å­—ä½“å‡å° */
    cursor: pointer;
    transition: background-color 0.3s ease, box-shadow 0.3s ease, color 0.3s ease;
    font-weight: bold;
    letter-spacing: 1px;
}

.modal-understand-btn:hover {
    background-color: var(--link-hover);
    box-shadow: 0 0 12px var(--link-hover); /* å‘å…‰æ•ˆæžœç•¥å° */
    color: #000; /* æ‚¬åœæ—¶å­—ä½“é¢œè‰²å˜æ·± */
}

/* Responsive adjustments for modal */
@media (max-width: 768px) {
    .welcome-modal-content {
        padding: 18px; /* ç§»åŠ¨ç«¯å†…è¾¹è· */
        max-width: 95%; /* å°å±å¹•ä¸Šå…è®¸æ›´å®½ */
        width: 95%;
        max-height: 95vh; /* ç§»åŠ¨ç«¯æœ€å¤§é«˜åº¦ç•¥å¤§ */
    }
    .modal-title {
        font-size: 1.6em; /* ç§»åŠ¨ç«¯æ&nbsp;‡é¢˜å­—ä½“ */
        margin-bottom: 15px;
    }
    .modal-section {
        padding: 15px; /* ç§»åŠ¨ç«¯å°èŠ‚å†…è¾¹è· */
    }
    .modal-section h3 {
        font-size: 1.1em; /* ç§»åŠ¨ç«¯å°èŠ‚æ&nbsp;‡é¢˜å­—ä½“ */
        margin-bottom: 10px;
    }
    .modal-section li {
        font-size: 0.88em; /* ç§»åŠ¨ç«¯åˆ—è¡¨é¡¹å­—ä½“ */
        line-height: 1.4;
    }
    .modal-close-btn {
        font-size: 1.6em;
        top: 10px;
        right: 10px;
    }
    .modal-understand-btn {
        padding: 8px 18px;
        font-size: 0.9em;
    }
}

@media (max-width: 480px) {
    .welcome-modal-content {
        padding: 12px; /* æ›´å°å±å¹•å†…è¾¹è· */
        max-height: 98vh; /* æ›´å°å±å¹•æœ€å¤§é«˜åº¦æ›´å¤§ */
    }
    .modal-title {
        font-size: 1.4em;
        margin-bottom: 12px;
    }
    .modal-section {
        padding: 12px;
    }
    .modal-section h3 {
        font-size: 1em;
        margin-bottom: 8px;
    }
    .modal-section li {
        font-size: 0.8em;
        margin-bottom: 4px;
    }
    .modal-close-btn {
        font-size: 1.5em;
        top: 8px;
        right: 8px;
    }
    .modal-understand-btn {
        padding: 6px 15px;
        font-size: 0.85em;
    }
}</pre></body></html>