/*!
 * common/css/home_index.css
 * 2026-10-28 从 index.php 抽取（原内联 <style> 块，内容逐行未改）
 *
 * 说明：
 *   - 前两大段：首页基础主题 + 全局元素样式 + 旧版网格卡片样式
 *   - 后五段：首页入口卡片样式（MathFan / 劳动时间 / 公司资本 / 劳动者维权 / Dev 后台）
 *     这五段原先写在 <body> 里，抽到本文件后相对顺序不变（仍在全局样式之后），
 *     且页面自身不再有更高优先级的规则覆盖它们 → 渲染效果一致。
 */

/* ===== 首页基础主题（浅色绿渐变 / 暗黑深蓝）+ 全局元素样式 ===== */
body{
margin-top:36px;
background: linear-gradient(-90deg, #003300, #aaffaa, #003300)
}
/* === 2026-10-23 首页主题：默认暗黑，可切换 === */
/* 浅色：保留经典绿渐变（压过 theme.css 的 --theme-bg 灰白底） */
body:not(.dark-mode){
    background: linear-gradient(-90deg, #003300, #aaffaa, #003300) !important;
}
/* 暗黑：深蓝底（告别纯黑，观感更轻松） */
body.dark-mode{
    background: linear-gradient(180deg, #0b1e3e 0%, #153260 55%, #102646 100%) !important;
    color: #e2e8f0;
}
/* 2026-10-23：html 元素也要覆盖（body 渐变有透明区域时 html 默认白底会漏出来） */
body.dark-mode,
:root[data-theme="dark"] body,
:root[data-theme="auto"] body,
html[data-theme="dark"],
html[data-theme="auto"] { background: linear-gradient(180deg, #0b1e3e 0%, #153260 55%, #102646 100%) !important; }
html[data-theme="dark"],
html[data-theme="auto"] { background-color: #0d2347 !important; }

body.dark-mode a{ color: inherit; }
/* 2026-10-23：暗黑模式下 .nav 导航按钮 — 亮蓝底改成半透明暗色 */
body.dark-mode .nav ul li a {
    background: rgba(59, 130, 246, 0.15) !important;
    border: 1px solid rgba(59, 130, 246, 0.35) !important;
    color: #c7d2fe !important;
}
body.dark-mode .nav ul li a:hover {
    background: rgba(59, 130, 246, 0.28) !important;
    border-color: rgba(96, 165, 250, 0.55) !important;
    color: #e0e7ff !important;
}
/* 2026-10-23：暗黑模式下首页所有 #k* 卡片（几百个 id 选择器硬编码 rgb 背景）— 统一降亮 + 亮字 */
/* 一刀切：极淡的半透明白底 + 亮色文字，保持卡片有层级但不刺眼 */
body.dark-mode [id^="k"] {
    background-color: rgba(255, 255, 255, 0.05) !important;
    color: #e2e8f0 !important;
}
body.dark-mode [id^="k"] a {
    color: #e2e8f0 !important;
}
body.dark-mode [id^="k"] a:hover {
    color: #93c5fd !important;
}
/* 2026-10-23：暗黑模式下移动端 .my_td 卡片 — 半透明白改成半透明暗 */
body.dark-mode .my_td {
    background: rgba(30, 41, 59, 0.75) !important;
    border: 1px solid rgba(148, 163, 184, 0.18) !important;
}
body.dark-mode .my_td a {
    color: #e2e8f0 !important;
}
/* 2026-10-23：暗黑模式下 .hilite 黄色高亮 — 降亮 */
body.dark-mode .hilite {
    background: rgba(251, 191, 36, 0.18) !important;
    color: #fbbf24 !important;
}
/* 2026-10-23：暗黑模式下通用 table/td — 边框降亮 */
body.dark-mode table,
body.dark-mode td {
    border-color: rgba(148, 163, 184, 0.15);
}
/* 2026-10-23：暗黑模式下天气/时钟/日期卡片里的文字颜色 */
body.dark-mode #k51225 .city-name,
body.dark-mode #k512252 .city-name { color: #93c5fd !important; }
body.dark-mode #k51225 .temperature,
body.dark-mode #k512252 .temperature { color: #f87171 !important; }
body.dark-mode #k51225 .info-item,
body.dark-mode #k512252 .info-item { color: #94a3b8 !important; }
body.dark-mode #k51225 .error,
body.dark-mode #k512252 .error {
    background: rgba(239, 68, 68, 0.15) !important;
    color: #fca5a5 !important;
}
/* 2026-10-23：暗黑模式下 iframe 容器内的深色积木（#k31 video 播放器）保持深色 */
body.dark-mode #k31,
body.dark-mode #k51224,
body.dark-mode #k474222,
body.dark-mode #k3333 {
    background-color: rgba(15, 23, 42, 0.85) !important;
    color: #e2e8f0 !important;
}
body.dark-mode #k31 a,
body.dark-mode #k51224 a,
body.dark-mode #k474222 a,
body.dark-mode #k3333 a {
    color: #e2e8f0 !important;
}
/* 右上角主题切换按钮（theme.js 自动绑定 data-theme-switcher 并生成下拉菜单） */
#home-theme-switcher{
    position: fixed;
    top: 18px;
    right: 16px;
    z-index: 9996;
}
@media (max-width: 768px){
    #home-theme-switcher{ top: 13px; right: 12px; }
    #home-theme-switcher .theme-switcher__btn{ height: 34px; padding: 0 9px; font-size: 13px; }
    /* 移动端暗色渐变（对应下方浅色绿渐变的 !important 覆盖） */
    body:not(.dark-mode){
        background: linear-gradient(180deg, #003300 0%, #aaffaa 50%, #003300 100%) !important;
    }
    body.dark-mode{
        background: linear-gradient(180deg, #0b1e3e 0%, #153260 50%, #102646 100%) !important;
    }
}
table{
margin:auto;
}
.my_td {
    display: flex;
    align-items: center;
    justify-content: center;
}
/* === 2026-07-19 移动端最小可用适配 === */
@media (max-width: 768px) {
  body {
    margin-top: 0 !important;
    padding: 8px !important;
    background: linear-gradient(180deg, #003300 0%, #aaffaa 50%, #003300 100%) !important;
  }
  /* 强制 table 流式堆叠 */
  body > table, body > table > tbody, body > table > tbody > tr, body > table > tbody > tr > td {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
  }
  body > table { margin: 0 !important; }
  body > table > tbody > tr { margin-bottom: 4px !important; }
  body > table > tbody > tr > td {
    padding: 0 !important;
    margin: 0 0 4px 0 !important;
  }
  /* 链接 cell 卡片化 */
  body .my_td {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 10px 12px !important;
    margin: 4px 0 !important;
    background: rgba(255, 255, 255, 0.75) !important;
    border-radius: 8px !important;
    text-align: left !important;
    justify-content: flex-start !important;
    align-items: center !important;
  }
  body .my_td a {
    color: #000 !important;
    text-decoration: none !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    word-break: break-word !important;
    white-space: normal !important;
    width: 100% !important;
  }
  body .my_td a img {
    max-width: 28px !important;
    height: auto !important;
    margin-right: 8px !important;
  }
  /* colspan/rowspan 在窄屏下失效 */
  body td[colspan], body td[rowspan] {
    width: 100% !important;
  }
  /* 天气/时钟/笔记等大块独立卡片 */
  #k51225, #k51222, #k51224 {
    min-height: auto !important;
    max-width: 100% !important;
    padding: 12px !important;
  }
}

/* ===== 旧版网格卡片样式（#k* id 选择器）===== */

body{
    margin:0px;
}
.name {
    font-size: 32px;
}
.hilite { background: #fda; }
.nav ul {
}
.nav ul li {
    float: left;
    margin-right: 10px;
}
.nav ul li a {
    background: none repeat scroll 0 0 #105CB6;
    border: 1px solid #0B4C98;
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: 28px;
    line-height: 2;
    text-align: center;
    width: 107px;
}
.my_td {
    margin: 0px;
    padding: 0px;
    justify-content: center;
    align-items: center;
}
a {
    color: black;
    text-decoration: none;
}
td{
    overflow:hidden;
    line-height: 1.2;
    font-size: 16px;
    cursor: pointer;
}
#data td {
    line-height: 1;
}
.link_remind{
    max-width: 200px;
}


#k3924 {
  background-color:rgb(200, 255, 200);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k3924 a{
  color:rgb(0, 0, 0);
}

#k28222 {
  background-color:rgb(255, 253, 208);
  min-width:400;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k28222 a{
  color:rgb(0, 0, 0);
}

#k31 {
  background-color:rgb(211, 211, 211);
  min-width:400;
  min-height:500;
  color:rgb(0, 0, 0);
  #k31 { position: relative; overflow: hidden; }
#k31 .ffv-visual { position: relative; width: 100%; min-height: 500px; height: 100%; box-sizing: border-box; color: inherit; overflow: hidden; }
#k31 .ffv-link-cover { position: absolute; inset: 0; z-index: 1000; display: block; }
#k31 .ffv-element { position: absolute; cursor: move; }
#k31 .ffv-el-text { white-space: nowrap; }
#k31 .ffv-el-divider { display: block; }
#k31 .ffv-el-mini-btn { user-select: none; }

}
#k31 a{
  color:rgb(0, 0, 0);
}

#k51222 {
  background-color:rgb(255, 255, 255);
  min-width:400;
  min-height:350;
  color:rgb(0, 0, 0);
}

body {
    font-family: 'Lato', sans-serif;
}

/* ∞∞ global ∞∞ */
* {
    position: relative;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border-color: inherit;
}

body {
    width: 100vw;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: scroll;
    font-size: 100%;
    font-style: normal;
    font-weight: 300;
    line-height: 1;
    margin: 0;
    padding: 0;
}

/* ∞∞ text styling ∞∞ */
h1,
h2,
h3,
h4,
h5,
h6,
p,
em,
a,
b,
strong {
    font-style: normal;
    font-weight: 300;
}

strong {
    font-size: 1.15em;
}

small {
    font-size: .85em;
}

ul,
ol,
menu {
    list-style: none;
}

sub,
sup {
    font-size: .75em;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

abbr[title] {
    border-bottom: 1px dotted;
}

dfn {
    font-style: italic;
}

/* ∞∞ form elements ∞∞ */
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
    background: transparent;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

button,
select {
    text-transform: none;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

fieldset {
    border: none;
    margin: 0;
    padding: 0;
    min-width: 0;
}

textarea {
    resize: none;
}

/* ∞∞ link styling ∞∞ */
a {
    display: inline;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

a:active,
a:hover {
    outline: 0;
}

/* a::before {
    width: 100%;
    height: .2rem;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #7ac;
}

a:hover::before {
    background-color: #49e;
    height: .35rem;
} */

/* ∞∞ hr using box ∞∞ */
hr {
    border: none;
    box-sizing: border-box;
    height: .075rem;
}

/* ∞∞ hidden ∞∞ */
[hidden],
template {
    display: none;
}

/* ∞∞ media specific ∞∞ */
audio:not([controls]) {
    display: none;
    height: 0;
}

/* ∞∞ tables ∞∞ */
table {
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
}

td,
th {
    margin: 0;
    padding: 0;
    font-weight: inherit;
    text-align: inherit;
}


/*====================================================== ∞∞ browser specific ∞∞ */

/* ∞∞ IE ∞∞ */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

a {
    background-color: transparent;
}

button {
    overflow: visible;
}

html {
    -ms-text-size-adjust: 100%;
}

img {
    border: none;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

legend {
    border: none;
    padding: 0;
}

mark {
    background: #ff0;
    color: #000;
}

svg:not(:root) {
    overflow: hidden;
}

textarea {
    overflow: auto;
}

/* ∞∞ moz ∞∞ */
body {
    -moz-osx-font-smoothing: grayscale;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: none;
    padding: 0;
}

input {
    line-height: normal;
}

/* ∞∞ webkit ∞∞ */
* {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
}

html {
    -webkit-text-size-adjust: 100%;
}

body {
    -webkit-font-smoothing: antialiased !important;
}

blockquote {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}

fieldset {
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-before: 0;
    -webkit-padding-start: 0;
    -webkit-padding-end: 0;
    -webkit-padding-after: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
progress {
    -webkit-appearance: none;
}


i {
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
}

h2,
h3 {
    font-size: 7px;
    letter-spacing: 1px;
    font-variant: small-caps;
    position: absolute;
    left: 50%;
    top: 32%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

h2 {
    font-size: 8px;
    top: 29%;
    letter-spacing: 3px;
    font-weight: bold;
}

.date {
    font-size: 8px;
    width: 52px;
    height: 9px;
    background-color: #F6EEE8;
    border-radius: 2px;
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: 27%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

section.border-clock {
    background-color: #99aaff;
    width: 300px;
    height: 300px;
    border: 10px solid #77aaff;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 15px 15px 35px -10px #4888ff;
}

section.clock {
    width: 272px;
    height: 272px;
    background-color: #FDFAF7;
    border: 2px solid #E5E375;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color:black;
}

section.clock div.minutes,
section.clock div.hours,
section.clock div.seconds {
    width: 1px;
    height: 1px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
}

section.clock div.minutes {
    transition: -webkit-transform 1s linear;
    transition: transform 1s linear;
    transition: transform 1s linear, -webkit-transform 1s linear
}

section.clock div.seconds::before,
section.clock div.minutes::before,
section.clock div.hours::before {
    content: "";
    position: absolute;
    bottom: 50%;
    left: 50%;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

section.clock div.seconds::before {
    width: 1px;
    height: 113px;
    background-color: #EB6444;
}

section.clock div.minutes::before {
    width: 3px;
    height: 105px;
    background-color: #68C3D4;
    border-radius: 3px;
}

section.clock div.hours::before {
    width: 3px;
    height: 60px;
    background-color: #ffaa00;
    border-radius: 3px;
}

section.clock .cercle {
    width: 7px;
    height: 7px;
    background-color: #FDFAF7;
    border: 2px solid #EB6444;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

section.clock span {
    display: block;
    width: 1px;
    height: 95%;
    position: absolute;
    top: 50%;
    left: 50%;
}

section.clock span::after {
    content: "";
    background-color: #A0A1A4;
    position: absolute;
    width: 100%;
    height: 10px;
    top: 0;
    left: 0;
}

section.clock span::before {
    content: "";
    background-color: #A0A1A4;
    position: absolute;
    width: 100%;
    height: 10px;
    bottom: 0;
    left: 0;
}

section.clock span.fives::after,
section.clock span.fives::before {
    height: 20px
}

section.clock ul {
    height: 38%;
    width: 0;
    position: absolute;
    bottom: 50%;
    left: 50%;
}

section.clock ul li {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}

section.clock ul li i {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

section.clock ul li:nth-child(2) {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}

section.clock ul li:nth-child(2) i {
    -webkit-transform: translateX(-50%) rotate(-30deg);
    transform: translateX(-50%) rotate(-30deg)
}

section.clock ul li:nth-child(3) {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
}

section.clock ul li:nth-child(3) i {
    -webkit-transform: translateX(-50%) rotate(-60deg);
    transform: translateX(-50%) rotate(-60deg)
}

section.clock ul li:nth-child(4) {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

section.clock ul li:nth-child(4) i {
    -webkit-transform: translateX(-50%) rotate(-90deg);
    transform: translateX(-50%) rotate(-90deg)
}

section.clock ul li:nth-child(5) {
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg);
}

section.clock ul li:nth-child(5) i {
    -webkit-transform: translateX(-50%) rotate(-120deg);
    transform: translateX(-50%) rotate(-120deg)
}

section.clock ul li:nth-child(6) {
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg);
}

section.clock ul li:nth-child(6) i {
    -webkit-transform: translateX(-50%) rotate(-150deg);
    transform: translateX(-50%) rotate(-150deg)
}

section.clock ul li:nth-child(7) {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

section.clock ul li:nth-child(7) i {
    -webkit-transform: translateX(-50%) rotate(-180deg);
    transform: translateX(-50%) rotate(-180deg)
}

section.clock ul li:nth-child(8) {
    -webkit-transform: rotate(210deg);
    transform: rotate(210deg);
}

section.clock ul li:nth-child(8) i {
    -webkit-transform: translateX(-50%) rotate(-210deg);
    transform: translateX(-50%) rotate(-210deg)
}

section.clock ul li:nth-child(9) {
    -webkit-transform: rotate(240deg);
    transform: rotate(240deg);
}

section.clock ul li:nth-child(9) i {
    -webkit-transform: translateX(-50%) rotate(-240deg);
    transform: translateX(-50%) rotate(-240deg)
}

section.clock ul li:nth-child(10) {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

section.clock ul li:nth-child(10) i {
    -webkit-transform: translateX(-50%) rotate(-270deg);
    transform: translateX(-50%) rotate(-270deg)
}

section.clock ul li:nth-child(11) {
    -webkit-transform: rotate(300deg);
    transform: rotate(300deg);
}

section.clock ul li:nth-child(11) i {
    -webkit-transform: translateX(-50%) rotate(-300deg);
    transform: translateX(-50%) rotate(-300deg)
}

section.clock ul li:last-child {
    -webkit-transform: rotate(330deg);
    transform: rotate(330deg);
}

section.clock ul li:last-child i {
    -webkit-transform: translateX(-50%) rotate(-330deg);
    transform: translateX(-50%) rotate(-330deg)
}

#k2822 {
  background-color:rgb(191, 255, 255);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k2822 a{
  color:rgb(0, 0, 0);
}

#k434222 {
  background-color:rgb(255,200,200);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k434222 a{
  color:rgb(0, 0, 0);
}

#k4342 {
  background-color:rgb(255,255,0);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k4342 a{
  color:rgb(0, 0, 0);
}

#k5520 {
  background-color:rgb(200, 255, 200);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k5520 a{
  color:rgb(0, 0, 0);
}

#k2122 {
  background-color:rgb(135, 206, 255);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k2122 a{
  color:rgb(0, 0, 0);
}

#k7341 {
  background-color:rgb(200, 255, 200);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k7341 a{
  color:rgb(0, 0, 0);
}

#k4422 {
  background-color:rgb(255,215,0);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k4422 a{
  color:rgb(0, 0, 0);
}

#k124 {
  background-color:rgb(191, 255, 255);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k124 a{
  color:rgb(0, 0, 0);
}

#k43422 {
  background-color:rgb(255, 253, 208);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k43422 a{
  color:rgb(0, 0, 0);
}

#k8731 {
  background-color:rgb(200, 255, 200);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k8731 a{
  color:rgb(0, 0, 0);
}

#k35222 {
  background-color:rgb(255,200,200);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k35222 a{
  color:rgb(0, 0, 0);
}

#k33322 {
  background-color:rgb(191, 255, 255);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k33322 a{
  color:rgb(0, 0, 0);
}

#k139 {
  background-color:rgb(191, 255, 255);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k139 a{
  color:rgb(0, 0, 0);
}

#k13 {
  background-color:rgb(149, 225, 211);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k13 a{
  color:rgb(0, 0, 0);
}

#k4092 {
  background-color:rgb(255,215,0);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k4092 a{
  color:rgb(0, 0, 0);
}

#k4343 {
  background-color:rgb(255,227,132);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k4343 a{
  color:rgb(0, 0, 0);
}

#k2422 {
  background-color:rgb(255, 253, 208);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k2422 a{
  color:rgb(0, 0, 0);
}

#k193 {
  background-color:rgb(253,202,100);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k193 a{
  color:rgb(0, 0, 0);
}

#k7659 {
  background-color:rgb(200, 255, 200);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k7659 a{
  color:rgb(0, 0, 0);
}

#k2745 {
  background-color:rgb(135, 206, 235);
  min-width:400;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k2745 a{
  color:rgb(0, 0, 0);
}

#k283 {
  background-color:rgb(255,200,200);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k283 a{
  color:rgb(0, 0, 0);
}

#k55203 {
  background-color:rgb(200, 255, 200);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k55203 a{
  color:rgb(0, 0, 0);
}

#k51225 {
  background-color:rgb(255, 253, 208);
  min-width:200;
  min-height:300;
  color:rgb(0, 0, 0);
  
.city-name {
    font-size: 24px;
    color: #333;
    margin-bottom: 10px;
}
.temperature {
    font-size: 48px;
    color: #e74c3c;
    margin: 10px 0;
}
.weather-info {
    margin: 15px 0;
}
.info-item {
    margin: 5px 0;
    color: #666;
}
.loading {
    color: #999;
}
.error {
    color: #e74c3c;
    background: #ffeaa7;
    padding: 10px;
    border-radius: 5px;
}
}
#k51225 a{
  color:rgb(0, 0, 0);
}

#k4332222 {
  background-color:rgb(149, 225, 211);
  min-width:400;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k4332222 a{
  color:rgb(0, 0, 0);
}

#k5945 {
  background-color:rgb(255,215,0);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k5945 a{
  color:rgb(0, 0, 0);
}

#k2832 {
  background-color:rgb(255,200,200);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k2832 a{
  color:rgb(0, 0, 0);
}

#k474223 {
  background-color:rgb(200, 255, 200);
  min-width:400;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k474223 a{
  color:rgb(0, 0, 0);
}

#k33222 {
  background-color:rgb(255,200,200);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k33222 a{
  color:rgb(0, 0, 0);
}

#k332222 {
  background-color:rgb(253,202,100);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k332222 a{
  color:rgb(0, 0, 0);
}

#k474232 {
  background-color:rgb(211, 211, 211);
  min-width:400;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k474232 a{
  color:rgb(0, 0, 0);
}

#k262 {
  background-color:rgb(255,227,132);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k262 a{
  color:rgb(0, 0, 0);
}

#k28 {
  background-color:rgb(149, 225, 211);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k28 a{
  color:rgb(0, 0, 0);
}

#k36 {
  background-color:rgb(255,215,0);
  min-width:400;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k36 a{
  color:rgb(0, 0, 0);
}

#k47423223 {
  background-color:rgb(149, 225, 211);
  min-width:400;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k47423223 a{
  color:rgb(0, 0, 0);
}

#k453 {
  background-color:rgb(200, 255, 200);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k453 a{
  color:rgb(0, 0, 0);
}

#k312 {
  background-color:rgb(191, 255, 255);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k312 a{
  color:rgb(0, 0, 0);
}

#k92 {
  background-color:rgb(200, 255, 200);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k92 a{
  color:rgb(0, 0, 0);
}

#k42 {
  background-color:rgb(255,200,200);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  font-size:22px;
}
#k42 a{
  color:rgb(0, 0, 0);
}

#k55202 {
  background-color:rgb(200, 255, 200);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k55202 a{
  color:rgb(0, 0, 0);
}

#k3132 {
  background-color:rgb(191, 255, 255);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k3132 a{
  color:rgb(0, 0, 0);
}

#k4332 {
  background-color:orange;
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k4332 a{
  color:rgb(0, 0, 0);
}

#k452 {
  background-color:rgb(255, 253, 208);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k452 a{
  color:rgb(0, 0, 0);
}

#k21222 {
  background-color:rgb(255,227,132);
  min-width:400;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k21222 a{
  color:rgb(0, 0, 0);
}

#k5518 {
  background-color:rgb(191, 255, 255);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k5518 a{
  color:rgb(0, 0, 0);
}

#k192 {
  background-color:rgb(200, 255, 200);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k192 a{
  color:rgb(0, 0, 0);
}

#k2123 {
  background-color:rgb(255, 253, 208);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k2123 a{
  color:rgb(0, 0, 0);
}

#k47433 {
  background-color:rgb(191, 255, 255);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k47433 a{
  color:rgb(0, 0, 0);
}

#k51224 {
  background-color:rgb(153,102,0);
  min-width:400;
  min-height:700;
  color:rgb(255, 255, 255);
  
}
#k51224 a{
  color:rgb(255, 255, 255);
}

#k512252 {
  background-color:rgb(255,200,200);
  min-width:200;
  min-height:300;
  color:rgb(0, 0, 0);
  
.city-name {
    font-size: 24px;
    color: #333;
    margin-bottom: 10px;
}
.temperature {
    font-size: 48px;
    color: #e74c3c;
    margin: 10px 0;
}
.weather-info {
    margin: 15px 0;
}
.info-item {
    margin: 5px 0;
    color: #666;
}
.loading {
    color: #999;
}
.error {
    color: #e74c3c;
    background: #ffeaa7;
    padding: 10px;
    border-radius: 5px;
}
}
#k512252 a{
  color:rgb(0, 0, 0);
}

#k1958 {
  background-color:rgb(255,227,132);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k1958 a{
  color:rgb(0, 0, 0);
}

#k123 {
  background-color:rgb(0, 153, 51);
  min-width:200;
  min-height:50;
  color:rgb(255, 255, 255);
  
}
#k123 a{
  color:rgb(255, 255, 255);
}

#k30222 {
  background-color:rgb(149, 225, 211);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k30222 a{
  color:rgb(0, 0, 0);
}

#k474332 {
  background-color:rgb(255,200,200);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k474332 a{
  color:rgb(0, 0, 0);
}

#k4505 {
  background-color:rgb(191, 255, 255);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k4505 a{
  color:rgb(0, 0, 0);
}

#k434223 {
  background-color:rgb(255, 253, 208);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k434223 a{
  color:rgb(0, 0, 0);
}

#k3022 {
  background-color:rgb(200, 255, 200);
  min-width:400;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k3022 a{
  color:rgb(0, 0, 0);
}

#k434 {
  background-color:rgb(255,227,132);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k434 a{
  color:rgb(0, 0, 0);
}

#k212 {
  background-color:rgb(191, 255, 255);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k212 a{
  color:rgb(0, 0, 0);
}

#k562 {
  background-color:rgb(255, 253, 208);
  min-width:400;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k562 a{
  color:rgb(0, 0, 0);
}

#k3322222 {
  background-color:rgb(191, 255, 255);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k3322222 a{
  color:rgb(0, 0, 0);
}

#k282 {
  background-color:rgb(200, 255, 200);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k282 a{
  color:rgb(0, 0, 0);
}

#k51223 {
  background-color:rgb(191, 255, 255);
  min-width:400;
  min-height:150;
  color:rgb(0, 0, 0);
  
html,
body {
    height: 100%;
}


p {
    margin: 0;
    padding: 0;
}
p.time {
    font-size: 80px;
}
#clock {
    font-family: "Share Tech Mono", monospace;
    color: #ffffff;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #daf6ff;
    text-shadow: 0 0 20px #0aafe6, 0 0 20px rgba(10, 175, 230, 0);
}

#clock .time {
    letter-spacing: 0.05em;
    font-size: 80px;
    padding: 5px 0;
}

