From f25dc37ff75dbd82d0745eb5375bbd74c0dfd1ac Mon Sep 17 00:00:00 2001 From: posimai Date: Sat, 18 Apr 2026 23:19:35 +0900 Subject: [PATCH] =?UTF-8?q?fix:=20UI=E6=94=B9=E5=96=84=E3=83=BB=E3=83=90?= =?UTF-8?q?=E3=83=83=E3=82=B8/=E5=9B=B3=E8=A7=A3/=E8=A9=A6=E9=A8=93?= =?UTF-8?q?=E3=83=9D=E3=82=A4=E3=83=B3=E3=83=88=E8=BF=BD=E5=8A=A0=E3=80=81?= =?UTF-8?q?Alpine=20SRI=E5=BE=A9=E5=85=83?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .gitignore | 1 + index.html | 158 +++++++++++++++++++++++++++++++++++++++++++++++++---- 2 files changed, 147 insertions(+), 12 deletions(-) create mode 100644 .gitignore diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..e985853 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +.vercel diff --git a/index.html b/index.html index c0cd403..202aac7 100644 --- a/index.html +++ b/index.html @@ -228,6 +228,75 @@ header{display:flex;align-items:center;justify-content:space-between;padding:0 1 ::-webkit-scrollbar{width:4px} ::-webkit-scrollbar-track{background:transparent} ::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px} + +/* Badges */ +.badge-row{display:flex;align-items:center;gap:6px;margin-bottom:8px;flex-wrap:wrap} +.badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:600;padding:3px 8px;border-radius:20px;letter-spacing:.04em} +.badge-high{background:rgba(248,113,113,.12);border:1px solid rgba(248,113,113,.3);color:var(--err)} +.badge-mid{background:rgba(251,146,60,.10);border:1px solid rgba(251,146,60,.28);color:var(--warn)} +.badge-base{background:rgba(34,211,238,.08);border:1px solid rgba(34,211,238,.2);color:var(--accent)} +.badge-diff{background:var(--surface2);border:1px solid var(--border);color:var(--text3)} +.score-chip{font-family:'JetBrains Mono',monospace;font-size:9px;font-weight:600;padding:1px 5px;border-radius:4px;background:rgba(74,222,128,.12);border:1px solid rgba(74,222,128,.25);color:var(--ok);margin-left:auto;flex-shrink:0} +.score-chip.partial{background:rgba(251,146,60,.10);border-color:rgba(251,146,60,.28);color:var(--warn)} +.score-chip.zero{background:var(--surface2);border-color:var(--border);color:var(--text3)} +/* Exam tips card */ +.exam-tips-text{font-size:13px;line-height:1.8;color:var(--text2)} +.exam-tips-text strong{color:var(--text);font-weight:600} +.exam-tips-text .hl{color:var(--accent);font-weight:500} +.tips-point{display:flex;gap:8px;margin-bottom:8px;font-size:12px;color:var(--text2);line-height:1.65} +.tips-point:last-child{margin-bottom:0} +.tips-icon{flex-shrink:0;width:16px;height:16px;border-radius:50%;background:rgba(248,113,113,.15);border:1px solid rgba(248,113,113,.3);display:flex;align-items:center;justify-content:center;margin-top:2px;font-size:9px;color:var(--err);font-weight:700} +/* Visual diagrams */ +.viz-taccount{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin:14px 0} +.tac-header{text-align:center;padding:7px;font-size:10px;font-weight:600;letter-spacing:.07em;color:var(--text3);text-transform:uppercase;border-bottom:1px solid var(--border)} +.tac-body{display:grid;grid-template-columns:1fr 2px 1fr;min-height:90px} +.tac-side{padding:12px 14px} +.tac-side-label{font-size:11px;font-weight:600;letter-spacing:.04em;margin-bottom:8px} +.tac-dr .tac-side-label{color:var(--accent)} +.tac-cr .tac-side-label{color:var(--warn)} +.tac-side-desc{font-size:11px;color:var(--text2);line-height:1.85} +.tac-divider{background:var(--border)} +.viz-groups{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:14px 0} +@media(max-width:580px){.viz-groups{grid-template-columns:repeat(3,1fr)}} +.vg-card{border-radius:var(--radius-sm);padding:10px 8px;text-align:center;border:1px solid} +.vg-name{font-size:12px;font-weight:600;margin-bottom:5px} +.vg-rule{font-size:10px;line-height:1.65;color:var(--text2)} +.vg-asset{background:rgba(34,211,238,.08);border-color:rgba(34,211,238,.22)}.vg-asset .vg-name{color:var(--accent)} +.vg-liability{background:rgba(251,146,60,.07);border-color:rgba(251,146,60,.22)}.vg-liability .vg-name{color:var(--warn)} +.vg-equity{background:rgba(167,139,250,.07);border-color:rgba(167,139,250,.22)}.vg-equity .vg-name{color:#A78BFA} +.vg-revenue{background:rgba(74,222,128,.07);border-color:rgba(74,222,128,.22)}.vg-revenue .vg-name{color:var(--ok)} +.vg-expense{background:rgba(248,113,113,.07);border-color:rgba(248,113,113,.22)}.vg-expense .vg-name{color:var(--err)} +.viz-flow{display:flex;align-items:center;gap:6px;margin:14px 0;flex-wrap:wrap;justify-content:center} +.vf-node{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;text-align:center;font-size:12px;font-weight:600;color:var(--text);min-width:68px} +.vf-sub{font-size:10px;color:var(--text3);font-weight:400;margin-top:3px} +.vf-hl{border-color:var(--accent-border) !important;background:var(--accent-dim) !important;color:var(--accent) !important} +.vf-hl .vf-sub{color:rgba(34,211,238,.65)} +.vf-arrow{color:var(--text3);font-size:15px;flex-shrink:0} +.viz-cost3{display:flex;align-items:center;gap:10px;margin:14px 0;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:14px;flex-wrap:wrap;justify-content:center} +.vc3-inputs{display:flex;flex-direction:column;gap:5px} +.vc3-item{font-size:11px;padding:5px 10px;border-radius:4px;font-weight:500;border:1px solid;white-space:nowrap} +.vc3-mat{background:rgba(34,211,238,.08);border-color:rgba(34,211,238,.2);color:var(--accent)} +.vc3-lab{background:rgba(74,222,128,.08);border-color:rgba(74,222,128,.2);color:var(--ok)} +.vc3-ovh{background:rgba(167,139,250,.08);border-color:rgba(167,139,250,.2);color:#A78BFA} +.vc3-note{font-size:9px;opacity:.7;margin-left:2px} +.vc3-arr{font-size:18px;color:var(--text3);flex-shrink:0} +.vc3-box{padding:12px 16px;border-radius:var(--radius-sm);text-align:center;font-size:13px;font-weight:600;min-width:68px} +.vc3-sublbl{font-size:10px;font-weight:400;margin-top:3px;opacity:.7} +.vc3-wip{border:1px solid var(--accent-border);background:var(--accent-dim);color:var(--accent)} +.vc3-fin{border:1px solid var(--border);background:var(--surface);color:var(--text)} +.viz-org{display:flex;flex-direction:column;align-items:center;margin:14px 0;gap:0} +.vo-row{display:flex;gap:20px;justify-content:center;align-items:flex-start} +.vo-branch{display:flex;flex-direction:column;align-items:center} +.vo-node{border-radius:var(--radius-sm);padding:10px 18px;text-align:center;min-width:140px;font-size:12px;font-weight:600;border:1px solid var(--border);background:var(--surface2);color:var(--text)} +.vo-parent{border-color:var(--accent-border);background:var(--accent-dim);color:var(--accent)} +.vo-child1{border-color:rgba(74,222,128,.3);background:rgba(74,222,128,.06);color:var(--ok)} +.vo-child2{border-color:rgba(167,139,250,.3);background:rgba(167,139,250,.06);color:#A78BFA} +.vo-sub{font-size:10px;font-weight:400;margin-top:3px;opacity:.75} +.vo-vline{width:2px;height:16px;background:var(--border)} +.vo-hline{display:flex;align-items:center;gap:0} +.vo-hseg{height:2px;width:60px;background:var(--border)} +.vo-pct{font-size:10px;color:var(--text3);background:var(--surface2);border:1px solid var(--border);border-radius:20px;padding:2px 7px;white-space:nowrap;margin-bottom:2px} +.vo-connector{display:flex;flex-direction:column;align-items:center} @@ -286,7 +355,8 @@ header{display:flex;align-items:center;justify-content:space-between;padding:0 1 @click="openUnit(u); sidebarOpen=false"> - + + @@ -338,7 +408,11 @@ header{display:flex;align-items:center;justify-content:space-between;padding:0 1 一覧
-
+
+
+
+
+
@@ -352,6 +426,19 @@ header{display:flex;align-items:center;justify-content:space-between;padding:0 1
+ +
+
+ + 試験対策メモ +
+ +
@@ -443,22 +530,28 @@ header{display:flex;align-items:center;justify-content:space-between;padding:0 1