/* ============================================
   麻升智能工作室 - 基础样式
   CSS 变量、字体、滚动条、全局布局
   ============================================ */

:root {
    --b-accent: #06b6d4;
    --c-accent: #ec4899;
    --bg-dark: #020617;
}

/* 统一放大基础字号，提升视觉舒适度 (Tailwind 依赖 rem 缩放) */
html {
    font-size: 17px;
}

@media (min-width: 768px) {
    html {
        font-size: 18px;
    }
}

body {
    background-color: var(--bg-dark);
    color: #f8fafc;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    -webkit-tap-highlight-color: transparent;
    transition: background-color 0.8s ease-in-out;
}

/* 极致细腻的噪点纹理 */
body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
    opacity: 0.04;
    pointer-events: none;
    z-index: -1;
}

/* 高级深色定制滚动条 */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #020617;
}

::-webkit-scrollbar-thumb {
    background: #1e293b;
    border-radius: 4px;
    border: 2px solid #020617;
}

::-webkit-scrollbar-thumb:hover {
    background: #334155;
}

/* 字体类拓展 */
.font-mono {
    font-family: 'JetBrains Mono', monospace;
}

.font-serif {
    font-family: 'Noto Serif SC', serif;
}

/* 系统容错降级样式 */
#error-boundary {
    display: none;
}

body.sys-error #error-boundary {
    display: flex;
}

body.sys-error nav,
body.sys-error main,
body.sys-error footer {
    display: none !important;
}

/* 全局安全防盗水印层 */
#security-watermark {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    z-index: 99999;
    opacity: 1;
    mix-blend-mode: overlay;
}

/* 打印样式 */
@media print {
    body {
        background: white !important;
        color: black !important;
    }

    nav,
    button,
    footer,
    .view-section,
    #cs-panel,
    #diagnosis-input-modal,
    .animate-marquee {
        display: none !important;
    }

    #diagnosis-modal,
    #policy-modal,
    #blog-modal,
    #gallery-modal,
    #musicModal,
    #agent-modal {
        display: block !important;
        position: static !important;
        background: white !important;
        height: auto !important;
    }

    .glass-card {
        box-shadow: none !important;
        border: 1px solid #ddd !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    .text-slate-300,
    .text-slate-400,
    .text-cyan-400,
    .text-white,
    .text-pink-400 {
        color: #333 !important;
    }

    .bg-slate-950,
    .bg-slate-900,
    .bg-cyan-950,
    .bg-slate-900\/50,
    .bg-slate-950\/80 {
        background: #f8f9fa !important;
        border-color: #ddd !important;
    }
}

/* Case Modal Custom Grid for dynamic injection */
@media (min-width: 768px) {
  .case-modal-grid { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
  .case-modal-left { grid-column: span 2 / span 2 !important; }
  .case-modal-right { grid-column: span 3 / span 3 !important; }
}


@media (min-width: 768px) {
  #case-modal-content { width: 800px !important; }
}