#clock .date2 {
    font-size: 20px;
    width: 300px;
    height: 29px;
    color: #e6ff00;
    border-radius: 2px;
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: 27%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

#clock .text {
    letter-spacing: 0.1em;
    font-size: 12px;
    padding: 20px 0 0;
}
}
#k51223 a{
  color:rgb(0, 0, 0);
}

#k232 {
  background-color:rgb(255,200,200);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k232 a{
  color:rgb(0, 0, 0);
}

#k301 {
  background-color:rgb(255,200,200);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k301 a{
  color:rgb(0, 0, 0);
}

#k9072 {
  background-color:rgb(192, 192, 192);
  min-width:400;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k9072 a{
  color:rgb(0, 0, 0);
}

#k7821 {
  background-color:rgb(191, 255, 255);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k7821 a{
  color:rgb(0, 0, 0);
}

#k1783 {
  background-color:rgb(255,227,132);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k1783 a{
  color:rgb(0, 0, 0);
}

#k3522 {
  background-color:rgb(255,200,200);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k3522 a{
  color:rgb(0, 0, 0);
}

#k4743422 {
  background-color:rgb(172, 255, 89);
  min-width:400;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k4743422 a{
  color:rgb(0, 0, 0);
}

#k137 {
  background-color:rgb(255,227,132);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k137 a{
  color:rgb(0, 0, 0);
}

