/* Generated by CSSBuilder at 2025-08-14 19:20:11 */
/* CSS Builder for yutai-navi.com */

/* ===== CATEGORY_HEADER ===== */
.category-header-section { max-width: 900px; margin: 20px auto 10px; background:#ffffff; padding: 24px 28px 28px; border-radius: 20px; box-shadow: 0 3px 14px -2px rgba(1,120,255,0.15),0 1px 4px rgba(1,120,255,0.08); position: relative; }
                .category-header-section:before { display:none; }
                .category-title { font-size:2.2rem; font-weight:900; color:#017aff; display:flex; align-items:center; gap:14px; margin:0 0 10px; letter-spacing:.02em; }
                .category-icon { font-size:2.2rem; filter: drop-shadow(0 2px 6px rgba(1,120,255,0.3)); }
                .category-description { margin:0 0 18px; color:#37474f; font-size:1.05rem; line-height:1.55; font-weight:500; }
                .category-stats { display:flex; flex-wrap:wrap; gap:16px; }
                .category-stats .stat-item { background:#fff; padding:10px 18px; border-radius:50px; font-size:.85rem; font-weight:600; color:#01579b; display:flex; align-items:center; gap:6px; border:1px solid #e3f2fd; box-shadow:0 2px 8px rgba(1,120,255,0.08); }

/* ===== CARDS_COMMON ===== */
.yutai-cards { --max-column-width:340px; max-width: 1300px; margin: 24px auto 40px; padding: 8px 10px 0; display:grid; grid-template-columns: repeat(auto-fill, minmax(var(--max-column-width),1fr)); gap:22px 24px; }
                .yutai-card { display:flex; flex-direction:column; border:1px solid #e3f2fd; border-radius:24px; padding:20px 22px 22px; background:linear-gradient(140deg,#ffffff 0%,#f6fcff 100%); position:relative; overflow:hidden; box-shadow:0 4px 20px -4px rgba(1,118,255,0.25),0 2px 8px rgba(1,118,255,0.08); transition: transform .25s ease, box-shadow .25s ease; }
                .yutai-card:before { content:''; position:absolute; inset:0; background:radial-gradient(circle at 85% 15%,rgba(1,120,255,0.20),rgba(255,255,255,0) 55%); opacity:.25; pointer-events:none; }
                .yutai-card:hover { transform:translateY(-4px); box-shadow:0 10px 28px -6px rgba(1,118,255,0.35),0 4px 12px rgba(1,118,255,0.14); }
                .card-title { font-size:1.25rem; font-weight:700; color:#01579b; letter-spacing:.02em; text-decoration:none; display:inline-block; line-height:1.25; }
                .card-title:hover { color:#013b71; text-decoration:underline; }
                .card-meta { display:flex; flex-wrap:wrap; gap:6px 8px; margin:8px 0 6px; font-size:.72rem; font-weight:600; letter-spacing:.03em; }
                .card-meta span { background:#eef7ff; padding:4px 10px 4px; border-radius:50px; color:#01579b; border:1px solid #d0e8ff; display:inline-flex; align-items:center; line-height:1.2; }
                .card-code { background:#e3f2fd; color:#0d47a1; }
                .card-right-month { background:#ede7f6; color:#4527a0; border-color:#d1c4e9; }
                .card-value { background:#fff8e1; color:#f57f17; border-color:#ffe082; }
                .card-updated { background:#e1f5fe; color:#0277bd; border-color:#b3e5fc; }
                .card-category-badge { background:#e1f5fe; color:#01579b; border-color:#b3e5fc; font-weight:600; }
                .card-copy { font-size:.83rem; color:#37474f; line-height:1.55; margin:4px 0 14px; font-weight:500; min-height:3.1em; }
                .card-btn { margin-top:auto; background:#017aff; color:#fff; padding:10px 16px; font-size:.83rem; border-radius:14px; text-align:center; font-weight:700; letter-spacing:.05em; border:2px solid #017aff; box-shadow:0 3px 12px -3px rgba(1,120,255,0.5); display:inline-block; text-decoration:none; }
                .card-btn:hover { background:#fff; color:#017aff; text-decoration:none; }

/* ===== INDEX_CARDS ===== */
.category-cards { max-width:1300px; margin:30px auto 60px; padding:0 12px; display:grid; grid-template-columns: repeat(auto-fill,minmax(260px,1fr)); gap:24px 28px; }
                .category-card { position:relative; background:linear-gradient(140deg,#ffffff 0%,#f4faff 100%); border:1px solid #e1f5fe; border-radius:28px; padding:24px 24px 26px; overflow:hidden; box-shadow:0 4px 18px -5px rgba(1,118,255,0.28),0 2px 10px rgba(1,118,255,0.10); transition:transform .30s ease, box-shadow .30s ease; display:flex; flex-direction:column; }
                .category-card:before { content:''; position:absolute; inset:0; background:radial-gradient(circle at 80% 20%,rgba(1,120,255,0.28),rgba(255,255,255,0) 60%); opacity:.25; pointer-events:none; }
                .category-card:hover { transform:translateY(-6px); box-shadow:0 14px 34px -8px rgba(1,118,255,0.40),0 6px 16px rgba(1,118,255,0.18); }
                .category-card .category-icon { font-size:2.2rem; line-height:1; margin-bottom:12px; }
                .category-card .category-title-text { font-size:1.12rem; font-weight:800; margin:0 0 8px; color:#014a92; letter-spacing:.02em; }
                .category-card .category-desc { font-size:.78rem; line-height:1.55; color:#37474f; margin:0 0 16px; font-weight:500; flex-grow:1; }
                .category-card .category-count { display:inline-block; background:#e3f2fd; color:#0d47a1; padding:6px 14px; border-radius:50px; font-size:.65rem; font-weight:700; letter-spacing:.05em; border:1px solid #bbdefb; box-shadow:0 2px 6px rgba(1,120,255,0.20); }
                .category-card .category-link-overlay { position:absolute; inset:0; z-index:10; }

/* ===== INDEX_HEADER ===== */
.page-header { max-width:980px; margin:0 auto 10px; background:#ffffff; padding:30px 38px 32px; border-radius:22px; box-shadow:0 3px 14px -2px rgba(1,120,255,0.15),0 1px 4px rgba(1,120,255,0.08); position:relative; }
                .page-header:before { display:none; }
                .page-title { font-size:2.3rem; font-weight:900; letter-spacing:.01em; margin:0 0 12px; color:#01579b; text-shadow:none; }
                .page-description { font-size:1.05rem; line-height:1.6; color:#37474f; font-weight:600; margin:0 0 18px; }
                .category-stats-bar { font-size:.78rem; font-weight:600; color:#01579b; background:#e3f2fd; display:inline-block; padding:10px 18px; border-radius:50px; border:1px solid #bbdefb; box-shadow:0 2px 8px rgba(1,120,255,0.15); }
                .category-section { max-width:1320px; margin:10px auto 40px; padding:0 14px; }
                .section-title { font-size:1.5rem; font-weight:800; margin:14px 0 22px; color:#014a92; letter-spacing:.02em; position:relative; padding-left:14px; }
                .section-title:before { content:''; position:absolute; left:0; top:6px; bottom:6px; width:6px; border-radius:4px; background:#017aff; box-shadow:0 2px 6px rgba(1,120,255,0.25); }
                .category-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:26px 30px; }
                .category-card-header { display:flex; align-items:center; gap:10px; margin-bottom:6px; }
                .category-card-header .category-icon { margin:0; }
                .category-name { font-size:1.14rem; font-weight:800; color:#014a92; margin:0; letter-spacing:.02em; }
                .stat-badge { display:inline-flex; align-items:center; gap:4px; font-size:.65rem; font-weight:700; background:#e3f2fd; color:#0d47a1; padding:6px 14px; border-radius:50px; border:1px solid #bbdefb; }

/* ===== RESPONSIVE ===== */
@media (max-width: 900px) {
                  .category-header-section { padding:22px 20px 26px; border-radius:26px; }
                  .category-title { font-size:1.8rem; }
                  .yutai-cards { gap:20px 18px; }
                  .category-cards { gap:22px 20px; }
                }
                @media (max-width: 640px) {
                  .category-title { font-size:1.55rem; }
                  .category-description { font-size:.95rem; }
                  .page-header { padding:26px 22px 30px; }
                  .page-title { font-size:1.85rem; }
                  .page-description { font-size:.92rem; }
                  .yutai-card { padding:18px 18px 20px; }
                  .card-title { font-size:1.05rem; }
                  .card-meta { font-size:.63rem; }
                  .card-copy { font-size:.75rem; }
                  .category-card { padding:20px 22px 22px; }
                  .category-card .category-title-text { font-size:1.0rem; }
                }