MediaWiki:KuranokaFX.css - 版本历史

2026年10月16日 (五) 07:06 KK

2026-10-16T07:06:26Z

@@ 第1行： / 第1行： @@
-/* STORMBREAK XI — Kuranoka only. Requires JS to add kk-stormbreak-v4 class.
+/* STORMBREAK XII — Kuranoka only. Requires JS to add kk-stormbreak-v4 class.
     Does NOT change article typography, colors, font sizes, heading layouts, or Citizen components. */
 html.kk-stormbreak-v4 #kk4-pressure,
@@ 第96行： / 第96行： @@
 /* Optional narrative anchor only; adds no visible control or layout height. */
 html.kk-stormbreak-v4 .kk-fx-outburst {display:inline-block;width:0;height:0;overflow:hidden;}

2026年10月16日 (五) 06:53 KK

2026-10-16T06:53:57Z

←上一版本		2026年10月16日 (五) 14:53的版本
第1行：		第1行：
	/* STORMBREAK X — Kuranoka only. Requires JS to add kk-stormbreak-v4 class.		/* STORMBREAK XI — Kuranoka only. Requires JS to add kk-stormbreak-v4 class.
	Does NOT change article typography, colors, font sizes, heading layouts, or Citizen components. */		Does NOT change article typography, colors, font sizes, heading layouts, or Citizen components. */
	html.kk-stormbreak-v4 #kk4-pressure,		html.kk-stormbreak-v4 #kk4-pressure,