#k12 {
  background-color:rgb(102, 153, 204);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k12 a{
  color:rgb(0, 0, 0);
}

#k32 {
  background-color:rgb(192, 192, 192);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k32 a{
  color:rgb(0, 0, 0);
}

#k432 {
  background-color:rgb(255,200,200);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k432 a{
  color:rgb(0, 0, 0);
}

#k3542 {
  background-color:rgb(149, 225, 211);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k3542 a{
  color:rgb(0, 0, 0);
}

#k2423 {
  background-color:rgb(255,200,200);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k2423 a{
  color:rgb(0, 0, 0);
}

#k62 {
  background-color:rgb(211, 211, 211);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k62 a{
  color:rgb(0, 0, 0);
}

#k34 {
  background-color:rgb(102, 153, 204);
  min-width:200;
  min-height:50;
  color:black;
  
}
#k34 a{
  color:black;
}

#k4222 {
  background-color:rgb(0, 153, 51);
  min-width:200;
  min-height:50;
  color:rgb(255, 255, 255);
  
}
#k4222 a{
  color:rgb(255, 255, 255);
}

#k44 {
  background-color:rgb(255,165,0);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k44 a{
  color:rgb(0, 0, 0);
}

#k43 {
  background-color:rgb(0, 191, 255);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k43 a{
  color:rgb(0, 0, 0);
}

