初次提交项目

2026-03-08 00:52:03 +08:00
parent 8241dbc861
commit fc38b1eb3d
9 changed files with 608 additions and 0 deletions
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -0,0 +1,203 @@
+:root {
+    --bg: #f3f7fb;
+    --card: #ffffff;
+    --text: #112031;
+    --muted: #506070;
+    --brand: #0c7a6f;
+    --brand-dark: #07564f;
+    --danger: #b42318;
+    --line: #d8e3ec;
+}
+
+* {
+    box-sizing: border-box;
+}
+
+body {
+    margin: 0;
+    font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
+    background: radial-gradient(circle at top right, #defff8, var(--bg) 42%);
+    color: var(--text);
+}
+
+.hero {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+    padding: 24px;
+    background: linear-gradient(125deg, #0c7a6f, #145e9e);
+    color: #fff;
+}
+
+.hero.slim {
+    padding: 18px 24px;
+}
+
+.hero h1 {
+    margin: 0;
+    font-size: 24px;
+}
+
+.container {
+    max-width: 1080px;
+    margin: 18px auto;
+    padding: 0 16px 28px;
+}
+
+.btn {
+    display: inline-block;
+    border: 0;
+    background: var(--brand);
+    color: #fff;
+    text-decoration: none;
+    border-radius: 10px;
+    padding: 9px 14px;
+    cursor: pointer;
+    font-weight: 600;
+}
+
+.btn:hover {
+    background: var(--brand-dark);
+}
+
+.btn-light {
+    background: #eaf2f9;
+    color: #183247;
+}
+
+.btn-danger {
+    background: var(--danger);
+}
+
+.box-list {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
+    gap: 14px;
+}
+
+.box-card,
+.panel {
+    background: var(--card);
+    border: 1px solid var(--line);
+    border-radius: 14px;
+    padding: 14px;
+    box-shadow: 0 3px 12px rgba(17, 32, 49, 0.05);
+}
+
+.box-card h3 {
+    margin: 0 0 6px;
+}
+
+.grid-28 {
+    display: grid;
+    grid-template-columns: repeat(7, minmax(90px, 1fr));
+    gap: 10px;
+}
+
+.slot {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    min-height: 110px;
+    padding: 10px;
+    border-radius: 12px;
+    text-decoration: none;
+    border: 1px solid var(--line);
+    color: var(--text);
+    background: #ffffff;
+}
+
+.slot.filled {
+    border-color: #9ccfd1;
+    background: #ecfbf8;
+}
+
+.slot-no {
+    font-size: 12px;
+    color: var(--muted);
+}
+
+.form-grid {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 10px;
+}
+
+.form-grid label {
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+    font-size: 14px;
+}
+
+.form-grid .full {
+    grid-column: 1 / -1;
+}
+
+input,
+textarea {
+    border: 1px solid var(--line);
+    border-radius: 10px;
+    padding: 9px 10px;
+    font: inherit;
+}
+
+.actions {
+    display: flex;
+    gap: 8px;
+}
+
+.alert {
+    background: #fff1f2;
+    border: 1px solid #fecdd3;
+    color: #9f1239;
+    border-radius: 10px;
+    padding: 10px;
+}
+
+.search-row {
+    display: flex;
+    gap: 8px;
+}
+
+.search-row input {
+    flex: 1;
+}
+
+.table-wrap {
+    overflow-x: auto;
+}
+
+table {
+    width: 100%;
+    border-collapse: collapse;
+}
+
+th,
+td {
+    text-align: left;
+    border-bottom: 1px solid var(--line);
+    padding: 8px;
+    font-size: 14px;
+}
+
+.hint {
+    color: var(--muted);
+    margin: 10px 0 0;
+}
+
+@media (max-width: 760px) {
+    .hero {
+        flex-direction: column;
+        align-items: flex-start;
+    }
+
+    .grid-28 {
+        grid-template-columns: repeat(4, minmax(70px, 1fr));
+    }
+
+    .form-grid {
+        grid-template-columns: 1fr;
+    }
+}