.shp-layout{min-height:100vh}.shp-logo{height:56px;display:flex;align-items:center;gap:12px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.06)}.shp-logo-text{display:flex;flex-direction:column;line-height:1.1}.shp-logo-zh{font-family:var(--shp-font-display);font-size:16px;color:#fff;letter-spacing:.04em}.shp-logo-en{font-size:10px;color:#ffffff80;letter-spacing:.06em;margin-top:2px}.shp-header{background:#fff!important;border-bottom:1px solid var(--shp-border);display:flex;justify-content:space-between;align-items:center;padding:0 24px}.shp-header-left{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--shp-text-secondary)}.shp-header-tag{background:var(--shp-primary-50);color:var(--shp-primary-700);padding:2px 10px;border-radius:var(--shp-radius-pill);font-size:12px;margin-left:6px}.shp-header-right{display:flex;align-items:center;gap:18px}.shp-content{background:var(--shp-bg);overflow-y:auto}:root{--shp-primary: #0A6B5C;--shp-primary-50: #E6F2EF;--shp-primary-100: #C7E1DA;--shp-primary-200: #9CCEC3;--shp-primary-300: #6FB6A8;--shp-primary-400: #3F9F8E;--shp-primary-500: #0A6B5C;--shp-primary-600: #08594C;--shp-primary-700: #06463C;--shp-primary-800: #053730;--shp-primary-900: #03241F;--shp-accent-warm: #B97D2C;--shp-accent-violet: #5C4FAB;--shp-info: #2A6FB5;--shp-success: #1F8A55;--shp-warning: #C9881B;--shp-danger: #C93838;--shp-danger-soft: #FBE7E7;--shp-bg: #F5F7F8;--shp-bg-elevated: #FFFFFF;--shp-bg-sunken: #EEF1F3;--shp-border: #E1E6EA;--shp-border-strong: #C8D0D6;--shp-text-primary: #0E1F1C;--shp-text-secondary: #4A5C58;--shp-text-tertiary: #7B8B87;--shp-text-disabled: #B6BFC1;--shp-ai-s0-bg: #F1F4F3;--shp-ai-s0-fg: #4A5C58;--shp-ai-s1-bg: #FFF6E5;--shp-ai-s1-fg: #8C5A0A;--shp-ai-s1-border: #E0B452;--shp-ai-s2-bg: #FBE7E7;--shp-ai-s2-fg: #A52323;--shp-ai-s2-border: #C93838;--shp-space-0: 0;--shp-space-1: 4px;--shp-space-2: 8px;--shp-space-3: 12px;--shp-space-4: 16px;--shp-space-5: 20px;--shp-space-6: 24px;--shp-space-8: 32px;--shp-space-10: 40px;--shp-space-12: 48px;--shp-radius-sm: 4px;--shp-radius-md: 8px;--shp-radius-lg: 12px;--shp-radius-pill: 9999px;--shp-shadow-1: 0 1px 2px rgba(14, 31, 28, .04), 0 1px 1px rgba(14, 31, 28, .06);--shp-shadow-2: 0 4px 12px rgba(14, 31, 28, .08);--shp-shadow-3: 0 8px 24px rgba(14, 31, 28, .12);--shp-font-display: "Source Han Serif SC", "Noto Serif SC", "Songti SC", serif;--shp-font-body: "Source Han Sans SC", "PingFang SC", "Microsoft YaHei", -apple-system, sans-serif;--shp-font-mono: "IBM Plex Mono", "JetBrains Mono", Consolas, monospace;--shp-text-xs: 11px;--shp-text-sm: 12px;--shp-text-base: 14px;--shp-text-md: 15px;--shp-text-lg: 17px;--shp-text-xl: 20px;--shp-text-2xl: 24px;--shp-text-3xl: 30px;--shp-z-dropdown: 1000;--shp-z-modal: 1050;--shp-z-toast: 1100;--shp-z-critical: 1200;--shp-duration-fast: .12s;--shp-duration-base: .22s;--shp-duration-slow: .36s;--shp-easing-standard: cubic-bezier(.4, 0, .2, 1);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0;background:var(--shp-bg);color:var(--shp-text-primary);font-family:var(--shp-font-body);font-size:var(--shp-text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--shp-primary);text-decoration:none}a:hover{color:var(--shp-primary-700)}h1,h2,h3,h4,h5,h6,.shp-display{font-family:var(--shp-font-display);color:var(--shp-text-primary);letter-spacing:.01em;margin:0}.shp-mono,code,pre,kbd{font-family:var(--shp-font-mono)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--shp-border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--shp-text-tertiary)}:focus-visible{outline:2px solid var(--shp-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.shp-card{background:var(--shp-bg-elevated);border:1px solid var(--shp-border);border-radius:var(--shp-radius-lg);box-shadow:var(--shp-shadow-1)}.shp-page{padding:var(--shp-space-6);max-width:1680px;margin:0 auto}.shp-section-title{font-family:var(--shp-font-display);font-size:var(--shp-text-xl);margin-bottom:var(--shp-space-4);display:flex;align-items:baseline;gap:var(--shp-space-3)}.shp-section-title:before{content:"";display:inline-block;width:4px;height:18px;background:var(--shp-primary);border-radius:2px;transform:translateY(2px)}.shp-eyebrow{font-size:var(--shp-text-xs);color:var(--shp-text-tertiary);letter-spacing:.08em;text-transform:uppercase}.shp-divider{height:1px;background:var(--shp-border);margin:var(--shp-space-4) 0;border:0}.shp-ai-generated{position:relative}.shp-ai-generated:after{content:"AI";position:absolute;bottom:-2px;right:-2px;font-family:var(--shp-font-mono);font-size:9px;padding:1px 4px;background:var(--shp-accent-violet);color:#fff;border-radius:3px;letter-spacing:.1em;opacity:.7}