#k4743 {
  background-color:rgb(0, 153, 51);
  min-width:200;
  min-height:50;
  color:rgb(255, 255, 255);
  
}
#k4743 a{
  color:rgb(255, 255, 255);
}

#k242 {
  background-color:rgb(243, 129, 129);
  min-width:200;
  min-height:50;
  color:rgb(255, 255, 255);
  
}
#k242 a{
  color:rgb(255, 255, 255);
}

#k122 {
  background-color:rgb(255, 255, 255);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k122 a{
  color:rgb(0, 0, 0);
}

#k24223 {
  background-color:rgb(243, 129, 129);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k24223 a{
  color:rgb(0, 0, 0);
}

#k6471 {
  background-color:rgb(255, 253, 208);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k6471 a{
  color:rgb(0, 0, 0);
}

#k1787 {
  background-color:rgb(191, 255, 255);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k1787 a{
  color:rgb(0, 0, 0);
}

#k3925 {
  background-color:rgb(172, 255, 89);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k3925 a{
  color:rgb(0, 0, 0);
}

#k35 {
  background-color:rgb(192, 192, 192);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k35 a{
  color:rgb(0, 0, 0);
}

#k422 {
  background-color:orange;
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k422 a{
  color:rgb(0, 0, 0);
}

#k4654 {
  background-color:rgb(191, 255, 255);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k4654 a{
  color:rgb(0, 0, 0);
}

