/*! GhiChu Interface | Copyright © 2026 DHGaming.net. All rights reserved. | Developed and operated by DHG Studio. | GHICHU-8.3.1-20261002 | DHG-GC-5594E42BED7C8327 */
*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#f2f2f7;--glass:rgba(255,255,255,.72);--glass2:rgba(255,255,255,.55);--glass-border:rgba(255,255,255,.5);--blur:saturate(180%) blur(20px);--text:#1c1c1e;--text2:#3a3a3c;--text3:#8e8e93;--text4:#aeaeb2;--accent:#ff9500;--accent2:#ff6b00;--green:#34c759;--red:#ff3b30;--card:rgba(255,255,255,.85);--card-border:rgba(0,0,0,.04);--shadow:0 2px 16px rgba(0,0,0,.06);--shadow-lg:0 8px 40px rgba(0,0,0,.08);--r:16px;--rs:12px;--font:"Plus Jakarta Sans",system-ui,sans-serif;--max-w:900px}.dark{--bg:#0a0a0a;--glass:rgba(28,28,30,.78);--glass2:rgba(38,38,40,.6);--glass-border:rgba(255,255,255,.08);--text:#f5f5f7;--text2:#d1d1d6;--text3:#8e8e93;--text4:#636366;--card:rgba(28,28,30,.85);--card-border:rgba(255,255,255,.06);--shadow:0 2px 16px rgba(0,0,0,.3)}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;background-image:radial-gradient(ellipse at 25% 50%,rgba(255,149,0,.07) 0%,transparent 50%),radial-gradient(ellipse at 75% 20%,rgba(255,107,0,.05) 0%,transparent 50%);background-attachment:fixed}a{text-decoration:none;color:inherit}.header{background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border-bottom:1px solid var(--glass-border);padding:0 20px;position:sticky;top:0;z-index:100}.header-inner{max-width:var(--max-w);margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:56px}.logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:18px}.logo .g{color:var(--text)}.logo .c{background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo-mark{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:12px}.nav-r{display:flex;align-items:center;gap:8px}.nav-link{font-size:13px;font-weight:600;color:var(--text3);padding:6px 12px;border-radius:8px;transition:all .2s}.nav-link:hover,.nav-link.active{color:var(--accent);background:#ff95000f}.dark-btn{width:32px;height:32px;border-radius:8px;background:var(--glass2);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;color:var(--text3);font-size:14px;cursor:pointer;border:none;font-family:var(--font)}.main{max-width:var(--max-w);margin:0 auto;padding:24px 16px 60px}.card{background:var(--card);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--card-border);border-radius:var(--r);box-shadow:var(--shadow);transition:all .2s}.card:hover{box-shadow:var(--shadow-lg)}.footer{max-width:var(--max-w);margin:0 auto;padding:24px 16px;text-align:center;font-size:12px;color:var(--text4);border-top:1px solid var(--card-border)}.footer a{color:var(--accent);font-weight:500}.footer-links{display:flex;justify-content:center;gap:16px;margin-bottom:8px;flex-wrap:wrap}:root{--dhg-primary: #bd4900;--dhg-primary-hover: #a63e00;--dhg-primary-soft: rgba(218, 84, 0, .08);--surface: #fff;--surface-elevated: #fff;--border: rgba(40, 42, 50, .16);--text-muted: #5b606b;--panel-shadow: 0 8px 28px rgba(20, 24, 32, .15);--panel-radius: 13px;--motion-duration: .18s;--text3: #5b606b;--text4: #616774}html.dark{--dhg-primary: #ffac70;--dhg-primary-hover: #ffc595;--dhg-primary-soft: rgba(255, 153, 69, .12);--surface: #191b21;--surface-elevated: #252830;--border: rgba(225, 230, 240, .18);--text-muted: #b2b8c4;--panel-shadow: 0 8px 32px rgba(0, 0, 0, .35);--text3: #b2b8c4;--text4: #a6aeba}html.ios26{--text3: var(--text-muted);--text4: #616774}html.ios26.dark{--text4: #a6aeba}:focus-visible{outline:2px solid var(--dhg-primary);outline-offset:3px}::selection{background:#f280303b}#note-content{caret-color:var(--dhg-primary)}.gc-context-menu{position:fixed;z-index:1100;width:min(272px,calc(100vw - 16px));max-height:calc(100dvh - 16px);overflow-y:auto;padding:6px;border:1px solid var(--border);border-radius:var(--panel-radius);background:var(--surface-elevated);color:var(--text, #20232a);box-shadow:var(--panel-shadow);animation:gc-panel-in var(--motion-duration) ease-out;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.gc-context-menu[hidden]{display:none}.gc-context-menu button{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:31px;padding:5px 9px;border:0;border-radius:7px;background:transparent;color:inherit;text-align:start;font:500 13px/1.35 var(--font, system-ui);cursor:pointer;transition:background-color var(--motion-duration),opacity var(--motion-duration)}.gc-context-menu button:hover:not(:disabled),.gc-context-menu button:focus-visible{background:var(--dhg-primary-soft)}.gc-context-menu button:disabled{opacity:.45;cursor:default}.gc-menu-icon{display:grid;place-items:center;color:var(--dhg-primary)}.gc-menu-icon svg{width:18px;height:18px}.gc-context-menu kbd{font:11px/1.4 var(--font, system-ui);color:var(--text-muted)}.gc-menu-separator{height:1px;background:var(--border);margin:4px 8px}@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.gc-context-menu{background:#fffffff5;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.dark .gc-context-menu{background:#252830f7}}@keyframes gc-panel-in{0%{opacity:.6;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}html.ios26 .editor-formatbar,.header,.toolbar-inner{border-color:var(--border)}html.ios26 .editor-container{background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none}html.ios26 #note-content{background:transparent;filter:none;backdrop-filter:none;-webkit-backdrop-filter:none}html.ios26 .overlay-card,.overlay-card,html.ios26 .toast,.toast{background:var(--surface-elevated);color:var(--text);border-color:var(--border)}.toast[role=status]{pointer-events:none}.gc-faq{margin-top:24px;border-top:1px solid var(--border);padding-top:20px}.gc-faq h2{font-size:18px;margin-bottom:12px}.gc-faq details{border-bottom:1px solid var(--border);padding-block:10px}.gc-faq summary{cursor:pointer;font-weight:600;line-height:1.6}.gc-faq p{margin:8px 0 2px;color:var(--text-muted);line-height:1.75}.gc-uses{margin:18px 0;line-height:1.75}.gc-uses h2{font-size:18px;margin-bottom:8px}.gc-uses ul{padding-inline-start:20px;color:var(--text-muted)}.gc-copyright{margin-top:10px;line-height:1.65;font-size:11px;color:var(--text-muted)}.blog-page{--max-w: 900px;background-image:none}.blog-page .main{min-width:0}.blog-page .header-inner{gap:12px;height:auto;min-height:56px;flex-wrap:wrap;padding-block:8px}.blog-page .nav-r{flex-wrap:wrap;gap:4px}.blog-page .card{backdrop-filter:none;-webkit-backdrop-filter:none}.blog-page .nav-link{color:var(--text-muted)}.blog-intro{margin:8px 0 28px}.blog-intro h1{font-size:28px;margin-bottom:8px}.blog-intro p{color:var(--text-muted);font-size:16px}.blog-list-card{display:grid;grid-template-columns:200px minmax(0,1fr);margin-bottom:16px;overflow:hidden}.blog-list-image{width:100%;height:100%;min-height:170px;object-fit:cover}.blog-list-copy{padding:18px 22px;min-width:0}.blog-list-copy h2{font-size:18px;line-height:1.5;overflow-wrap:anywhere}.blog-list-copy p{font-size:15px;color:var(--text-muted);margin-top:6px;line-height:1.65}.post-meta{display:flex;flex-wrap:wrap;gap:10px;color:var(--text-muted);font-size:13px;margin:12px 0}.post-hero{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;border-radius:14px}.post-title{font-size:clamp(25px,4vw,36px);line-height:1.35;margin:18px 0;overflow-wrap:anywhere}.content{font-size:16px;line-height:1.85;color:var(--text2);overflow-wrap:anywhere;max-width:72ch}.content p,.content ul,.content ol{margin-bottom:16px}.content h2{font-size:23px;margin:30px 0 12px;color:var(--text)}.content h3{font-size:19px;margin:24px 0 10px;color:var(--text)}.content img,.content picture{max-width:100%;height:auto}.content pre{max-width:100%;overflow:auto;padding:16px;background:var(--surface-elevated)}.content a,.breadcrumbs a,.blog-back{color:var(--dhg-primary);text-decoration:underline;text-underline-offset:3px}.content ul,.content ol{padding-inline-start:22px}.content blockquote{margin:20px 0;padding:14px 18px;background:var(--dhg-primary-soft);border-inline-start:1px solid var(--dhg-primary)}.breadcrumbs{margin-bottom:16px;font-size:13px;color:var(--text-muted)}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none}.breadcrumbs li+li:before{content:"/";margin-inline-end:8px}.related-posts{margin-top:32px;border-top:1px solid var(--border);padding-top:24px}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:14px;margin-top:14px}.related-grid .card{overflow:hidden}.related-grid img{width:100%;aspect-ratio:16 / 9;object-fit:cover}.related-grid h3{font-size:15px;padding:14px;line-height:1.5;overflow-wrap:anywhere}.post-tool{padding-block:26px;margin-top:20px}.gc-error{max-width:620px;margin:48px auto;padding:28px;background:var(--surface-elevated);border:1px solid var(--border);border-radius:14px}.gc-error h1{font-size:clamp(25px,5vw,36px);line-height:1.3;margin-bottom:16px}.gc-error p{color:var(--text-muted);line-height:1.8}.gc-error-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.gc-error-actions a{padding:10px 16px;border-radius:9px;color:var(--text);background:var(--dhg-primary-soft);min-height:44px}.gc-error-actions a:first-child{background:var(--dhg-primary);color:#fff}.dark .gc-error-actions a:first-child{color:#20232a}.content-ad{margin-block:28px;min-width:0;overflow:hidden}@media(max-width:640px){.blog-list-card{grid-template-columns:1fr}.blog-list-image{height:auto;min-height:0;aspect-ratio:16 / 9}.blog-list-copy{padding:16px}.blog-page .header{padding-inline:12px}.blog-page .nav-link{padding-inline:7px;min-height:36px}.gc-error{margin-block:28px;padding:22px}.gc-context-menu{backdrop-filter:none;-webkit-backdrop-filter:none}.overlay-card input,.overlay-card textarea{font-size:16px}}@media(pointer:coarse){.gc-context-menu button{min-height:44px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}