create-slide-deck 0.1.0

package/template-minimal/src/reveal/theme.css

@@ -0,0 +1,762 @@
+:root {
+  --slide-width: 1280px;
+  --slide-height: 720px;
+  --canvas: #ffffff;
+  --text: #313131;
+  --red: #c00000;
+  --line: #bfbfbf;
+  --blue: #00a6d6;
+  --green: #76b82a;
+  --teal: #1b556b;
+  --muted: #767676;
+}
+
+@page {
+  size: 1280px 720px;
+  margin: 0;
+}
+
+html,
+body {
+  margin: 0;
+  background: var(--canvas);
+}
+
+.global-svg-defs {
+  position: absolute;
+  width: 0;
+  height: 0;
+  overflow: hidden;
+}
+
+.reveal {
+  color: var(--text);
+  font-family: Aptos, Arial, sans-serif;
+}
+
+.reveal svg text {
+  font-family: Aptos, Arial, sans-serif;
+}
+
+.reveal .block-mount * {
+  font-family: inherit;
+}
+
+.reveal .slides {
+  text-align: left;
+}
+
+.reveal .slides section {
+  box-sizing: border-box;
+  width: var(--slide-width);
+  height: var(--slide-height);
+  padding: 0;
+  background: var(--canvas);
+  overflow: hidden;
+}
+
+.reveal .slides section.native-slide {
+  position: absolute;
+}
+
+.reveal .slides section.image-slide.present {
+  display: flex !important;
+  align-items: center;
+  justify-content: center;
+}
+
+.full-slide-image {
+  display: block;
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+}
+
+.slide-title {
+  position: absolute;
+  left: 72px;
+  top: 8px;
+  width: 1136px;
+  color: var(--text);
+  font-size: 40px;
+  font-weight: 700;
+  line-height: 1.12;
+  letter-spacing: 0;
+  z-index: 4;
+}
+
+.page-no {
+  position: absolute;
+  right: 56px;
+  bottom: 38px;
+  font-size: 14px;
+  color: var(--text);
+  z-index: 4;
+}
+
+.inst-mark {
+  position: absolute;
+  right: 40px;
+  top: 14px;
+  font-size: 14px;
+  font-weight: 700;
+  color: var(--muted);
+  opacity: 0.5;
+  z-index: 5;
+  pointer-events: none;
+  letter-spacing: 0.3px;
+}
+
+.slide-positioned-block {
+  position: absolute;
+  box-sizing: border-box;
+}
+
+.slide-flow-block,
+.slide-block {
+  box-sizing: border-box;
+}
+
+.slide-block.layer-background { z-index: 0; }
+.slide-block.layer-connector { z-index: 1; }
+.slide-block.layer-content { z-index: 2; }
+.slide-block.layer-overlay { z-index: 3; }
+.slide-block.layer-chrome { z-index: 4; }
+
+.block-image {
+  display: block;
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+}
+
+.block-mount {
+  width: 100%;
+  height: 100%;
+}
+
+.reveal .slides section:not(.present) .block-mount {
+  visibility: hidden !important;
+}
+
+.native-slide > .slide-positioned-block {
+  z-index: 2;
+}
+
+.native-slide > .connector-layer {
+  z-index: 1;
+  pointer-events: none;
+}
+
+.native-svg {
+  display: block;
+  width: 100%;
+  height: 100%;
+  overflow: visible;
+}
+
+.inline-icon {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+
+.icon-node {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: flex-start;
+  height: 100%;
+  text-align: center;
+}
+
+.icon-node.align-left {
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 16px;
+  text-align: left;
+}
+
+.icon-node .icon-wrap {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 0 auto 12px;
+}
+
+.icon-node.emphasis .node-label {
+  font-size: 30px;
+}
+
+.node-label {
+  display: inline-block;
+  padding: 0 5px;
+  background: #ffffff;
+  font-size: 24px;
+  line-height: 1.08;
+  font-weight: 800;
+  text-shadow: 0 0 5px #ffffff, 0 0 5px #ffffff, 0 0 5px #ffffff;
+}
+
+.node-sub {
+  display: inline-block;
+  padding: 0 4px;
+  background: #ffffff;
+  margin-top: 7px;
+  font-size: 14px;
+  line-height: 1.15;
+  color: var(--muted);
+  text-shadow: 0 0 5px #ffffff, 0 0 5px #ffffff, 0 0 5px #ffffff;
+}
+
+.claim {
+  font-size: 30px;
+  line-height: 1.12;
+  font-weight: 900;
+  text-align: center;
+}
+
+.cover-photo {
+  position: absolute;
+  top: 40px;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 900px;
+  height: auto;
+  object-fit: contain;
+  opacity: 0.55;
+}
+
+.cover-mark {
+  position: absolute;
+  right: 286px;
+  top: 78px;
+  color: var(--red);
+  font-size: 16px;
+  font-weight: 900;
+}
+
+.cover-title {
+  position: absolute;
+  left: 100px;
+  right: 100px;
+  top: 320px;
+  font-size: 30px;
+  line-height: 1.18;
+  font-weight: 900;
+  text-align: center;
+  color: #000000;
+}
+
+.authors {
+  position: absolute;
+  left: 150px;
+  top: 410px;
+  width: 980px;
+  font-size: 17px;
+  line-height: 1.45;
+  text-align: center;
+}
+
+.authors strong {
+  color: #000000;
+}
+
+.affiliation {
+  position: absolute;
+  left: 150px;
+  top: 490px;
+  width: 980px;
+  font-size: 18px;
+  font-weight: 900;
+  text-align: center;
+}
+
+.affiliation-sub {
+  position: absolute;
+  left: 150px;
+  top: 522px;
+  width: 980px;
+  font-size: 15px;
+  text-align: center;
+  color: var(--muted);
+}
+
+.source-note {
+  position: absolute;
+  left: 72px;
+  bottom: 48px;
+  font-size: 14px;
+  color: #a0a0a0;
+}
+
+.trace-mini {
+  position: relative;
+  height: 62px;
+}
+
+.trace-mini span {
+  position: absolute;
+  top: 28px;
+  width: 34px;
+  height: 12px;
+  border-radius: 10px;
+  border: 3px solid var(--green);
+}
+
+.trace-mini span:nth-child(1) { left: 8px; }
+.trace-mini span:nth-child(2) { left: 56px; }
+.trace-mini span:nth-child(3) { left: 104px; }
+
+.question-line {
+  font-size: 26px;
+  font-weight: 900;
+  text-align: center;
+}
+
+.section-label {
+  font-size: 28px;
+  line-height: 1.1;
+  font-weight: 900;
+}
+
+.big-question {
+  font-size: 31px;
+  line-height: 1.15;
+  font-weight: 800;
+  text-align: center;
+}
+
+.big-question strong {
+  color: var(--red);
+  font-size: 42px;
+}
+
+.pill,
+.tag {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 30px;
+  padding: 4px 18px;
+  border: 2px solid var(--blue);
+  border-radius: 999px;
+  color: var(--text);
+  font-size: 15px;
+  font-weight: 800;
+  background: #ffffff;
+}
+
+.native-table {
+  border-collapse: collapse;
+  width: 100%;
+  font-size: 22px;
+}
+
+.native-table th,
+.native-table td {
+  padding: 13px 18px;
+  border-bottom: 1px solid #e2e2e2;
+  text-align: left;
+}
+
+.native-table th {
+  font-size: 16px;
+  font-weight: 900;
+  color: var(--text);
+}
+
+.native-table .red-cell {
+  color: var(--red);
+  font-weight: 900;
+}
+
+.table-title {
+  margin-bottom: 14px;
+  font-size: 22px;
+  font-weight: 900;
+}
+
+.shortcut-result,
+.shortcut-result-card strong {
+  color: var(--red);
+  font-size: 32px;
+  font-weight: 900;
+  text-align: center;
+}
+
+.shortcut-result-card {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+}
+
+.warning-text,
+.shortcut-result-card span {
+  margin-top: 32px;
+  color: var(--text);
+  font-size: 22px;
+  line-height: 1.2;
+  font-weight: 800;
+  text-align: center;
+}
+
+.gap-row,
+.taxonomy {
+  display: grid;
+  gap: 28px;
+}
+
+.gap-row {
+  grid-template-columns: repeat(4, 1fr);
+  align-items: start;
+}
+
+.gap-item {
+  text-align: center;
+}
+
+.gap-item span,
+.taxon p,
+.large-stat span,
+.matrix-block span,
+.result-box span,
+.evidence-mini span {
+  display: block;
+  margin-top: 8px;
+  color: var(--muted);
+  font-size: 15px;
+  line-height: 1.2;
+  font-weight: 700;
+}
+
+.taxonomy {
+  grid-template-columns: repeat(3, 1fr);
+}
+
+.taxon h3 {
+  margin: 0;
+  color: var(--text);
+  font-size: 22px;
+  font-weight: 900;
+  text-align: center;
+}
+
+.taxon p {
+  min-height: 36px;
+  text-align: center;
+}
+
+.large-stat,
+.matrix-block,
+.result-box,
+.evidence-mini,
+.fault-count,
+.fault-panel,
+.chart-shell {
+  border-radius: 10px;
+  background: #ffffff;
+  box-shadow: 0 7px 20px rgba(49, 49, 49, 0.12);
+}
+
+.large-stat,
+.result-box,
+.fault-count {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+}
+
+.large-stat strong,
+.fault-count strong {
+  color: var(--text);
+  font-size: 34px;
+  line-height: 1.05;
+  font-weight: 900;
+}
+
+.result-box strong,
+.evidence-mini strong {
+  color: var(--red);
+  font-size: 34px;
+  line-height: 1.05;
+  font-weight: 900;
+}
+
+.value-red strong {
+  color: var(--red);
+}
+
+.large-stat.centered {
+  text-align: center;
+}
+
+.matrix-block {
+  padding: 14px 18px;
+  text-align: center;
+}
+
+.method-label {
+  margin-bottom: 18px;
+  color: var(--teal);
+  font-size: 26px;
+  font-weight: 900;
+  text-align: center;
+}
+
+.fault-count {
+  padding: 18px;
+}
+
+.chart-shell {
+  padding: 18px 18px 8px;
+}
+
+.result-box {
+  gap: 16px;
+}
+
+.result-box strong {
+  font-size: 76px;
+}
+
+.fault-panel {
+  padding: 28px 32px;
+}
+
+.fault-panel h3 {
+  margin: 0 0 28px;
+  font-size: 26px;
+  font-weight: 900;
+}
+
+.fault-dot-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin: 18px 0;
+  font-size: 21px;
+  font-weight: 800;
+}
+
+.fault-dot-row b {
+  width: 15px;
+  height: 15px;
+  border-radius: 50%;
+}
+
+.evidence-mini {
+  padding: 16px 18px;
+  text-align: center;
+}
+
+.bars {
+  display: flex;
+  align-items: end;
+  justify-content: center;
+  gap: 8px;
+  height: 40px;
+  margin-top: 18px;
+}
+
+.bars i {
+  display: block;
+  width: 54px;
+  background: var(--red);
+  border-radius: 3px;
+}
+
+.bars i:nth-child(1) { height: 12px; opacity: 0.45; }
+.bars i:nth-child(2) { height: 24px; opacity: 0.7; }
+.bars i:nth-child(3) { height: 36px; }
+
+.column-title {
+  font-size: 25px;
+  font-weight: 900;
+  text-align: center;
+}
+
+.foot-claim {
+  color: var(--text);
+  font-size: 20px;
+  line-height: 1.2;
+  font-weight: 800;
+  text-align: center;
+}
+
+.srca-table {
+  border-collapse: collapse;
+  width: 100%;
+  font-family: Aptos, Arial, sans-serif;
+}
+
+.srca-table td {
+  padding: 6px 8px;
+  font-size: 17px;
+  font-weight: 700;
+  border-bottom: 1px solid #e8e8e8;
+  color: #999;
+  text-align: right;
+}
+
+.srca-table td:first-child {
+  text-align: left;
+  padding-left: 0;
+}
+
+.srca-table .srca-head td {
+  font-size: 14px;
+  font-weight: 900;
+  color: var(--text);
+  border-bottom: none;
+  padding-bottom: 2px;
+  text-align: center;
+}
+
+.srca-table .srca-head td:first-child {
+  text-align: left;
+}
+
+.srca-table .srca-subhead td {
+  font-size: 14px;
+  font-weight: 800;
+  color: #999;
+  border-bottom: 2px solid var(--text);
+  padding-top: 0;
+  padding-bottom: 8px;
+  text-align: right;
+}
+
+.srca-table .srca-subhead td:first-child {
+  text-align: left;
+}
+
+.srca-table .srca-win {
+  color: var(--red);
+  font-weight: 900;
+}
+
+.srca-table .srca-ds {
+  color: var(--text);
+  font-weight: 800;
+}
+
+.srca-table .srca-method {
+  opacity: 0.7;
+}
+
+.cascade-trigger {
+  display: block;
+  width: 0;
+  height: 0;
+  overflow: hidden;
+}
+
+.news-img-block .block-image {
+  object-fit: contain;
+  object-position: top center;
+}
+
+.img-caption {
+  text-align: center;
+  line-height: 1.3;
+}
+
+.img-caption strong {
+  display: block;
+  font-size: 18px;
+  font-weight: 900;
+  color: var(--text);
+}
+
+.img-caption span {
+  font-size: 15px;
+  font-weight: 700;
+  color: var(--red);
+}
+
+.blur-banner-wrap {
+  z-index: 3 !important;
+}
+
+.blur-banner {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  background: rgba(255, 255, 255, 0.92);
+  backdrop-filter: blur(32px);
+  -webkit-backdrop-filter: blur(32px);
+}
+
+.blur-banner-line {
+  font-size: 56px;
+  font-weight: 900;
+  color: var(--text);
+  line-height: 1.15;
+  text-align: center;
+}
+
+.blur-banner-line strong {
+  color: var(--red);
+}
+
+.blur-banner-sub {
+  margin-top: 20px;
+  font-size: 36px;
+  font-weight: 800;
+  color: var(--muted);
+  text-align: center;
+}
+
+.blur-banner-sub strong {
+  color: var(--red);
+}
+
+.industry-stat {
+  font-size: 22px;
+  font-weight: 700;
+  text-align: center;
+  color: var(--muted);
+  line-height: 1.3;
+}
+
+.industry-stat strong {
+  color: var(--red);
+  font-size: 28px;
+  font-weight: 900;
+}
+
+.fragment {
+  will-change: opacity, transform;
+  transform-origin: center center;
+}
+
+.connector-fragment {
+  will-change: opacity, stroke-dashoffset;
+}
+
+@media print {
+  html,
+  body {
+    width: var(--slide-width);
+    height: var(--slide-height);
+  }
+
+  .reveal .slides section {
+    page-break-after: always;
+  }
+
+  .fragment {
+    opacity: 1 !important;
+    visibility: visible !important;
+    transform: none !important;
+  }
+}