@import url("layout.css?v=2026100801");
@import url("/static/js/webuploader/webuploader.css?v=20260702");
@import url("components.css?v=2026071605");
@import url("home.css?v=2026100901");
@import url("workspace.css?v=2026100904");
@import url("pricing.css?v=2026101301");
@import url("pages.css?v=2026101301");
@import url("blog.css?v=2026100802");
@import url("cases.css?v=2026101001");
@import url("account.css?v=2026100901");
@import url("auth.css?v=2026101501");

:root {
    --color-primary: #147f71;
    --color-primary-dark: #0e6258;
    --color-accent: #d08a32;
    --color-text: #173a35;
    --color-muted: #617a75;
    --color-border: #cfe3dd;
    --color-bg: #f4f9f7;
    --color-surface: #ffffff;
    --shadow-soft: 0 16px 42px rgba(32, 49, 82, 0.09);
}

* {
    box-sizing: border-box;
}

html {
    min-width: 320px;
}

body {
    margin: 0;
    color: var(--color-text);
    background: var(--color-bg);
    font-size: 16px;
    font-family: "Helvetica Neue", Helvetica, "Microsoft YaHei", Arial, sans-serif;
    letter-spacing: 0;
}

a {
    color: inherit;
    text-decoration: none;
}

a:hover,
a:focus {
    color: var(--color-primary);
    text-decoration: none;
}

ul {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

img {
    max-width: 100%;
    vertical-align: middle;
}

button,
input,
select,
textarea {
    font-family: inherit;
    letter-spacing: 0;
}

.btn {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 7px;
    padding: 9px 18px;
    font-weight: 700;
    line-height: 1.2;
}

.btn-primary {
    border-color: var(--color-primary);
    background: var(--color-primary);
    color: #fff;
}

.btn-primary:hover,
.btn-primary:focus {
    border-color: var(--color-primary-dark);
    background: var(--color-primary-dark);
    color: #fff;
}

.btn-secondary {
    border: 1px solid var(--color-border);
    background: #fff;
    color: #26364d;
}

.btn-secondary:hover,
.btn-secondary:focus {
    border-color: var(--color-primary);
    color: var(--color-primary);
    background: #f5fbf9;
}

.btn-link {
    color: #2d3b4f;
    background: transparent;
}

.btn-block {
    width: 100%;
}

.btn.is-generate-locked {
    cursor: not-allowed;
    opacity: 0.72;
}

.ai-result-notice {
    margin: 0 0 14px;
    padding: 10px 12px;
    border: 1px solid #b9ddd5;
    border-radius: 7px;
    background: #edf8f4;
    color: #14584e;
    font-size: 14px;
    line-height: 1.6;
}

.form-control {
    border: 1px solid var(--color-border);
    border-radius: 7px;
    box-shadow: none;
}

.form-control:focus {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(20, 127, 113, 0.14);
}

.muted {
    color: var(--color-muted);
}