:root{--color-bg: #ffffff;--color-surface: #f9f9f9;--color-surface-hover: #d0d0d0;--color-border: #e5e5e5;--color-shadow: rgba(0, 0, 0, .15);--color-shadow-hard: rgba(0, 0, 0, .7);--color-text: #111111;--color-text-muted: #666666;--color-heading: #000000;--color-primary: #4e92f8;--color-primary-hover: #1e75f7;--color-secondary: #ff9800;--color-secondary-gray: #e5e5e5;--color-secondary-gray-hover: #d2d0d0;--color-danger: #e53935;--color-success: #43a047;--color-info: #0288d1;--color-warning: #f57c00;--popup-btn-background: #f1f1f1;--popup-btn-background-hover: #e5e5e5;--popup-btn-background-active: #b6b5b5;--content-max: 760px;--font-size: 16px;--line-height: 1.8;--letter-spacing: 0px;--para-spacing: .7em;--columns: 1;--column-gap: 2.2rem;--radius: 14px;--shadow: 0 10px 30px rgba(0, 0, 0, .06);--ruler-height: 36px;--progress: 0%;--contrast-boost: 0;--select-bg-color: #f4f4f4;--select-text-color: #41403f;--select-border-color: #dfdede;--select-hover-bg-color: rgb(227, 226, 225);--select-hover-text-color: #3e3a32;--draw-color: #90c0f5;--draw-bg-color: #eef1f7;--color-text-white: #ffffff;--summary-bg: #fbf6ed;--summary-text: #5c4430;--summary-border: #cb4b16;--quote-bg: #f8f5ef;--quote-border: #cb4b16;--note-bg: #f9f5ed;--note-border: #b58900;--note-text: #8d6e00;--separator: #d9c9b3;--highlight-bg: #ffe8b3;--highlight-color: #a05a2c;--button-bg: #eee8d5;--button-text: #586e75;--button-border: #d9c9b3;--button-hover-bg: #d9c9b3}:root[data-theme=dark]{--color-bg: #121212;--color-surface: #1e1e1e;--color-surface-hover: #434242;--color-border: #545353;--color-shadow: rgba(0, 0, 0, .6);--color-text: #f5f5f5;--color-text-muted: #aaaaaa;--color-heading: #ffffff;--color-primary: #4d7aaf;--color-primary-hover: #6c96c6;--color-secondary: #ffb74d;--color-secondary-gray: #2d2c2c;--color-secondary-gray-hover: #585757;--color-danger: #ef5350;--color-success: #66bb6a;--color-info: #29b6f6;--color-warning: #ffa726;--popup-btn-background: #888787;--popup-btn-background-hover: #a5a3a3;--popup-btn-background-active: #d0d0d0;--select-bg-color: #f5f1e6;--select-text-color: #3e3a32;--select-border-color: #e0d8c8;--select-hover-bg-color: #ceccc7;--select-hover-text-color: #3e3a32;--draw-color: #298ff5;--draw-bg-color: #403f3f;--color-text-white: #d9d8d8;--card-bg: #1e1e24;--text-color: #eee;--title-color: #fff;--body-bg: #121212;--summary-bg: #1a1a28;--summary-text: #ccc;--summary-border: #4A90E2;--quote-bg: #1a1a28;--quote-border: #4A90E2;--note-bg: #2a2a1a;--note-border: #ffe082;--note-text: #ffd966;--separator: #333;--highlight-bg: #444466;--highlight-color: #ffd966;--button-bg: #2a2a30;--button-text: #eee;--button-border: #555;--button-hover-bg: #3a3a40}html{font-size:var(--font-size);scrollbar-gutter:stable;overscroll-behavior:none}body{background-color:var(--color-bg);margin:0;padding:40px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";transition:background-color .3s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow-x:hidden}.dy-article-card{width:90vw;max-width:800px;margin:20px 5px 10px 0;background-color:var(--card-bg);border:1px solid var(--separator);border-radius:12px;padding:10px 20px;box-shadow:0 1px 1px var(--color-shadow);color:var(--text-color);transition:background-color .3s ease,border-color .3s ease}h2,h3{color:var(--title-color);font-weight:600;border-bottom:1px solid var(--separator)}.dy-article-title{font-size:1.5rem;text-align:left;border:none;width:100%;margin:0;padding:0}h3{font-size:1.5rem}.dy-article-summary{background-color:var(--summary-bg);border-left:4px solid var(--summary-border);padding:12px 20px;margin-bottom:24px;color:var(--summary-text);border-radius:6px}.dy-article-summary p{margin:0}.dy-article-content{margin-top:50px}.dy-article-content p,.dy-article-content ul{font-size:1rem;color:var(--text-color)}blockquote{border-left:4px solid var(--quote-border);background-color:var(--quote-bg);padding:16px 20px;margin:24px 0;color:var(--text-color);border-radius:0 6px 6px 0}blockquote p{margin:0;font-size:1.05rem;font-weight:500}.dy-article-note{background-color:var(--note-bg);border:1px solid var(--note-border);border-radius:6px;padding:12px 16px;margin:24px 0;color:var(--note-text);font-size:.9rem;text-align:center}.dy-article-note p{margin:0}.dy-article-separator{border:0;border-top:1px solid var(--separator);margin:40px 0}ul{padding-left:25px;margin:16px 0}ul li{margin-bottom:10px}ul li::marker{color:var(--summary-border)!important}.dy-highlight{background-color:var(--highlight-bg);padding:2px 6px;border-radius:4px;color:var(--highlight-color);font-weight:600}strong{font-weight:600;color:var(--title-color)}.theme-switcher{text-align:center;margin-bottom:20px}.theme-switcher button{cursor:pointer;border:1px solid var(--button-border);background-color:var(--button-bg);color:var(--button-text);padding:8px 16px;margin:0 5px;border-radius:20px;font-size:.9rem;transition:background-color .3s ease}.theme-switcher button:hover{background-color:var(--button-hover-bg)}.header{display:flex;flex-direction:column;justify-content:space-between;align-items:center;max-width:850px;margin:0 auto;gap:10px}.logo{width:250px;margin:20px 0;display:flex;justify-content:center;align-items:center;transform:rotate(-4deg)}.logo a img{display:block;align-items:center;filter:drop-shadow(2px 2px 1px rgba(0,0,0,.2));width:100%}.arrow{display:inline-block;width:4px;height:4px;border:solid var(--color-text);border-width:0 2px 2px 0;padding:3px;transform:rotate(-45deg);transition:transform .3s ease;margin:4px 12px 4px 4px}.dy-article-card-close.open .arrow{transform:rotate(45deg)}@media screen and (max-width: 768px){.dy-article-card{width:calc(100vw - 40px)}:root{--font-size: 20px}}