# -*- coding: utf-8 -*-
"""
应用主入口
"""
import reflex as rx
from application.pages.index import render_index

app = rx.App(
    style={
        # 覆盖所有标签
        "*": {
            "margin": "0",
            "padding": "0",
            "box_sizing": "border-box",
            "background-color": "transparent",
            "font-family": "HuaweiFont,Helvetica,Arial,PingFangSC-Regular,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Microsoft JhengHei",
            "gap": "0",
        },
        # 覆盖伪元素 ::before 和 ::after
        "*::before, *::after": {
            "box_sizing": "border-box",
        },
        "--prismui-background-color-1": "#ffffff",  # 纯白背景色
        "--prismui-background-color-2": "rgb(235, 235, 235)",
        "--prismui-background-color-3": "#f6f6f8",
        "--prismui-background-color-4": "#babbc0",
        "--prismui-background-1": "linear-gradient(to bottom, #D0C9FF 0%, #E6D6F0 8%, #F1DBEA 12%, #C8DCFB 40%, #ABC6F6 60%, #87AEFE 90%)",
        "--mc-float-block-shadow": "rgba(213, 213, 213, 0.25)",
        "--devui-global-bg": "#f6f6f8",
        "--mc-global-bg": "linear-gradient(to bottom, #D0C9FF 0%, #E6D6F0 8%, #F1DBEA 12%, #C8DCFB 40%, #ABC6F6 60%, #87AEFE 90%)",
        "--mc-box-shadow": "rgba(25, 25, 25, .06)",
        "--devui-shadow-length-connected-overlay": "0px 0px 12px 0px rgba(0, 0, 0, 0.1)",
        "--prismui-box-shadow-1": "0 4px 12px #0000001a",  # 导航按钮阴影
        "--devui-icon-fill-weak": "#babbc0",
        "--prismui-background-color-weak": "#babbc0",
        "--devui-border-radius-feedback": "4px",
        "--prismui-border-radius": "8px",
        "--prismui-border-radius-1": "8px",
        "--devui-border-radius-full": "100px",
        "--font-family": "HuaweiFont,Helvetica,Arial,PingFangSC-Regular,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Microsoft JhengHei",
        "--prismui-font-size": "14px",
        "--prismui-font-size-1": "14px",
        "--prismui-font-size-2": "12px",
        "--prismui-font-size-sm": "12px",
        "--prismui-font-weight-1": "700",
        "--devui-font-size": "14px",
        "--devui-font-size-lg": "14px",
        "--prismui-color-text": "#252b3a",
        "--prismui-color-text-light": "#babbc0",
        "--prismui-color-1": "#252b3a",  # 文本颜色
        "--prismui-color-2": "#575d6c",
        "--prismui-color-3": "#babbc0",
        "--devui-text-weak": "#575d6c",
        "--devui-light-text": "#ffffff",
        "--placeholder": "#babbc0",
        "--devui-aide-text": "#71757f",
        "--devui-primary": "#5e7ce0",
        "--devui-brand": "#5e7ce0",
        "--devui-brand-hover": "#7693f5",
        "--devui-dividing-line": "#f2f2f3",
    },  # 自定义主题颜色
)  # 此处变量名需使用 app ，具体原因目前尚不清楚
# 注册首页路由
app.add_page(component=render_index(), route="/")