refactor: establish standalone application boundary

2026-08-03 21:42:25 +08:00
parent cc5fb8d73e
commit e1e76cd51e
324 changed files with 63090 additions and 44743 deletions
@@ -0,0 +1,187 @@
+/* Canonical CSS owner: base. Historical layers consolidated 2026-08-02. */
+@property --score {
+  syntax: "<number>";
+
+  inherits: false;
+
+  initial-value: 0;
+}
+
+* {
+  box-sizing: border-box;
+
+  margin: 0px;
+
+  padding: 0px;
+}
+
+[hidden] {
+  display: none !important;
+}
+
+.visually-hidden {
+  position: absolute;
+
+  width: 1px;
+
+  height: 1px;
+
+  padding: 0px;
+
+  margin: -1px;
+
+  overflow: hidden;
+
+  clip: rect(0px, 0px, 0px, 0px);
+
+  white-space: nowrap;
+
+  border: 0px;
+}
+
+html {
+  width: 100%;
+
+  min-width: 320px;
+
+  min-height: 100%;
+
+  height: 100%;
+
+  margin: 0px;
+
+  background: var(--r2-bg);
+
+  color: var(--r2-ink);
+
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
+
+  font-size: 13px;
+}
+
+body {
+  width: 100%;
+
+  min-width: 320px;
+
+  min-height: 100%;
+
+  height: 100%;
+
+  margin: 0px;
+
+  padding: 0 0 var(--statusbar-height);
+
+  overflow-x: hidden;
+
+  display: block;
+
+  background: var(--bg);
+
+  color: var(--ink);
+
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
+
+  font-size: 13px;
+
+  letter-spacing: 0px;
+}
+
+a {
+  color: inherit;
+
+  text-decoration: none;
+}
+
+time {
+  font-variant-numeric: tabular-nums;
+}
+
+[tabindex]:focus-visible {
+  outline: rgba(8, 127, 174, 0.48) solid 2px;
+
+  outline-offset: 2px;
+}
+
+dialog {
+  margin: auto;
+
+  padding: 0px;
+
+  border: 1px solid var(--border);
+
+  border-radius: 9px;
+
+  background: var(--surface);
+
+  color: var(--text);
+
+  box-shadow: var(--shadow);
+}
+
+dialog::backdrop {
+  background: rgba(27, 38, 49, 0.48);
+
+  backdrop-filter: blur(2px);
+}
+
+@media (min-width: 721px) {
+  body {
+    overflow-y: hidden;
+  }
+}
+
+@media (max-width: 720px), (max-width: 1023px) and (max-height: 600px) {
+  html {
+    width: 100%;
+
+    min-width: var(--mobile-min-width);
+  }
+
+  body {
+    width: 100%;
+
+    min-width: var(--mobile-min-width);
+
+    padding-bottom: var(--mobile-nav-height);
+  }
+}
+
+::view-transition-old(root) {
+  animation: theme-fade-out var(--motion-medium) ease both;
+}
+
+::view-transition-new(root) {
+  animation: theme-fade-in var(--motion-medium) ease both;
+}
+
+:root[data-theme="dark"] dialog::backdrop {
+  background: var(--dialog-backdrop);
+}
+
+:root[data-theme="dark"] dialog kbd {
+  border-color: var(--border);
+
+  background: var(--surface-subtle);
+
+  color: var(--text-secondary);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  *,
+  ::after,
+  ::before {
+    scroll-behavior: auto !important;
+
+    animation-duration: 0.01ms !important;
+
+    animation-iteration-count: 1 !important;
+
+    transition-duration: 0.01ms !important;
+  }
+
+  ::view-transition-new(root),
+  ::view-transition-old(root) {
+    animation: auto ease 0s 1 normal none running none;
+  }
+}