#k529 {
  background-color:rgb(200, 255, 200);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k529 a{
  color:rgb(0, 0, 0);
}

#k5911 {
  background-color:rgb(255, 200, 200);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k5911 a{
  color:rgb(0, 0, 0);
}

#k850 {
  background-color:rgb(255, 215, 0);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k850 a{
  color:rgb(0, 0, 0);
}

#k442 {
  background-color:rgb(211, 211, 211);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k442 a{
  color:rgb(0, 0, 0);
}

#k4416 {
  background-color:rgb(172, 255, 89);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k4416 a{
  color:rgb(0, 0, 0);
}

#k7167 {
  background-color:rgb(255, 200, 200);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k7167 a{
  color:rgb(0, 0, 0);
}

#k82 {
  background-color:rgb(172, 255, 89);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k82 a{
  color:rgb(0, 0, 0);
}

#k8106 {
  background-color:rgb(240, 230, 140);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k8106 a{
  color:rgb(0, 0, 0);
}

#k1296 {
  background-color:rgb(255, 253, 208);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k1296 a{
  color:rgb(0, 0, 0);
}

#k1769 {
  background-color:rgb(200, 255, 200);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k1769 a{
  color:rgb(0, 0, 0);
}

#k3475 {
  background-color:rgb(255, 215, 0);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k3475 a{
  color:rgb(0, 0, 0);
}