第93行：		第93行：
	@media(prefers-reduced-motion:reduce){html.kk-stormbreak-v4 #kk10-negative{display:none!important;}}		@media(prefers-reduced-motion:reduce){html.kk-stormbreak-v4 #kk10-negative{display:none!important;}}
	@media print{html.kk-stormbreak-v4 #kk10-negative{display:none!important;}}		@media print{html.kk-stormbreak-v4 #kk10-negative{display:none!important;}}

			/* Optional narrative anchor only; adds no visible control or layout height. */
			html.kk-stormbreak-v4 .kk-fx-outburst {display:inline-block;width:0;height:0;overflow:hidden;}

2026年10月16日 (五) 06:43 KK

2026-10-16T06:43:59Z

←上一版本		2026年10月16日 (五) 14:43的版本
第1行：		第1行：
	/* STORMBREAK ~~VII~~ — Kuranoka only. Requires JS to add kk-stormbreak-v4 class.		/* STORMBREAK X — Kuranoka only. Requires JS to add kk-stormbreak-v4 class.
	Does NOT change article typography, colors, font sizes, heading layouts, or Citizen components. */		Does NOT change article typography, colors, font sizes, heading layouts, or Citizen components. */
	html.kk-stormbreak-v4 #kk4-pressure,		html.kk-stormbreak-v4 #kk4-pressure,
第68行：		第68行：
	html.kk-stormbreak-v4 #kk6-fracture {mix-blend-mode:normal;}		html.kk-stormbreak-v4 #kk6-fracture {mix-blend-mode:normal;}

	/* Real viewport fragments. Never intercept selection, links, or scrolling. */		/* Persistent local faults; no global attack envelope. Real viewport fragments. Never intercept selection, links, or scrolling. */
	html.kk-stormbreak-v4 #kk7-replicas {		html.kk-stormbreak-v4 #kk7-replicas {
	position:fixed!important;inset:0!important;z-index:412;pointer-events:none!important;		position:fixed!important;inset:0!important;z-index:412;pointer-events:none!important;
第81行：		第81行：
	@media(prefers-reduced-motion:reduce){html.kk-stormbreak-v4 #kk7-replicas{display:none!important;}}		@media(prefers-reduced-motion:reduce){html.kk-stormbreak-v4 #kk7-replicas{display:none!important;}}
	@media print{html.kk-stormbreak-v4 #kk7-replicas{display:none!important;}}		@media print{html.kk-stormbreak-v4 #kk7-replicas{display:none!important;}}

			/* Floating shards use an independent Canvas. */

			/* Small moving mirror faces invert the real page underneath, only inside each shard. */
			html.kk-stormbreak-v4 #kk10-negative {
			position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;
			pointer-events:none!important;user-select:none!important;z-index:413;
			margin:0!important;padding:0!important;border:0!important;
			visibility:hidden;mix-blend-mode:difference;contain:strict;
			}
			@media(prefers-reduced-motion:reduce){html.kk-stormbreak-v4 #kk10-negative{display:none!important;}}
			@media print{html.kk-stormbreak-v4 #kk10-negative{display:none!important;}}

2026年10月16日 (五) 06:15 KK

2026-10-16T06:15:46Z

@@ 第1行： / 第1行： @@
-/* STORMBREAK VI — Kuranoka only. Requires JS to add kk-stormbreak-v4 class.
+/* STORMBREAK VII — Kuranoka only. Requires JS to add kk-stormbreak-v4 class.
     Does NOT change article typography, colors, font sizes, heading layouts, or Citizen components. */
 html.kk-stormbreak-v4 #kk4-pressure,
@@ 第64行： / 第64行： @@
    mask-image:radial-gradient(ellipse 95% 83% at 50% 48%,rgba(0,0,0,.83),#000 95%);
+}
 /* Fragment layer is separate from article text; no text or Citizen styles changed. */
 html.kk-stormbreak-v4 #kk6-fracture {mix-blend-mode:normal;}

2026年10月16日 (五) 06:04 KK

2026-10-16T06:04:26Z

←上一版本		2026年10月16日 (五) 14:04的版本
第1行：		第1行：
	/* STORMBREAK IV — Kuranoka only. Requires JS to add kk-stormbreak-v4 class.		/* STORMBREAK VI — Kuranoka only. Requires JS to add kk-stormbreak-v4 class.
	Does NOT change article typography, colors, font sizes, heading layouts, or Citizen components. */		Does NOT change article typography, colors, font sizes, heading layouts, or Citizen components. */
	html.kk-stormbreak-v4 #kk4-pressure,		html.kk-stormbreak-v4 #kk4-pressure,
	html.kk-stormbreak-v4 #kk4-sky,		html.kk-stormbreak-v4 #kk4-sky,
	html.kk-stormbreak-v4 #kk4-rain {		html.kk-stormbreak-v4 #kk4-rain,
			html.kk-stormbreak-v4 #kk6-fracture {
	position: fixed !important;		position: fixed !important;
	top: 0 !important;		top: 0 !important;
第22行：		第23行：
	html.kk-stormbreak-v4 #kk4-sky {z-index: 409; will-change: transform;}		html.kk-stormbreak-v4 #kk4-sky {z-index: 409; will-change: transform;}
	html.kk-stormbreak-v4 #kk4-rain {z-index: 410; will-change: transform;}		html.kk-stormbreak-v4 #kk4-rain {z-index: 410; will-change: transform;}
			html.kk-stormbreak-v4 #kk6-fracture {z-index: 411; will-change: transform; opacity:.95;}
	html.kk-stormbreak-v4.kk-v4-on #kk4-pressure,		html.kk-stormbreak-v4.kk-v4-on #kk4-pressure,
	html.kk-stormbreak-v4.kk-v4-on #kk4-sky,		html.kk-stormbreak-v4.kk-v4-on #kk4-sky,
	html.kk-stormbreak-v4.kk-v4-on #kk4-rain {visibility: visible;}		html.kk-stormbreak-v4.kk-v4-on #kk4-rain,
			html.kk-stormbreak-v4.kk-v4-on #kk6-fracture {visibility: visible;}
	/* Protect the central copy without painting over or altering its actual text. */		/* Protect the central copy without painting over or altering its actual text. */
	html.kk-stormbreak-v4 #kk4-sky {		html.kk-stormbreak-v4 #kk4-sky {
第46行：		第49行：
	html.kk-stormbreak-v4 #kk4-pressure,		html.kk-stormbreak-v4 #kk4-pressure,
	html.kk-stormbreak-v4 #kk4-sky,		html.kk-stormbreak-v4 #kk4-sky,
	html.kk-stormbreak-v4 #kk4-rain {display:none!important;}		html.kk-stormbreak-v4 #kk4-rain,
			html.kk-stormbreak-v4 #kk6-fracture {display:none!important;}
	}		}
	@media print{		@media print{
	html.kk-stormbreak-v4 #kk4-pressure,		html.kk-stormbreak-v4 #kk4-pressure,
	html.kk-stormbreak-v4 #kk4-sky,		html.kk-stormbreak-v4 #kk4-sky,
	html.kk-stormbreak-v4 #kk4-rain {display:none!important;}		html.kk-stormbreak-v4 #kk4-rain,
			html.kk-stormbreak-v4 #kk6-fracture {display:none!important;}
	}		}

	html.kk-stormbreak-v4 #kk4-rain {		html.kk-stormbreak-v4 #kk4-rain {
	-webkit-mask-image: radial-gradient(ellipse 64% 63% at 48% 48%, rgba(0,0,0,.30) ~~3%,rgba(0,0,0,.65) 58%~~,#000 ~~100~~%);		/* Uniform full-width rainfall, with only a slight central readability cutout. */
	mask-image: radial-gradient(ellipse 64% 63% at 48% 48%, rgba(0,0,0,.30) 3%,rgba(0,0,0,.65) ~~58%~~,~~#000 100%~~);		-webkit-mask-image:radial-gradient(ellipse 95% 83% at 50% 48%,rgba(0,0,0,.83),#000 95%);
			mask-image:radial-gradient(ellipse 95% 83% at 50% 48%,rgba(0,0,0,.83),#000 95%);
			}

			/* Audio is only offered inline with Chapter II; no floating controls or overlay toolbar. */
			html.kk-stormbreak-v4 .kk5-audio-toggle {
			float:right;
			font:inherit;
			font-size:12px;
			font-weight:500;
			letter-spacing:.025em;
			line-height:1.8;
			border:1px solid rgba(83,125,165,.35);
			border-radius:5px;
			color:inherit;
			background:rgba(121,158,185,.10);
			padding:1px 8px;
			margin:3px 0 3px 8px;
			cursor:pointer;
			opacity:.72;
	}		}
			html.kk-stormbreak-v4 .kk5-audio-toggle:hover,
			html.kk-stormbreak-v4 .kk5-audio-toggle:focus-visible{opacity:1;background:rgba(121,158,185,.23);}
			html.kk-stormbreak-v4 .kk5-audio-toggle:focus-visible{outline:2px solid currentColor;outline-offset:2px;}
			@media(max-width:680px){html.kk-stormbreak-v4 .kk5-audio-toggle{font-size:11px;padding:0 5px;}}

			/* Fragment layer is separate from article text; no text or Citizen styles changed. */
			html.kk-stormbreak-v4 #kk6-fracture {mix-blend-mode:normal;}

2026年10月16日 (五) 05:17 KK

2026-10-16T05:17:25Z

显示更改

2026年10月16日 (五) 04:59 KK

2026-10-16T04:59:06Z

显示更改

KK：创建页面，内容为“/* * KURANOKA / STORMBREAK v2 * Site-local CSS interface page: MediaWiki:KuranokaFX.css * Injected ONLY on Kuranoka, with an additional class guard. * Never changes article text, links, headings, images, or existing layout. */ html.kk-stormbreak-enabled #kk-stormbreak-canvas { position: fixed !important; inset: 0 !important; display: block; width: 100vw; height: 100vh; pointer-events: none !important; z-index: 600; opacity: 0; transition:…”

2026-10-16T04:42:40Z

创建页面，内容为“* KURANOKA / STORMBREAK v2 * Site-local CSS interface page: MediaWiki:KuranokaFX.css * Injected ONLY on Kuranoka, with an additional class guard. * Never changes article text, links, headings, images, or existing layout.： html.kk-stormbreak-enabled #kk-stormbreak-canvas { position: fixed !important; inset: 0 !important; display: block; width: 100vw; height: 100vh; pointer-events: none !important; z-index: 600; opacity: 0; transition:…”

新页面

/*
* KURANOKA / STORMBREAK v2
* Site-local CSS interface page: MediaWiki:KuranokaFX.css
* Injected ONLY on Kuranoka, with an additional class guard.
* Never changes article text, links, headings, images, or existing layout.
*/
html.kk-stormbreak-enabled #kk-stormbreak-canvas {
position: fixed !important;
inset: 0 !important;
display: block;
width: 100vw;
height: 100vh;
pointer-events: none !important;
z-index: 600;
opacity: 0;
transition: opacity .75s ease;
contain: strict;
}
html.kk-stormbreak-enabled.kk-stormbreak-active #kk-stormbreak-canvas { opacity: 1; }

/* The vignette draws on top of the skin; no filter is applied to its content. */
html.kk-stormbreak-enabled #kk-stormbreak-atmosphere {
position: fixed !important;
inset: 0 !important;
z-index: 599;
pointer-events: none !important;
opacity: 0;
background:
radial-gradient(ellipse 60% 68% at 50% 50%, transparent 19%, rgba(4,10,30,.34) 56%, rgba(3,5,21,.87) 86%, rgba(1,2,12,.98) 100%),
radial-gradient(ellipse 75% 65% at 85% 5%, rgba(37,25,112,.30), transparent 74%),
conic-gradient(from 195deg at 50% 55%, rgba(79,6,64,.24), transparent 32%, rgba(11,62,137,.23) 60%, rgba(31,3,50,.23));
transition: opacity 1s ease;
}
html.kk-stormbreak-enabled.kk-stormbreak-active #kk-stormbreak-atmosphere { opacity: var(--kk-atmosphere, .7); }

/* UI only: anchored outside article prose; never edits the article DOM content. */
html.kk-stormbreak-enabled #kk-stormbreak-controls {
position: fixed;
right: max(14px, env(safe-area-inset-right));
bottom: max(14px, env(safe-area-inset-bottom));
z-index: 602;
display: none;
gap: 8px;
align-items: center;
font: 600 12px/1.25 system-ui, sans-serif;
color: #ecf8ff;
background: rgba(7,16,34,.91);
border: 1px solid rgba(133,205,241,.56);
border-radius: 7px;
padding: 8px 10px;
box-shadow: 0 10px 36px rgba(0,0,0,.32);
backdrop-filter: blur(10px);
}
html.kk-stormbreak-enabled.kk-stormbreak-inchapter #kk-stormbreak-controls { display: flex; }
html.kk-stormbreak-enabled #kk-stormbreak-controls button {
font: inherit;
color: inherit;
background: #172b47;
padding: 7px 10px;
border: 1px solid #6789ab;
border-radius: 5px;
cursor: pointer;
}
html.kk-stormbreak-enabled #kk-stormbreak-controls button:focus-visible,
html.kk-stormbreak-enabled #kk-stormbreak-controls input:focus-visible { outline: 2px solid #98e2ff; outline-offset: 3px; }
html.kk-stormbreak-enabled #kk-stormbreak-controls input[type="range"] { width: 66px; accent-color: #6fe4ff; }
html.kk-stormbreak-enabled #kk-stormbreak-controls label { white-space: nowrap; }
html.kk-stormbreak-enabled #kk-stormbreak-controls button[aria-pressed="true"] { background: #36577a; }

/* Position markers are zero-height; no typography, content, or layout alterations. */
html.kk-stormbreak-enabled .kk-fx-marker { display: block; height: 0; margin: 0; padding: 0; overflow: hidden; }
@media (max-width: 600px) {
html.kk-stormbreak-enabled #kk-stormbreak-controls { right: 8px; bottom: max(8px, env(safe-area-inset-bottom)); padding: 6px; }
html.kk-stormbreak-enabled #kk-stormbreak-controls input[type="range"] { width: 50px; }
html.kk-stormbreak-enabled #kk-stormbreak-controls label { display: none; }
}
@media (prefers-reduced-motion: reduce) {
html.kk-stormbreak-enabled #kk-stormbreak-canvas,
html.kk-stormbreak-enabled #kk-stormbreak-atmosphere { transition: none; }
}