:root{--surface-page: #070B12;--surface-card: rgba(13,20,32,.88);--surface-card-hover: #101A2A;--surface-elevated: #0D1420;--surface-inset: #05080D;--border-subtle: rgba(74,157,255,.08);--border-card: rgba(74,157,255,.14);--border-hover: rgba(74,157,255,.28);--border-active: rgba(255,215,0,.36);--text-body: #F4F7FB;--text-muted: #A7B2C3;--text-gold: #FFD700;--text-on-gold: #1c1917;--glow-gold: rgba(255,215,0,.05);--glow-gold-strong: rgba(255,215,0,.12);--glow-blue: rgba(74,157,255,.08);--glass-bg: rgba(13,20,32,.78);--glass-border: rgba(74,157,255,.14);--glass-blur: 12px;--color-primary-50: #EFF6FF;--color-primary-100: #DBEAFF;--color-primary-200: #BFD9FF;--color-primary-300: #8FC0FF;--color-primary-400: #4A9DFF;--color-primary-500: #2B82F6;--color-primary-600: #1D66D8;--color-primary-700: #174EAA;--color-primary-800: #153D7F;--color-primary-900: #112D5C;--color-gold-50: #FFFBE6;--color-gold-100: #FFF3B8;--color-gold-200: #FFE680;--color-gold-300: #FFD84D;--color-gold-400: #FFCC33;--color-gold-500: #FFD700;--color-gold-600: #D4A800;--color-gold-700: #AA8600;--color-gold-800: #806600;--color-gold-900: #554400;--color-warm-50: #FFF5F2;--color-warm-100: #FFE8E0;--color-warm-200: #FFCBB8;--color-warm-300: #FFA98D;--color-warm-400: #FF8461;--color-warm-500: #FF6B47;--color-warm-600: #E55A39;--color-warm-700: #C24224;--color-warm-800: #9E3016;--color-warm-900: #7A200C;--color-heart: #4A9DFF;--color-heart-dark: #2B82F6;--color-success-50: #EDFBF4;--color-success-100: #D2F5E3;--color-success-200: #A3E9C5;--color-success-300: #6CD9A3;--color-success-400: #3CC982;--color-success-500: #22C55E;--color-success-600: #16A34A;--color-success-700: #15803D;--color-warning-50: #FFF9EB;--color-warning-100: #FFF1D0;--color-warning-200: #FFE29F;--color-warning-300: #FFD16A;--color-warning-400: #FFC034;--color-warning-500: #F59E0B;--color-warning-600: #D97706;--color-warning-700: #B45309;--color-error-50: #FFF0F0;--color-error-100: #FFDBDB;--color-error-200: #FFB3B3;--color-error-300: #FF8585;--color-error-400: #FF5757;--color-error-500: #EF4444;--color-error-600: #DC2626;--color-error-700: #B91C1C;--color-info-50: #EFFBFF;--color-info-100: #D8F5FF;--color-info-200: #ADE9FF;--color-info-300: #7DDBFF;--color-info-400: #4DCBFF;--color-info-500: #0EA5E9;--color-info-600: #0284C7;--color-info-700: #0369A1;--color-white: #FFFFFF;--color-gray-50: #FAFAFA;--color-gray-100: #F5F5F5;--color-gray-200: #EEEEEE;--color-gray-300: #E0E0E0;--color-gray-400: #BDBDBD;--color-gray-500: #9E9E9E;--color-gray-600: #757575;--color-gray-700: #616161;--color-gray-800: #424242;--color-gray-900: #212121;--color-black: #121212;--bg-page: var(--color-gray-50);--bg-surface: var(--color-white);--bg-surface-hover: var(--color-gray-50);--text-primary: var(--color-gray-900);--text-secondary: var(--color-gray-600);--text-tertiary: var(--color-gray-500);--text-disabled: var(--color-gray-400);--text-on-primary: var(--color-white);--text-on-warm: var(--color-white);--border-light: var(--color-gray-200);--border-medium: var(--color-gray-300);--link-color: var(--color-primary-600);--link-hover: var(--color-primary-700);--page-canvas: var(--surface-page);--page-panel: rgba(13, 20, 32, .66);--page-panel-strong: var(--surface-card);--page-panel-inset: var(--surface-inset);--page-border: var(--border-card);--page-border-strong: var(--border-hover);--page-title: var(--text-gold);--page-link: var(--color-primary-400);--page-reading-width: 780px;--page-rail-width: 272px;--page-shell-width: 1160px;--page-shadow: 0 24px 70px rgba(0, 0, 0, .18);--font-display: "PP Neue Machina", "Sharp Grotesk", "PingFang SC", "Microsoft YaHei", sans-serif;--font-sans: "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "IBM Plex Mono", "SF Mono", "Cascadia Code", "Fira Code", "Menlo", "Consolas", monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.75rem;--text-4xl: 2rem;--text-5xl: 2.5rem;--leading-tight: 1.25;--leading-snug: 1.4;--leading-normal: 1.6;--leading-relaxed: 1.75;--leading-loose: 2;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--tracking-tight: -.01em;--tracking-normal: 0;--tracking-wide: .02em;--tracking-wider: .06em;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-none: 0;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 6px rgba(0,0,0,.05), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 10px 15px rgba(0,0,0,.06), 0 4px 6px rgba(0,0,0,.04);--shadow-xl: 0 20px 25px rgba(0,0,0,.07), 0 8px 10px rgba(0,0,0,.04);--shadow-2xl: 0 25px 50px rgba(0,0,0,.08);--shadow-card: 0 2px 8px rgba(43, 130, 246, .08), 0 1px 3px rgba(0,0,0,.04);--shadow-card-hover:0 4px 16px rgba(43, 130, 246, .14), 0 2px 6px rgba(0,0,0,.06);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--z-tooltip: 600;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1200px;--bottom-nav-height: 56px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--text-dim: #8C8C8C;--bg-page: var(--surface-page);--bg-surface: var(--surface-card);--bg-surface-hover: var(--surface-card-hover);--text-primary: var(--text-body);--text-secondary: var(--text-muted);--text-tertiary: var(--text-dim);--text-disabled: var(--text-dim);--text-on-primary: var(--color-black);--text-on-warm: var(--color-black);--border-light: var(--border-card);--border-medium: var(--border-hover);--border-focus: var(--color-primary-400);--link-color: var(--color-primary-400);--link-hover: var(--text-gold)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-padding-top:80px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-body);background:var(--surface-page);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-bottom:calc(var(--space-16) + env(safe-area-inset-bottom,0px))}a{color:var(--color-primary-400);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--text-gold)}:where(img,video,iframe,svg){max-width:100%}img{height:auto}::selection{background:var(--color-primary-500);color:var(--color-white)}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}main{animation:pageFadeIn .5s ease both}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--surface-page)}::-webkit-scrollbar-thumb{background:var(--border-card);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}@media print{body{background:#fff;color:#000}}[class*=card]:hover,[class*=Card]:hover{border-color:var(--border-hover)!important}:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--color-primary-400);outline-offset:3px}@media(min-width:768px){body{padding-bottom:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-padding-top:80px;scroll-behavior:auto}}.home-section{margin-top:var(--space-12);padding:var(--space-8);background:#0d142094;border:1px solid var(--border-card);border-radius:var(--radius-xl)}.home-section__header{max-width:760px;margin-bottom:var(--space-6)}.home-section__header p{margin-bottom:var(--space-1);color:var(--home-teal);font-size:var(--text-sm);font-weight:var(--font-semibold)}.home-section__header h2{color:var(--home-text);font-size:clamp(1.5rem,2.4vw,2rem);line-height:var(--leading-snug)}@media(max-width:560px){.home-section{margin-top:var(--space-5);padding:var(--space-4)}}.dmd-topbar{display:flex;align-items:center;justify-content:space-between;padding:14px max(var(--space-5),calc((100vw - var(--page-shell-width)) / 2));width:100%;border-bottom:1px solid var(--border-card);background:#050a12e6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);position:sticky;top:0;z-index:var(--z-sticky)}.dmd-logo{display:grid;gap:2px;flex:0 0 auto;color:var(--text-gold);font-family:var(--font-sans);font-weight:var(--font-bold);font-size:.98rem;letter-spacing:0;text-decoration:none}.dmd-logo small{color:var(--text-muted);font-size:.66rem;font-weight:var(--font-normal);letter-spacing:.04em}.dmd-nav{display:flex;align-items:center;gap:clamp(10px,1.25vw,20px)}.dmd-nav__link{font-family:var(--font-sans);font-size:.82rem;color:var(--text-muted);text-decoration:none;letter-spacing:0;transition:color var(--transition-fast);position:relative;padding-bottom:2px}.dmd-nav__link:hover{color:var(--color-primary-400)}.dmd-nav__link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--color-primary-400);transition:width var(--transition-base)}.dmd-nav__link:hover:after{width:100%}.dmd-footer{border-top:1px solid var(--border-subtle);padding:var(--space-8) var(--space-5);margin-top:var(--space-16);position:relative}.dmd-footer:before{content:none}.dmd-footer__inner{max-width:var(--page-shell-width);margin:0 auto;text-align:center}.dmd-footer__brand{display:grid;gap:var(--space-2);margin-bottom:var(--space-5)}.dmd-footer__brand strong{color:var(--text-gold);font-size:var(--text-xl);line-height:var(--leading-tight)}.dmd-footer__brand span{color:var(--text-body);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.dmd-footer__disclaimer{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-4);line-height:var(--leading-relaxed)}.dmd-footer__meta{font-size:var(--text-xs);color:var(--text-dim);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.dmd-footer__meta a{color:var(--text-dim);text-decoration:underline}.dmd-footer__meta a:hover{color:var(--text-gold)}.dmd-footer__sep{color:var(--border-subtle)}.dmd-footer__slogan{font-family:var(--font-mono);font-size:.6875rem;color:var(--text-dim);letter-spacing:.04em}@media(max-width:767px){.dmd-topbar{padding:var(--space-3) var(--space-4)}.dmd-logo__text{font-size:.75rem}.dmd-nav{display:none}}@media(max-width:640px){.dmd-footer__meta{flex-direction:column;gap:var(--space-1)}.dmd-footer__sep{display:none}}.dmd-bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-around;height:var(--bottom-nav-height, 56px);padding-bottom:env(safe-area-inset-bottom,0px);background:#070b12e6;backdrop-filter:blur(var(--glass-blur));border-top:1px solid var(--glass-border);z-index:var(--z-sticky)}.dmd-bottom-nav__link{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:52px;justify-content:center;padding:var(--space-2) var(--space-3);text-decoration:none;color:var(--text-dim);transition:color var(--transition-fast);-webkit-tap-highlight-color:transparent}.dmd-bottom-nav__link:hover,.dmd-bottom-nav__link--active{color:var(--color-primary-400)}.dmd-bottom-nav__icon{display:none}.dmd-bottom-nav__label{font-family:var(--font-sans);font-size:var(--text-sm);letter-spacing:0}@media(min-width:768px){.dmd-bottom-nav{display:none}}.dmd-content-page,.dmd-browse-page,.dmd-tools-page,.dmd-professional-page{animation:pageFadeIn .5s ease both}.dmd-static-page{max-width:var(--page-shell-width);margin:0 auto;padding:var(--space-8) var(--space-5)}.dmd-static-page h1{font-size:clamp(2rem,4vw,3rem);color:#fff;margin-bottom:var(--space-4);line-height:var(--leading-tight)}.dmd-static-page h2{font-size:var(--text-xl);color:var(--text-body);margin:var(--space-6) 0 var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-subtle)}.dmd-static-page h3{font-size:var(--text-lg);color:var(--text-body);margin:var(--space-5) 0 var(--space-2)}.dmd-static-page p{color:var(--text-muted);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.dmd-static-page ul,.dmd-static-page ol{color:var(--text-muted);padding-left:var(--space-5);margin-bottom:var(--space-4);line-height:var(--leading-relaxed)}.dmd-static-page li{margin-bottom:var(--space-2)}.dmd-static-page__desc{color:var(--text-muted);margin-bottom:var(--space-8);line-height:var(--leading-relaxed)}.dmd-static-page__updated{margin-top:var(--space-8);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);font-size:var(--text-sm);color:var(--text-dim);font-style:italic}