#k4126 {
  background-color:rgb(255, 200, 200);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k4126 a{
  color:rgb(0, 0, 0);
}

#k8779 {
  background-color:rgb(255, 182, 193);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k8779 a{
  color:rgb(0, 0, 0);
}

#k474343 {
  background-color:rgb(172, 255, 89);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k474343 a{
  color:rgb(0, 0, 0);
}

#k5122 {
  background-color:rgb(149, 225, 211);
  min-width:400;
  min-height:250;
  color:rgb(0, 0, 0);
  
}
#k5122 a{
  color:rgb(0, 0, 0);
}

#k5610 {
  background-color:rgb(255, 215, 0);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k5610 a{
  color:rgb(0, 0, 0);
}

#k2081 {
  background-color:rgb(172, 255, 89);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k2081 a{
  color:rgb(0, 0, 0);
}

#k3129 {
  background-color:rgb(191, 255, 255);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k3129 a{
  color:rgb(0, 0, 0);
}

#k5626 {
  background-color:rgb(240, 230, 140);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k5626 a{
  color:rgb(0, 0, 0);
}

#k5445 {
  background-color:rgb(191, 255, 255);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k5445 a{
  color:rgb(0, 0, 0);
}

#k43322 {
  background-color:orange;
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k43322 a{
  color:rgb(0, 0, 0);
}

#k9364 {
  background-color:rgb(255, 182, 193);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k9364 a{
  color:rgb(0, 0, 0);
}

#k822 {
  background-color:rgb(172, 255, 89);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k822 a{
  color:rgb(0, 0, 0);
}

#k40 {
  background-color:rgb(211, 211, 211);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k40 a{
  color:rgb(0, 0, 0);
}

#k7516 {
  background-color:rgb(255, 200, 200);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k7516 a{
  color:rgb(0, 0, 0);
}

#k8209 {
  background-color:rgb(255, 253, 208);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k8209 a{
  color:rgb(0, 0, 0);
}

#k433222 {
  background-color:orange;
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k433222 a{
  color:rgb(0, 0, 0);
}

#k47434 {
  background-color:rgb(211, 211, 211);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k47434 a{
  color:rgb(0, 0, 0);
}

#k7419 {
  background-color:rgb(240, 230, 140);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k7419 a{
  color:rgb(0, 0, 0);
}

#k3353 {
  background-color:rgb(200, 255, 200);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k3353 a{
  color:rgb(0, 0, 0);
}

#k5987 {
  background-color:rgb(135, 206, 250);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k5987 a{
  color:rgb(0, 0, 0);
}

#k2527 {
  background-color:rgb(255, 253, 208);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k2527 a{
  color:rgb(0, 0, 0);
}

#k9280 {
  background-color:rgb(149, 225, 211);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k9280 a{
  color:rgb(0, 0, 0);
}

#k3868 {
  background-color:rgb(135, 206, 250);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k3868 a{
  color:rgb(0, 0, 0);
}

#k135 {
  background-color:rgb(255, 182, 193);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k135 a{
  color:rgb(0, 0, 0);
}

#k7666 {
  background-color:rgb(200, 255, 200);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k7666 a{
  color:rgb(0, 0, 0);
}

#k23 {
  background-color:orange;
  min-width:200;
  min-height:50;
  color:black;
  
}
#k23 a{
  color:black;
}

#k474344 {
  background-color:rgb(211, 211, 211);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k474344 a{
  color:rgb(0, 0, 0);
}

#k3057 {
  background-color:rgb(149, 225, 211);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k3057 a{
  color:rgb(0, 0, 0);
}

#k3743 {
  background-color:rgb(172, 255, 89);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k3743 a{
  color:rgb(0, 0, 0);
}

#k242232 {
  background-color:rgb(255,215,0);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k242232 a{
  color:rgb(0, 0, 0);
}

#k3333 {
  background-color:rgb(102, 153, 204);
  min-width:200;
  min-height:50;
  color:rgb(255, 255, 255);
  
}
#k3333 a{
  color:rgb(255, 255, 255);
}

#k474222 {
  background-color:rgb(153,102,0);
  min-width:1000;
  min-height:50;
  color:rgb(255, 255, 255);
  
}
#k474222 a{
  color:rgb(255, 255, 255);
}

#k474342 {
  background-color:rgb(0, 191, 255);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k474342 a{
  color:rgb(0, 0, 0);
}

#k92802 {
  background-color:rgb(255,227,132);
  min-width:200;
  min-height:50;
  color:rgb(0, 0, 0);
  
}
#k92802 a{
  color:rgb(0, 0, 0);
}


