| 1 | /* hermes-cyber-terminal — 暗终端 + 霓虹绿青 + 扫描线 */ |
| 2 | .tpl-hermes-cyber-terminal{ |
| 3 | --hc-bg:#0a0c10; |
| 4 | --hc-bg2:#15151b; |
| 5 | --hc-surface:#12141a; |
| 6 | --hc-border:rgba(126,211,164,.18); |
| 7 | --hc-ink:#e4e2d8; |
| 8 | --hc-ink2:#8a8892; |
| 9 | --hc-green:#7ed3a4; |
| 10 | --hc-cyan:#64dfdf; |
| 11 | --hc-amber:#e9c58a; |
| 12 | --hc-rose:#d4a0b9; |
| 13 | --hc-red:#ff6b6b; |
| 14 | background:var(--hc-bg); |
| 15 | color:var(--hc-ink); |
| 16 | font-family:'JetBrains Mono','SF Mono','Inter','Noto Sans SC',monospace; |
| 17 | } |
| 18 | .tpl-hermes-cyber-terminal .slide{background:var(--hc-bg);color:var(--hc-ink);padding:60px 84px;overflow:hidden} |
| 19 | .tpl-hermes-cyber-terminal .hc-scanlines{position:absolute;inset:0;pointer-events:none;z-index:3;background:repeating-linear-gradient(180deg,transparent 0,transparent 3px,rgba(126,211,164,.025) 3px,rgba(126,211,164,.025) 4px);mix-blend-mode:screen} |
| 20 | .tpl-hermes-cyber-terminal .hc-grid{position:absolute;inset:0;pointer-events:none;opacity:.35;background-image:linear-gradient(rgba(126,211,164,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(126,211,164,.08) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 50% 50%,black 30%,transparent 80%)} |
| 21 | .tpl-hermes-cyber-terminal .hc-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,transparent 50%,rgba(0,0,0,.6) 100%)} |
| 22 | .tpl-hermes-cyber-terminal .slide > *{position:relative;z-index:2} |
| 23 | .tpl-hermes-cyber-terminal .hc-chrome{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;font-size:11px;color:var(--hc-ink2);letter-spacing:.18em;text-transform:uppercase} |
| 24 | .tpl-hermes-cyber-terminal .hc-chrome .dots{display:flex;gap:8px} |
| 25 | .tpl-hermes-cyber-terminal .hc-chrome .dots span{width:11px;height:11px;border-radius:50%;background:#2a2d33} |
| 26 | .tpl-hermes-cyber-terminal .hc-chrome .dots span:nth-child(1){background:#ff5f57} |
| 27 | .tpl-hermes-cyber-terminal .hc-chrome .dots span:nth-child(2){background:#febc2e} |
| 28 | .tpl-hermes-cyber-terminal .hc-chrome .dots span:nth-child(3){background:var(--hc-green)} |
| 29 | .tpl-hermes-cyber-terminal .hc-prompt{color:var(--hc-green);font-weight:500} |
| 30 | .tpl-hermes-cyber-terminal .hc-prompt::before{content:'$ ';color:var(--hc-cyan)} |
| 31 | .tpl-hermes-cyber-terminal .hc-h1{font-family:'JetBrains Mono',monospace;font-size:72px;font-weight:700;line-height:1.05;letter-spacing:-.02em;color:var(--hc-green);text-shadow:0 0 30px rgba(126,211,164,.35),0 0 60px rgba(126,211,164,.1);margin:14px 0 12px} |
| 32 | .tpl-hermes-cyber-terminal .hc-h2{font-size:46px;font-weight:600;color:var(--hc-ink);margin:0 0 10px;letter-spacing:-.015em} |
| 33 | .tpl-hermes-cyber-terminal .hc-h3{font-size:22px;font-weight:600;color:var(--hc-amber);margin:0 0 10px} |
| 34 | .tpl-hermes-cyber-terminal .hc-lede{font-size:18px;line-height:1.7;color:var(--hc-ink2);max-width:780px;font-family:'Inter','Noto Sans SC',sans-serif} |
| 35 | .tpl-hermes-cyber-terminal .hc-cursor{display:inline-block;width:12px;height:1em;background:var(--hc-green);vertical-align:middle;margin-left:6px;animation:hcBlink 1s steps(2) infinite} |
| 36 | @keyframes hcBlink{50%{opacity:0}} |
| 37 | .tpl-hermes-cyber-terminal .hc-card{background:var(--hc-surface);border:1px solid var(--hc-border);border-radius:10px;padding:20px 24px;position:relative} |
| 38 | .tpl-hermes-cyber-terminal .hc-card::before{content:'';position:absolute;top:-1px;left:12px;right:12px;height:2px;background:linear-gradient(90deg,transparent,var(--hc-green),transparent)} |
| 39 | .tpl-hermes-cyber-terminal .hc-card .lbl{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--hc-ink2);margin-bottom:8px} |
| 40 | .tpl-hermes-cyber-terminal .hc-card .val{font-size:22px;font-weight:700;color:var(--hc-green);font-family:'JetBrains Mono',monospace} |
| 41 | .tpl-hermes-cyber-terminal .hc-card .desc{font-size:13px;color:var(--hc-ink2);margin-top:10px;line-height:1.55;font-family:'Inter',sans-serif} |
| 42 | .tpl-hermes-cyber-terminal .hc-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:24px} |
| 43 | .tpl-hermes-cyber-terminal .hc-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px} |
| 44 | .tpl-hermes-cyber-terminal .hc-codebox{background:#0c0d12;border:1px solid var(--hc-border);border-radius:10px;padding:22px 26px;font-family:'JetBrains Mono',monospace;font-size:14px;line-height:1.85;color:#d8d4c8;box-shadow:inset 0 0 60px rgba(126,211,164,.04)} |
| 45 | .tpl-hermes-cyber-terminal .hc-codebox .cm{color:#5a6068} |
| 46 | .tpl-hermes-cyber-terminal .hc-codebox .kw{color:var(--hc-amber)} |
| 47 | .tpl-hermes-cyber-terminal .hc-codebox .st{color:var(--hc-green)} |
| 48 | .tpl-hermes-cyber-terminal .hc-codebox .fn{color:var(--hc-cyan)} |
| 49 | .tpl-hermes-cyber-terminal .hc-codebox .var{color:var(--hc-rose)} |
| 50 | .tpl-hermes-cyber-terminal .hc-codebox .hl{color:#fff;background:rgba(126,211,164,.15);padding:0 4px;border-radius:3px} |
| 51 | .tpl-hermes-cyber-terminal .hc-tag{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:11px;padding:3px 10px;border:1px solid var(--hc-border);border-radius:4px;color:var(--hc-green);background:rgba(126,211,164,.04);margin:2px 6px 2px 0;text-transform:uppercase;letter-spacing:.1em} |
| 52 | .tpl-hermes-cyber-terminal .hc-tag.amber{color:var(--hc-amber);border-color:rgba(233,197,138,.2);background:rgba(233,197,138,.04)} |
| 53 | .tpl-hermes-cyber-terminal .hc-tag.red{color:var(--hc-red);border-color:rgba(255,107,107,.25);background:rgba(255,107,107,.05)} |
| 54 | .tpl-hermes-cyber-terminal .hc-big{font-family:'JetBrains Mono',monospace;font-size:140px;font-weight:700;line-height:1;color:var(--hc-green);text-shadow:0 0 40px rgba(126,211,164,.4),0 0 80px rgba(126,211,164,.15);letter-spacing:-.04em} |
| 55 | .tpl-hermes-cyber-terminal .hc-footer{position:absolute;left:84px;right:84px;bottom:32px;display:flex;justify-content:space-between;font-size:10px;color:var(--hc-ink2);letter-spacing:.2em;text-transform:uppercase;border-top:1px solid rgba(126,211,164,.1);padding-top:14px} |
| 56 |