@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=ZCOOL+QingKe+HuangYou&display=swap');
        @font-face {
            font-family: 'Cubic11';
            src:
                url('https://raw.githubusercontent.com/ACh-K/Cubic-11/main/fonts/web/Cubic_11.woff2') format('woff2'),
                url('https://raw.githubusercontent.com/ACh-K/Cubic-11/main/fonts/web/Cubic_11.woff') format('woff');
            font-weight: normal;
            font-style: normal;
            font-display: swap;
        }

        :root {
            /* MS Word 2016 Theme Colors */
            --word-blue: #2B579A;
            --word-header-bg: #2B579A;
            --word-blue-hover: #1e3f6f;
            --word-bg: #F3F2F1;
            --word-border: #D4D4D4;
            --word-workspace: #E6E6E6;
            --word-page: #FFFFFF;
            --word-text: #333333;
            --word-text-light: #666666;
            --word-ribbon-active: #F3F2F1;
            --word-status: #2B579A;
            
            --pass-color: #137333; 
            --fail-color: #c5221f; 
            --warning-color: #b06000;
            /* 試卷淨速上標：CA 藍、ACO 綠 */
            --wpm-mark-ca: #2B579A;
            --wpm-mark-aco: #107C41;

            /* Scrollbar Colors */
            --scroll-track: #F3F2F1;
            --scroll-thumb: #C1C1C1;
            --scroll-thumb-hover: #A8A8A8;
            --scroll-border: #E6E6E6;

            --ui-font: 'Segoe UI', 'Microsoft JhengHei', 'Roboto', sans-serif;
            --doc-font: 'Times New Roman', 'PMingLiU', 'MingLiU', serif;
            --xp-game-font-en: 'Press Start 2P', 'Courier New', monospace;
            --xp-game-font-zh: 'Cubic11', 'ZCOOL QingKe HuangYou', 'Microsoft JhengHei', sans-serif;
        }

        /* --- Dark Mode (Night Mode) --- */
        body.dark-mode {
            --word-blue: #7aa5eb;
            --word-header-bg: #1a1a1a;
            --word-bg: #1a1a1a;
            --word-border: #444444;
            --word-workspace: #111111;
            --word-page: #2a2a2a;
            --word-text: #f0f0f0;
            --word-text-light: #aaaaaa;
            --word-ribbon-active: #2b2b2b;
            --word-status: #1a1a1a;
            --fail-color: #ff6b6b;
            --pass-color: #81c995;
            --wpm-mark-ca: #7aa5eb;
            --wpm-mark-aco: #81c995;

            /* Dark Mode Scrollbar Colors */
            --scroll-track: #111111;
            --scroll-thumb: #444444;
            --scroll-thumb-hover: #666666;
            --scroll-border: #1a1a1a;
        }

        * { box-sizing: border-box; margin: 0; padding: 0; }

        /* --- Custom Scrollbar (MS Office / Modern Flat Style) --- */
        * {
            scrollbar-width: auto;
            scrollbar-color: var(--scroll-thumb) var(--scroll-track);
        }
        ::-webkit-scrollbar {
            width: 16px;
            height: 16px;
        }
        ::-webkit-scrollbar-track {
            background: var(--scroll-track);
            border-left: 1px solid var(--scroll-border);
        }
        ::-webkit-scrollbar-thumb {
            background: var(--scroll-thumb);
            border: 4px solid var(--scroll-track);
            background-clip: padding-box;
            border-radius: 8px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: var(--scroll-thumb-hover);
            border: 4px solid var(--scroll-track);
            background-clip: padding-box;
        }