/* ===== 入口卡片：MathFan 数学实验室 ===== */
.fme-card {
    max-width: 1080px;
    margin: 16px auto 24px;
    padding: 18px 22px;
    position: relative;
    z-index: 1;
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    border: 1px solid #334155;
    border-radius: 14px;
    color: #e2e8f0;
    display: flex;
    gap: 18px;
    align-items: center;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.3);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}
.fme-icon {
    flex-shrink: 0;
    width: 56px; height: 56px;
    border-radius: 12px;
    background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);
    color: #fff;
    display: flex; align-items: center; justify-content: center;
    font-weight: 800; font-size: 22px;
    letter-spacing: -1px;
    font-family: "Georgia", "Times New Roman", serif;
    box-shadow: 0 4px 12px rgba(6, 182, 212, 0.4);
}
.fme-body { flex: 1; min-width: 0; }
/* 2026-10-26：复位全局遗留 h2,h3{position:absolute;left:50%;top:32%}，否则标题脱离文档流压在描述文字上 */
.fme-title { font-size: 18px; font-weight: 700; margin: 0 0 6px; color: #38bdf8; position: static; top: auto; left: auto; transform: none; font-variant: normal; letter-spacing: normal; }
.fme-desc { font-size: 13.5px; color: #94a3b8; line-height: 1.6; margin: 0 0 8px; }
.fme-tags { display: flex; gap: 6px; flex-wrap: wrap; }
.fme-tag {
    font-size: 11.5px; padding: 2px 10px; border-radius: 999px;
    background: rgba(56, 189, 248, 0.12); color: #7dd3fc; border: 1px solid rgba(56,189,248,0.3);
}
.fme-cta {
    flex-shrink: 0; padding: 10px 18px;
    background: linear-gradient(135deg, #06b6d4, #0e7490);
    color: #fff; border-radius: 8px; text-decoration: none;
    font-weight: 600; font-size: 14px;
    box-shadow: 0 4px 12px rgba(6, 182, 212, 0.35);
    transition: all 0.15s; white-space: nowrap;
}
.fme-cta:hover { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(6,182,212,0.5); }
@media (max-width: 640px) {
    .fme-card { flex-direction: column; align-items: flex-start; padding: 14px 16px; margin-bottom: 160px; }
    .fme-icon { width: 44px; height: 44px; font-size: 18px; }
    .fme-cta { width: 100%; text-align: center; box-sizing: border-box; }
}

/* ===== 入口卡片：必要劳动时间数据库 ===== */
.fle-card {
    max-width: 1080px;
    margin: 16px auto 24px;
    padding: 18px 22px;
    position: relative;
    z-index: 1;
    background: linear-gradient(135deg, #052e16 0%, #14532d 100%);
    border: 1px solid #166534;
    border-radius: 14px;
    color: #dcfce7;
    display: flex;
    gap: 18px;
    align-items: center;
    box-shadow: 0 8px 24px rgba(5, 46, 22, 0.35);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}
.fle-icon {
    flex-shrink: 0;
    width: 56px; height: 56px;
    border-radius: 12px;
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
    color: #fff;
    display: flex; align-items: center; justify-content: center;
    font-weight: 800; font-size: 22px;
    box-shadow: 0 4px 12px rgba(34, 197, 94, 0.4);
}
/* 2026-10-26：复位全局遗留 h2,h3{position:absolute;left:50%;top:32%}，否则标题脱离文档流压在描述文字上 */
.fle-title { font-size: 18px; font-weight: 700; margin: 0 0 6px; color: #4ade80; position: static; top: auto; left: auto; transform: none; font-variant: normal; letter-spacing: normal; }
.fle-desc { font-size: 13.5px; color: #86efac; line-height: 1.6; margin: 0 0 8px; opacity: 0.9; }
.fle-tags { display: flex; gap: 6px; flex-wrap: wrap; }
.fle-tag {
    font-size: 11.5px; padding: 2px 10px; border-radius: 999px;
    background: rgba(74, 222, 128, 0.12); color: #86efac; border: 1px solid rgba(74,222,128,0.3);
}
.fle-cta {
    flex-shrink: 0; padding: 10px 18px;
    background: linear-gradient(135deg, #22c55e, #15803d);
    color: #fff; border-radius: 8px; text-decoration: none;
    font-weight: 600; font-size: 14px;
    box-shadow: 0 4px 12px rgba(34, 197, 94, 0.35);
    transition: all 0.15s; white-space: nowrap;
}
.fle-cta:hover { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(34,197,94,0.5); }
@media (max-width: 640px) {
    .fle-card { flex-direction: column; align-items: flex-start; padding: 14px 16px; }
    .fle-icon { width: 44px; height: 44px; font-size: 18px; }
    .fle-cta { width: 100%; text-align: center; box-sizing: border-box; }
}

/* ===== 入口卡片：大公司资本与就业人数 ===== */
.fco-card {
    max-width: 1080px;
    margin: 16px auto 24px;
    padding: 18px 22px;
    position: relative;
    z-index: 1;
    background: linear-gradient(135deg, #431407 0%, #7c2d12 100%);
    border: 1px solid #9a3412;
    border-radius: 14px;
    color: #ffedd5;
    display: flex;
    gap: 18px;
    align-items: center;
    box-shadow: 0 8px 24px rgba(67, 20, 7, 0.35);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}
.fco-icon {
    flex-shrink: 0;
    width: 56px; height: 56px;
    border-radius: 12px;
    background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
    color: #fff;
    display: flex; align-items: center; justify-content: center;
    font-weight: 800; font-size: 22px;
    box-shadow: 0 4px 12px rgba(249, 115, 22, 0.4);
}
.fco-body { flex: 1; min-width: 0; }
/* 2026-10-27：复位全局遗留 h2,h3{position:absolute;left:50%;top:32%}，否则标题脱离文档流压在描述文字上 */
.fco-title { font-size: 18px; font-weight: 700; margin: 0 0 6px; color: #fdba74; position: static; top: auto; left: auto; transform: none; font-variant: normal; letter-spacing: normal; }
.fco-desc { font-size: 13.5px; color: #fed7aa; line-height: 1.6; margin: 0 0 8px; opacity: 0.9; }
.fco-tags { display: flex; gap: 6px; flex-wrap: wrap; }
.fco-tag {
    font-size: 11.5px; padding: 2px 10px; border-radius: 999px;
    background: rgba(253, 186, 116, 0.12); color: #fdba74; border: 1px solid rgba(253, 186, 116, 0.3);
}
.fco-cta {
    flex-shrink: 0; padding: 10px 18px;
    background: linear-gradient(135deg, #f97316, #c2410c);
    color: #fff; border-radius: 8px; text-decoration: none;
    font-weight: 600; font-size: 14px;
    box-shadow: 0 4px 12px rgba(249, 115, 22, 0.35);
    transition: all 0.15s; white-space: nowrap;
}
.fco-cta:hover { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(249, 115, 22, 0.5); }
@media (max-width: 640px) {
    .fco-card { flex-direction: column; align-items: flex-start; padding: 14px 16px; }
    .fco-icon { width: 44px; height: 44px; font-size: 18px; }
    .fco-cta { width: 100%; text-align: center; box-sizing: border-box; }
}

/* ===== 入口卡片：劳动者维权平台大全 v2 ===== */
.flw-card {
    max-width: 1080px;
    margin: 16px auto 24px;
    padding: 18px 22px;
    position: relative;
    z-index: 1;
    background: linear-gradient(135deg, #1e1b4b 0%, #4c1d95 100%);
    border: 1px solid #6d28d9;
    border-radius: 14px;
    color: #ede9fe;
    display: flex;
    gap: 18px;
    align-items: center;
    box-shadow: 0 8px 24px rgba(76, 29, 149, 0.35);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}
.flw-icon {
    flex-shrink: 0;
    width: 56px; height: 56px;
    border-radius: 12px;
    background: linear-gradient(135deg, #8b5cf6 0%, #6d28d9 100%);
    color: #fff;
    display: flex; align-items: center; justify-content: center;
    font-weight: 800; font-size: 22px;
    box-shadow: 0 4px 12px rgba(139, 92, 246, 0.4);
}
/* 2026-10-26：复位全局遗留 h2,h3{position:absolute;left:50%;top:32%}，否则标题脱离文档流压在描述文字上 */
.flw-title { font-size: 18px; font-weight: 700; margin: 0 0 6px; color: #c4b5fd; position: static; top: auto; left: auto; transform: none; font-variant: normal; letter-spacing: normal; }
.flw-desc { font-size: 13.5px; color: #c4b5fd; line-height: 1.6; margin: 0 0 8px; opacity: 0.9; }
.flw-tags { display: flex; gap: 6px; flex-wrap: wrap; }
.flw-tag {
    font-size: 11.5px; padding: 2px 10px; border-radius: 999px;
    background: rgba(196, 181, 253, 0.12); color: #ddd6fe; border: 1px solid rgba(196,181,253,0.3);
}
.flw-cta {
    flex-shrink: 0; padding: 10px 18px;
    background: linear-gradient(135deg, #8b5cf6, #6d28d9);
    color: #fff; border-radius: 8px; text-decoration: none;
    font-weight: 600; font-size: 14px;
    box-shadow: 0 4px 12px rgba(139, 92, 246, 0.35);
    transition: all 0.15s; white-space: nowrap;
}
.flw-cta:hover { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(139,92,246,0.5); }
@media (max-width: 640px) {
    .flw-card { flex-direction: column; align-items: flex-start; padding: 14px 16px; }
    .flw-icon { width: 44px; height: 44px; font-size: 18px; }
    .flw-cta { width: 100%; text-align: center; box-sizing: border-box; }
}

/* ===== 入口卡片：FunnyAI Dev · AI 开发任务管理 ===== */
.fdv-card {
    max-width: 1080px;
    margin: 16px auto 24px;
    padding: 18px 22px;
    position: relative;
    z-index: 1;
    background: linear-gradient(135deg, #0c4a6e 0%, #155e75 100%);
    border: 1px solid #0e7490;
    border-radius: 14px;
    color: #cffafe;
    display: flex;
    gap: 18px;
    align-items: center;
    box-shadow: 0 8px 24px rgba(12, 74, 110, 0.35);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}
.fdv-icon {
    flex-shrink: 0;
    width: 56px; height: 56px;
    border-radius: 12px;
    background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);
    color: #fff;
    display: flex; align-items: center; justify-content: center;
    font-weight: 800; font-size: 20px;
    letter-spacing: -0.5px;
    box-shadow: 0 4px 12px rgba(6, 182, 212, 0.4);
}
.fdv-body { flex: 1; min-width: 0; }
/* 2026-10-28：复位全局遗留 h2,h3{position:absolute;left:50%;top:32%}，否则标题脱离文档流压在描述文字上 */
.fdv-title { font-size: 18px; font-weight: 700; margin: 0 0 6px; color: #67e8f9; position: static; top: auto; left: auto; transform: none; font-variant: normal; letter-spacing: normal; }
.fdv-desc { font-size: 13.5px; color: #a5f3fc; line-height: 1.6; margin: 0 0 8px; opacity: 0.9; }
.fdv-tags { display: flex; gap: 6px; flex-wrap: wrap; }
.fdv-tag {
    font-size: 11.5px; padding: 2px 10px; border-radius: 999px;
    background: rgba(34, 211, 238, 0.12); color: #67e8f9; border: 1px solid rgba(34, 211, 238, 0.3);
}
.fdv-cta {
    flex-shrink: 0; padding: 10px 18px;
    background: linear-gradient(135deg, #06b6d4, #0e7490);
    color: #fff; border-radius: 8px; text-decoration: none;
    font-weight: 600; font-size: 14px;
    box-shadow: 0 4px 12px rgba(6, 182, 212, 0.35);
    transition: all 0.15s; white-space: nowrap;
}
.fdv-cta:hover { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(6,182,212,0.5); }
@media (max-width: 640px) {
    .fdv-card { flex-direction: column; align-items: flex-start; padding: 14px 16px; }
    .fdv-icon { width: 44px; height: 44px; font-size: 17px; }
    .fdv-cta { width: 100%; text-align: center; box-sizing: border-box; }
}