Setting the file. One moment. 34.10
Audit
(opens in a new tab)
references/styles/audit.html
HTML·170 lines·6 KB
16 content: 财报分析 / 调查报告 / 数据稽核 / 严肃陈述
17-->
18<!doctype html>
19<html lang="zh-CN">
20 <head>
21 <meta charset="utf-8" />
22 <title>style · audit</title>
23 <style>
24 html,
25 body {
26 margin: 0;
27 padding: 0;
28 background: #0a0c12;
29 font-family: ui-sans-serif, system-ui, sans-serif;
30 }
31 .stage {
32 position: relative;
33 width: 1920px;
34 height: 1080px;
35 transform-origin: top left;
36 transform: scale(0.5);
37 overflow: hidden;
38 }
39 .card-host {
40 position: absolute;
41 left: 0;
42 top: 0;
43 width: 1920px;
44 height: 1080px;
45 }
46 </style>
47 </head>
48 <body>
49 <div class="stage">
50 <div class="card-host">
51 <div class="card" data-card-id="ref-audit">
52 <style>
53 .card[data-card-id="ref-audit"] .root {
54 --bg: #ebd9b4;
55 --ink: #1d1a14;
56 --muted: #6b5e44;
57 --accent: #8b1d1d;
58 --accent2: #1c3a6b;
59 --font-head: ui-serif, "Songti SC", "Times New Roman", serif;
60 --font-body: ui-serif, "Songti SC", "Times New Roman", serif;
61 --font-mono: ui-monospace, "SF Mono", Menlo, monospace;
62
63 width: 100%;
64 height: 100%;
65 position: relative;
66 overflow: hidden;
67 background-color: var(--bg);
68 background-image:
69 repeating-linear-gradient(0deg, rgba(0, 0, 0, 0.02) 0 1px, transparent 1px 28px),
70 radial-gradient(120% 80% at 20% 0%, rgba(255, 250, 235, 0.45) 0%, transparent 60%);
71 padding: 48px 64px 56px;
72 box-sizing: border-box;
73 display: flex;
74 flex-direction: column;
75 gap: 18px;
76 color: var(--ink);
77 font-family: var(--font-body);
78 }
79 .card[data-card-id="ref-audit"] .head {
80 display: flex;
81 justify-content: space-between;
82 align-items: baseline;
83 border-bottom: 2px solid var(--ink);
84 padding-bottom: 10px;
85 }
86 .card[data-card-id="ref-audit"] .kicker {
87 font: 700 14px/1 var(--font-mono);
88 letter-spacing: 0.3em;
89 text-transform: uppercase;
90 color: var(--ink);
91 }
92 .card[data-card-id="ref-audit"] .ref {
93 font: 13px/1 var(--font-mono);
94 color: var(--muted);
95 letter-spacing: 0.14em;
96 }
97 .card[data-card-id="ref-audit"] .title {
98 margin: 0;
99 font: 700 76px/1.1 var(--font-head);
100 color: var(--ink);
101 letter-spacing: 0.005em;
102 }
103 .card[data-card-id="ref-audit"] .title .accent {
104 color: var(--accent);
105 }
106 .card[data-card-id="ref-audit"] .body {
107 margin: 0;
108 font: 26px/1.55 var(--font-body);
109 color: var(--ink);
110 text-align: justify;
111 column-count: 2;
112 column-gap: 32px;
113 max-width: 100%;
114 }
115 .card[data-card-id="ref-audit"] .body .sup {
116 color: var(--accent2);
117 font-weight: 700;
118 }
119 .card[data-card-id="ref-audit"] .foot {
120 border-top: 1px solid var(--muted);
121 padding-top: 10px;
122 font: italic 14px/1.4 var(--font-body);
123 color: var(--muted);
124 }
125 .card[data-card-id="ref-audit"] .stamp {
126 position: absolute;
127 right: 56px;
128 top: 120px;
129 padding: 12px 22px;
130 border: 4px solid var(--accent);
131 color: var(--accent);
132 font: 800 36px/1 var(--font-head);
133 letter-spacing: 0.14em;
134 transform: rotate(-12deg);
135 opacity: 0.9;
136 box-shadow: 0 0 0 1px var(--accent) inset;
137 }
138 </style>
139
140 <div class="root">
141 <div class="head">
142 <span class="kicker" data-anim="fade-in" data-anim-at="0.05" data-anim-duration="0.35"
143 >EXHIBIT · TAKEAWAY</span
144 >
145 <span class="ref">REF / VT-2026-014</span>
146 </div>
147
148 <span class="stamp" data-anim="scale-pop" data-anim-at="0.7" data-anim-duration="0.4"
149 >APPROVED</span
150 >
151
152 <h2 class="title" data-anim="fade-in" data-anim-at="0.25" data-anim-duration="0.5">
153 第三季度<span class="accent">现金流</span>由负转正
154 </h2>
155
156 <p class="body" data-anim="fade-in" data-anim-at="0.55" data-anim-duration="0.5">
157 经营性现金流首次为正<span class="sup">①</span>，主要由订阅业务驱动。 自由现金流由 -2.1
158 亿改善至 +0.8 亿，按当前轨迹推算<span class="sup">②</span>，全年有望实现正向 1.5–2.0
159 亿。 与此同时，应收账款周转天数从 64 天压缩至 51 天，回款效率创近两年新高。
160 </p>
161
162 <div class="foot" data-anim="fade-in" data-anim-at="0.95" data-anim-duration="0.4">
163 ① 含一次性税务返还 0.3 亿；② 假设 Q4 续约率不低于 91%。
164 </div>
165 </div>
166 </div>
167 </div>
168 </div>
169 </body>
170</html>