:root{--canvas-width: 1080px;--canvas-height: 1440px;--space-xs: 8px;--space-sm: 16px;--space-md: 24px;--space-lg: 40px;--space-xl: 64px;--space-2xl: 96px;--color-bg: #FAFAF7;--color-bg-alt: #F2F0EB;--color-text-primary: #1A1A1A;--color-text-secondary: #4A4A4A;--color-text-muted: #8C8C8C;--color-accent: #C4A265;--color-accent-light: #E8D5B0;--color-divider: #D4D0C8;--color-highlight: #F5E6CC;--font-serif: "Noto Serif SC", "Source Han Serif SC", "思源宋体", serif;--font-sans: "Noto Sans SC", "Source Han Sans SC", "思源黑体", -apple-system, sans-serif;--font-display: "Playfair Display", "Noto Serif SC", serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: 14px;--text-sm: 16px;--text-base: 18px;--text-lg: 22px;--text-xl: 28px;--text-2xl: 36px;--text-3xl: 48px;--text-4xl: 64px;--text-5xl: 80px;--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-black: 900;--leading-tight: 1.2;--leading-snug: 1.4;--leading-normal: 1.6;--leading-relaxed: 1.8;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .05em;--tracking-wider: .1em;--tracking-widest: .2em;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 30px rgba(0,0,0,.12)}.theme-ivory{--color-bg: #FAFAF7;--color-bg-alt: #F2F0EB;--color-text-primary: #1A1A1A;--color-text-secondary: #4A4A4A;--color-text-muted: #8C8C8C;--color-accent: #C4A265;--color-accent-light: #E8D5B0;--color-divider: #D4D0C8;--color-highlight: #F5E6CC}.theme-minimal{--color-bg: #FFFFFF;--color-bg-alt: #F5F5F5;--color-text-primary: #111111;--color-text-secondary: #555555;--color-text-muted: #999999;--color-accent: #333333;--color-accent-light: #E0E0E0;--color-divider: #E5E5E5;--color-highlight: #F0F0F0}.theme-morandi{--color-bg: #F4F5F0;--color-bg-alt: #E8EBE4;--color-text-primary: #2C3E2D;--color-text-secondary: #4A5E4B;--color-text-muted: #7A8B7B;--color-accent: #6B8F71;--color-accent-light: #B5CCBA;--color-divider: #C8D4C9;--color-highlight: #DDE8DF}.theme-vintage{--color-bg: #F8F4EE;--color-bg-alt: #EDE6DC;--color-text-primary: #2D2016;--color-text-secondary: #5C4A3A;--color-text-muted: #9A8575;--color-accent: #8B5E3C;--color-accent-light: #D4B896;--color-divider: #D6C8B8;--color-highlight: #F0E4D4}.theme-navy{--color-bg: #F5F6FA;--color-bg-alt: #EAECF4;--color-text-primary: #1B2340;--color-text-secondary: #3D4660;--color-text-muted: #7A809A;--color-accent: #2E4A7A;--color-accent-light: #A8B8D8;--color-divider: #C8CEE0;--color-highlight: #E0E5F2}.card-canvas{width:var(--canvas-width);height:var(--canvas-height);background-color:var(--color-bg);position:relative;overflow:hidden;font-family:var(--font-sans);color:var(--color-text-primary)}.text-serif{font-family:var(--font-serif)}.text-sans{font-family:var(--font-sans)}.text-display{font-family:var(--font-display)}.text-mono{font-family:var(--font-mono)}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.divider-line{width:100%;height:1px;background:var(--color-divider)}.divider-dot{display:flex;align-items:center;justify-content:center;gap:12px}.divider-dot:before,.divider-dot:after{content:"";flex:1;height:1px;background:var(--color-divider)}.divider-dot span{width:6px;height:6px;border-radius:50%;background:var(--color-accent)}.accent-bar{width:40px;height:3px;background:var(--color-accent)}.accent-bracket{display:inline-block;padding:0 var(--space-sm);border-left:2px solid var(--color-accent);border-right:2px solid var(--color-accent)}.step-number{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:var(--weight-light);color:var(--color-accent-light);line-height:1;letter-spacing:var(--tracking-tight)}.step-number-outlined{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:var(--weight-bold);-webkit-text-stroke:1.5px var(--color-accent);color:transparent;line-height:1}.tag{display:inline-block;padding:4px 12px;font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;border:1px solid var(--color-divider);color:var(--color-text-muted)}.tag-filled{display:inline-block;padding:6px 16px;font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);background:var(--color-accent);color:#fff}.quote-block{padding-left:var(--space-md);border-left:3px solid var(--color-accent);font-family:var(--font-serif);font-style:italic;color:var(--color-text-secondary)}.texture-paper{background-image:radial-gradient(ellipse at 20% 50%,rgba(196,162,101,.03) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(196,162,101,.02) 0%,transparent 40%)}.texture-grid{background-image:linear-gradient(var(--color-divider) 1px,transparent 1px),linear-gradient(90deg,var(--color-divider) 1px,transparent 1px);background-size:40px 40px;opacity:.3}.texture-dots{background-image:radial-gradient(var(--color-divider) 1px,transparent 1px);background-size:20px 20px}.card{width:1080px;height:1440px;position:relative;overflow:hidden;font-size:calc(16px * var(--card-font-scale, 1))}.card .card__title,.card .card__step-title{font-family:var(--card-title-font, inherit)!important}.card .card__subtitle,.card .card__step-desc,.card .card__step-tip,.card .card__footer{font-family:var(--card-body-font, inherit)!important;font-weight:var(--card-font-weight, 400)}.card code{display:inline;padding:2px 8px;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:.85em;background:#0000000f;color:#06c}.card--dark code{background:#ffffff14;color:#00d4aa}.card__code-block{display:block;margin:10px 0;padding:16px 20px;border-radius:10px;font-family:JetBrains Mono,monospace;font-size:calc(13px * var(--card-font-scale, 1));line-height:1.7;overflow-x:auto;position:relative;border:1px solid}.card__code-block[data-theme=github],.card__code-block:not([data-theme]){background:#f6f8fa;color:#24292e;border-color:#e1e4e8}.card__code-block[data-theme=github] .card__code-lang,.card__code-block:not([data-theme]) .card__code-lang{color:#6a737d}.card__code-block[data-theme=dark]{background:#1a1a2e;color:#a9b7c6;border-color:#2a2a3e}.card__code-block[data-theme=dark] .card__code-lang{color:#8a939e}.card__code-block[data-theme=solarized]{background:#fdf6e3;color:#657b83;border-color:#eee8d5}.card__code-block[data-theme=solarized] .card__code-lang{color:#93a1a1}.card__code-block[data-theme=monokai]{background:#272822;color:#f8f8f2;border-color:#3e3d32}.card__code-block[data-theme=monokai] .card__code-lang{color:#75715e}.card__code-block code{display:block;padding:0;background:none;color:inherit;font-size:inherit;white-space:pre}.card__code-lang{position:absolute;top:8px;right:14px;font-size:calc(11px * var(--card-font-scale, 1));opacity:.5;text-transform:uppercase;letter-spacing:.05em;color:#6a737d}.card--dark .card__code-lang{color:#8a939e}.card .card__step-desc ul,.card .card__step-desc ol{margin:6px 0;padding-left:20px}.card .card__step-desc li{margin-bottom:4px;line-height:1.6}.card .card__step-desc strong{font-weight:700}.card .card__step-desc em{font-style:italic}.card .card__step-desc img{display:block;max-width:100%;max-height:calc(320px * var(--card-font-scale, 1));border-radius:12px;margin:calc(10px * var(--card-font-scale, 1)) auto;box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000f}.card .card__subtitle img{display:block;max-width:100%;max-height:calc(160px * var(--card-font-scale, 1));border-radius:12px;margin:calc(10px * var(--card-font-scale, 1)) auto;box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000f}.card .card__step-tip img{display:block;max-width:100%;max-height:calc(140px * var(--card-font-scale, 1));border-radius:12px;margin:calc(8px * var(--card-font-scale, 1)) auto;box-shadow:0 3px 10px #0000001a,0 1px 3px #0000000f}.card__tag{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.8em;background:#0000000a;color:inherit;opacity:.7;margin-right:6px}.card--vibrant .card__tag{background:#ff6b6b1a;color:#ff6b6b}.card--dark .card__tag{background:#c9a96e1a;color:#c9a96e;border:1px solid rgba(201,169,110,.2)}.card--literary .card__tag{background:#b5d5c526;color:#8ba888}.card__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;position:relative;z-index:1}.card__empty-hint{display:flex;align-items:center;justify-content:center;min-height:400px;color:#ccc;font-size:14px;text-align:center;padding:40px 20px}.card__empty-hint p{margin:0;line-height:1.8}.card__cover-card{position:relative;height:100%;display:flex;flex-direction:column;padding:60px 48px;overflow:hidden}.card__cover-image{width:100%;max-height:500px;object-fit:cover;border-radius:12px;margin-bottom:40px;box-shadow:0 8px 24px #0000001f,0 4px 8px #00000014}.card__cover-content{flex:1;display:flex;flex-direction:column;justify-content:center;gap:20px}.card__cover-title{font-family:"Noto Serif SC",serif;font-size:56px;font-weight:700;line-height:1.2;letter-spacing:-.02em;color:#111;margin:0}.card__cover-subtitle{font-size:20px;color:#666;font-style:italic;line-height:1.6;margin:0}.card__cover-divider{width:80px;height:3px;background:linear-gradient(90deg,#c4a265,#e8d5a3);margin:10px 0}.card__cover-author{display:flex;align-items:center;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid #E8E8E8}.card__cover-author-label{font-size:12px;color:#999;letter-spacing:.1em;text-transform:uppercase}.card__cover-author-name{font-size:16px;color:#333;font-weight:500}.card__cover-footer-decoration{position:absolute;bottom:40px;left:48px;right:48px;display:flex;justify-content:center;padding-top:20px;border-top:1px solid #E8E8E8}.card__cover-footer-text{font-size:11px;color:#ccc;letter-spacing:.2em;text-transform:uppercase}.card--magazine .card__cover-card{background:#fff}.card--magazine .card__cover-title{font-family:"Noto Serif SC",serif}.card__inline-img{display:inline-block;max-width:100%;max-height:calc(240px * var(--card-font-scale, 1));border-radius:12px;margin:calc(6px * var(--card-font-scale, 1)) auto;vertical-align:middle;box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000f}.card__header{position:relative;z-index:1;font-size:calc(11px * var(--card-font-scale, 1));letter-spacing:.15em;text-transform:uppercase;opacity:.5;margin-bottom:12px}.card--dark .card__header{color:#c9a96e;font-family:Cormorant Garamond,serif;font-style:italic}.card--literary .card__header{color:#8ba888;font-family:Lora,serif}.card--vibrant .card__header{color:#ff8e53}.card--japanese .card__header{color:#bbb;letter-spacing:.3em}.card--magazine .card__header{color:#999}.card--magazine{background:#fafaf7;font-family:Noto Sans SC,sans-serif;color:#1a1a1a;padding:64px;display:flex;flex-direction:column}.card--magazine .card__corner{position:absolute;width:50px;height:50px}.card--magazine .card__corner--tl{top:32px;left:32px;border-top:1.5px solid #C4A265;border-left:1.5px solid #C4A265}.card--magazine .card__corner--br{bottom:32px;right:32px;border-bottom:1.5px solid #C4A265;border-right:1.5px solid #C4A265}.card--magazine .card__category{font-size:calc(12px * var(--card-font-scale, 1));letter-spacing:.2em;text-transform:uppercase;color:#999;margin-bottom:20px}.card--magazine .card__title{font-family:"Noto Serif SC",serif;font-size:calc(46px * var(--card-font-scale, 1));font-weight:600;line-height:1.2;letter-spacing:-.01em;margin-bottom:16px}.card--magazine .card__title--cover{font-size:calc(56px * var(--card-font-scale, 1))!important;font-weight:700!important;letter-spacing:-.02em}.card--magazine .card__subtitle{font-size:calc(17px * var(--card-font-scale, 1));color:#666;margin-bottom:24px;line-height:1.6}.card--magazine .card__subtitle--cover{font-size:calc(20px * var(--card-font-scale, 1))!important;color:#888!important;font-style:italic}.card--magazine .card__divider{width:50px;height:2px;background:#c4a265;margin-bottom:40px}.card--magazine .card__steps{flex:1;display:flex;flex-direction:column;gap:28px}.card--magazine .card__step{display:grid;grid-template-columns:60px 1fr;gap:20px}.card--magazine .card__step-num{font-family:Playfair Display,serif;font-size:calc(48px * var(--card-font-scale, 1));font-weight:400;color:#c4a26580;line-height:1}.card--magazine .card__step-title{font-family:"Noto Serif SC",serif;font-size:calc(22px * var(--card-font-scale, 1));font-weight:600;margin-bottom:6px}.card--magazine .card__step-desc{font-size:calc(15px * var(--card-font-scale, 1));color:#666;line-height:1.8}.card--magazine .card__step-tip{margin-top:8px;padding:10px 14px;background:#f5e6cc;border-radius:4px;font-size:calc(13px * var(--card-font-scale, 1));color:#666}.card--magazine .card__footer{margin-top:auto;padding-top:24px;border-top:1px solid #E0DDD6;display:flex;justify-content:space-between;font-size:calc(13px * var(--card-font-scale, 1));color:#999}.card--vibrant{background:#fff8f0;font-family:Noto Sans SC,sans-serif;color:#2d2d2d;padding:56px;display:flex;flex-direction:column}.card--vibrant .card__deco{position:absolute;border-radius:50%;pointer-events:none}.card--vibrant .card__deco--1{width:300px;height:300px;top:-80px;right:-60px;background:#ffe0b2;opacity:.6}.card--vibrant .card__deco--2{width:200px;height:200px;bottom:100px;left:-60px;background:#c8e6c9;opacity:.5}.card--vibrant .card__category{position:relative;z-index:1;font-size:calc(36px * var(--card-font-scale, 1));margin-bottom:12px}.card--vibrant .card__title{position:relative;z-index:1;font-family:Fredoka,Noto Sans SC;font-size:calc(46px * var(--card-font-scale, 1));font-weight:700;line-height:1.15;margin-bottom:10px}.card--vibrant .card__title em{font-style:normal;background:linear-gradient(120deg,#ff6b6b,#ff8e53);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card--vibrant .card__subtitle{position:relative;z-index:1;font-size:calc(16px * var(--card-font-scale, 1));color:#777;margin-bottom:32px}.card--vibrant .card__steps{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;gap:16px}.card--vibrant .card__step{display:flex;gap:16px;align-items:flex-start;padding:20px;border-radius:16px;background:#fff;box-shadow:0 2px 12px #0000000a}.card--vibrant .card__step-num{flex-shrink:0;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:Fredoka;font-size:calc(18px * var(--card-font-scale, 1));font-weight:700;color:#fff}.card--vibrant .card__step:nth-child(1) .card__step-num{background:linear-gradient(135deg,#ff6b6b,#ff8e53)}.card--vibrant .card__step:nth-child(2) .card__step-num{background:linear-gradient(135deg,#a8e063,#56ab2f)}.card--vibrant .card__step:nth-child(3) .card__step-num{background:linear-gradient(135deg,#667eea,#764ba2)}.card--vibrant .card__step:nth-child(4) .card__step-num{background:linear-gradient(135deg,#f093fb,#f5576c)}.card--vibrant .card__step:nth-child(5) .card__step-num{background:linear-gradient(135deg,#4facfe,#00f2fe)}.card--vibrant .card__step:nth-child(n+6) .card__step-num{background:linear-gradient(135deg,#43e97b,#38f9d7)}.card--vibrant .card__step-title{font-size:calc(18px * var(--card-font-scale, 1));font-weight:700;margin-bottom:4px}.card--vibrant .card__step-desc{font-size:calc(14px * var(--card-font-scale, 1));color:#777;line-height:1.6}.card--vibrant .card__step-tip{margin-top:6px;font-size:calc(12px * var(--card-font-scale, 1));color:#ff8e53;font-weight:500}.card--vibrant .card__footer{position:relative;z-index:1;margin-top:24px;display:flex;justify-content:space-between;align-items:center;font-size:calc(14px * var(--card-font-scale, 1));color:#999}.card--vibrant .card__footer-cta{padding:10px 24px;border-radius:24px;background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;font-size:calc(13px * var(--card-font-scale, 1));font-weight:600}.card--dark{background:#0c0c0c;font-family:Noto Sans SC,sans-serif;color:#f0f0f0;padding:0;display:flex;flex-direction:column}.card--dark .card__gold-line{width:100%;height:3px;background:linear-gradient(90deg,transparent,#C9A96E,#E8D5A3,#C9A96E,transparent)}.card--dark .card__inner{flex:1;padding:56px 64px;margin:20px;border:1px solid #1F1F1F;display:flex;flex-direction:column}.card--dark .card__category{font-family:Cormorant Garamond,serif;font-size:calc(14px * var(--card-font-scale, 1));font-style:italic;color:#c9a96e;letter-spacing:.15em;text-transform:uppercase;margin-bottom:24px}.card--dark .card__title{font-family:"Noto Serif SC",serif;font-size:calc(42px * var(--card-font-scale, 1));font-weight:700;line-height:1.2;margin-bottom:24px}.card--dark .card__title em{font-style:normal;color:#c9a96e}.card--dark .card__subtitle{font-size:calc(15px * var(--card-font-scale, 1));color:#888;margin-bottom:32px;line-height:1.7}.card--dark .card__divider{width:50px;height:1px;background:#c9a96e;margin-bottom:32px}.card--dark .card__steps{flex:1;display:flex;flex-direction:column;gap:28px}.card--dark .card__step{display:grid;grid-template-columns:36px 1fr;gap:20px;padding-bottom:24px;border-bottom:1px solid #1A1A1A}.card--dark .card__step:last-child{border-bottom:none}.card--dark .card__step-num{font-family:Cormorant Garamond,serif;font-size:calc(28px * var(--card-font-scale, 1));font-weight:300;color:#c9a96e}.card--dark .card__step-title{font-family:"Noto Serif SC",serif;font-size:calc(21px * var(--card-font-scale, 1));font-weight:600;margin-bottom:8px;color:#eee}.card--dark .card__step-desc{font-size:calc(14px * var(--card-font-scale, 1));color:#888;line-height:1.8}.card--dark .card__step-tip{display:inline-block;margin-top:10px;padding:5px 14px;border:1px solid #333;font-size:calc(12px * var(--card-font-scale, 1));color:#c9a96e}.card--dark .card__footer{margin-top:auto;padding-top:20px;border-top:1px solid #1A1A1A;display:flex;justify-content:space-between;font-size:calc(12px * var(--card-font-scale, 1));color:#555}.card--japanese{background:#fefefe;font-family:Noto Sans SC,sans-serif;color:#333;padding:80px 72px;display:flex;flex-direction:column}.card--japanese .card__category{font-size:calc(11px * var(--card-font-scale, 1));letter-spacing:.3em;color:#bbb;text-transform:uppercase;margin-bottom:24px}.card--japanese .card__title{font-size:calc(38px * var(--card-font-scale, 1));font-weight:300;line-height:1.4;letter-spacing:.05em;color:#222;margin-bottom:32px}.card--japanese .card__title em{font-style:normal;font-weight:500}.card--japanese .card__divider{width:100%;height:1px;background:#e8e8e8;margin-bottom:48px}.card--japanese .card__steps{flex:1;display:flex;flex-direction:column;gap:36px}.card--japanese .card__step{padding-left:24px;border-left:1px solid #E0E0E0;position:relative}.card--japanese .card__step:before{content:"";position:absolute;left:-3.5px;top:6px;width:6px;height:6px;border-radius:50%;background:#ccc}.card--japanese .card__step-title{font-size:calc(19px * var(--card-font-scale, 1));font-weight:500;margin-bottom:8px;letter-spacing:.02em}.card--japanese .card__step-desc{font-size:calc(14px * var(--card-font-scale, 1));color:#888;line-height:1.9;font-weight:300}.card--japanese .card__step-tip{font-size:calc(12px * var(--card-font-scale, 1));color:#bbb;margin-top:6px;font-style:italic}.card--japanese .card__footer{margin-top:48px;padding-top:24px;border-top:1px solid #E8E8E8;display:flex;justify-content:space-between;font-size:calc(12px * var(--card-font-scale, 1));color:#ccc;letter-spacing:.1em}.card--literary{background:#f9f7f2;font-family:Noto Sans SC,sans-serif;color:#3d3d3d;padding:64px;display:flex;flex-direction:column;position:relative}.card--literary .card__watercolor{position:absolute;border-radius:50%;opacity:.12;filter:blur(40px);pointer-events:none}.card--literary .card__watercolor--1{width:400px;height:400px;top:-100px;right:-100px;background:#b5d5c5}.card--literary .card__watercolor--2{width:250px;height:250px;bottom:80px;left:-80px;background:#f2c4c4}.card--literary .card__category{position:relative;z-index:1;font-family:Lora,serif;font-size:calc(14px * var(--card-font-scale, 1));font-style:italic;color:#8ba888;margin-bottom:16px;letter-spacing:.1em}.card--literary .card__title{position:relative;z-index:1;font-family:"Noto Serif SC",serif;font-size:calc(40px * var(--card-font-scale, 1));font-weight:600;line-height:1.3;color:#2d3b2d;margin-bottom:14px}.card--literary .card__subtitle{position:relative;z-index:1;font-size:calc(15px * var(--card-font-scale, 1));color:#777;line-height:1.8;margin-bottom:24px}.card--literary .card__divider{position:relative;z-index:1;width:100%;height:1px;background:linear-gradient(90deg,#B5D5C5,transparent 60%);margin-bottom:36px}.card--literary .card__steps{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;gap:20px}.card--literary .card__step{padding:22px 24px;background:#fff9;border-radius:12px;border:1px solid rgba(181,213,197,.3)}.card--literary .card__step-title{font-family:"Noto Serif SC",serif;font-size:calc(19px * var(--card-font-scale, 1));font-weight:600;color:#2d3b2d;margin-bottom:8px;display:flex;align-items:center;gap:10px}.card--literary .card__step-title:before{content:"";width:6px;height:6px;border-radius:50%;background:#b5d5c5;flex-shrink:0}.card--literary .card__step-desc{font-size:calc(14px * var(--card-font-scale, 1));color:#666;line-height:1.9;padding-left:16px}.card--literary .card__step-tip{margin-top:10px;padding:8px 14px;border-left:2px solid #B5D5C5;font-family:"Noto Serif SC";font-size:calc(13px * var(--card-font-scale, 1));color:#8ba888;font-style:italic;margin-left:16px}.card--literary .card__footer{position:relative;z-index:1;margin-top:24px;text-align:center;font-size:calc(13px * var(--card-font-scale, 1));color:#aaa}.card--minimal{background:#fff;font-family:Noto Sans SC,Inter,sans-serif;color:#111;padding:72px;display:flex;flex-direction:column;position:relative;overflow:hidden}.card--minimal .card__watermark{position:absolute;top:40px;right:40px;font-size:calc(180px * var(--card-font-scale, 1));font-weight:700;color:#f5f5f5;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0}.card--minimal .card__header{position:relative;z-index:1;font-size:calc(11px * var(--card-font-scale, 1));letter-spacing:.2em;text-transform:uppercase;color:#999;margin-bottom:16px}.card--minimal .card__category{position:relative;z-index:1;font-size:calc(12px * var(--card-font-scale, 1));letter-spacing:.15em;color:#bbb;margin-bottom:24px}.card--minimal .card__title{position:relative;z-index:1;font-size:calc(44px * var(--card-font-scale, 1));font-weight:300;line-height:1.2;letter-spacing:-.02em;margin-bottom:16px}.card--minimal .card__subtitle{position:relative;z-index:1;font-size:calc(16px * var(--card-font-scale, 1));color:#888;margin-bottom:40px;line-height:1.6}.card--minimal .card__divider{position:relative;z-index:1;width:40px;height:1px;background:#ddd;margin-bottom:40px}.card--minimal .card__steps{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;gap:32px}.card--minimal .card__step{display:flex;gap:20px;align-items:flex-start}.card--minimal .card__step-num{flex-shrink:0;width:32px;height:32px;border-radius:50%;border:1px solid #DDD;display:flex;align-items:center;justify-content:center;font-size:calc(13px * var(--card-font-scale, 1));color:#999}.card--minimal .card__step-title{font-size:calc(18px * var(--card-font-scale, 1));font-weight:500;margin-bottom:6px;color:#222}.card--minimal .card__step-desc{font-size:calc(15px * var(--card-font-scale, 1));color:#666;line-height:1.8}.card--minimal .card__step-tip{margin-top:8px;font-size:calc(13px * var(--card-font-scale, 1));color:#aaa}.card--minimal .card__tags{position:relative;z-index:1;margin-top:20px}.card--minimal .card__tag{background:none;border:1px solid #E5E5E5;color:#999;border-radius:4px;padding:2px 10px}.card--minimal .card__footer{position:relative;z-index:1;margin-top:auto;padding-top:32px;border-top:1px solid #EEE;display:flex;justify-content:space-between;font-size:calc(12px * var(--card-font-scale, 1));color:#ccc;letter-spacing:.05em}.card__cover-img{width:100%;max-height:calc(640px * var(--card-font-scale, 1));object-fit:cover;border-radius:12px;margin-bottom:calc(24px * var(--card-font-scale, 1));display:block;box-shadow:0 6px 20px #0000001f,0 3px 6px #00000014}.card--white{background:#fdfcf7;font-family:"Noto Serif SC","Source Han Serif",SimSun,serif;color:#1a1a1a;padding:64px;display:flex;flex-direction:column}.card--white .card__header{color:#a89070;font-size:calc(11px * var(--card-font-scale, 1));letter-spacing:.2em;text-transform:uppercase;margin-bottom:16px}.card--white .card__category{font-size:calc(12px * var(--card-font-scale, 1));letter-spacing:.2em;color:#b0a090;text-transform:uppercase;margin-bottom:20px}.card--white .card__title{font-size:calc(42px * var(--card-font-scale, 1));font-weight:600;line-height:1.25;letter-spacing:.01em;margin-bottom:16px;color:#1a1a1a}.card--white .card__subtitle{font-size:calc(16px * var(--card-font-scale, 1));color:#6a5a4a;margin-bottom:24px;line-height:1.7;font-style:italic}.card--white .card__divider{width:48px;height:1px;background:#c8b89a;margin-bottom:36px}.card--white .card__steps{flex:1;display:flex;flex-direction:column;gap:28px}.card--white .card__step{display:grid;grid-template-columns:48px 1fr;gap:16px;padding-bottom:24px;border-bottom:1px solid #EDE8E0}.card--white .card__step:last-child{border-bottom:none}.card--white .card__step-num{font-size:calc(13px * var(--card-font-scale, 1));color:#c8b89a;letter-spacing:.1em;line-height:1.6;padding-top:3px;text-align:right}.card--white .card__step-title{font-size:calc(20px * var(--card-font-scale, 1));font-weight:600;margin-bottom:6px;color:#1a1a1a;letter-spacing:.01em}.card--white .card__step-desc{font-size:calc(15px * var(--card-font-scale, 1));color:#5a4a3a;line-height:1.85}.card--white .card__step-tip{margin-top:10px;padding:10px 16px;background:#f5f0e8;border-left:2px solid #C8B89A;font-size:calc(13px * var(--card-font-scale, 1));color:#7a6a5a;font-style:italic}.card--white .card__tags{margin-top:12px}.card--white .card__tag{background:#c8b89a1f;color:#9a8a7a;border:1px solid rgba(200,184,154,.3);border-radius:4px}.card--white .card__footer{margin-top:auto;padding-top:24px;border-top:1px solid #EDE8E0;display:flex;justify-content:space-between;font-size:calc(12px * var(--card-font-scale, 1));color:#b0a090;letter-spacing:.05em}.card--purewhite{background:#fff;font-family:Noto Sans SC,Inter,sans-serif;color:#0a0a0a;padding:72px;display:flex;flex-direction:column;position:relative}.card--purewhite .card__header{font-size:calc(11px * var(--card-font-scale, 1));letter-spacing:.2em;text-transform:uppercase;color:#b8b8b8;margin-bottom:20px;font-weight:500}.card--purewhite .card__category{font-size:calc(12px * var(--card-font-scale, 1));letter-spacing:.2em;color:#a0a0a0;text-transform:uppercase;margin-bottom:24px;font-weight:600}.card--purewhite .card__title{font-size:calc(48px * var(--card-font-scale, 1));font-weight:600;line-height:1.15;letter-spacing:-.02em;margin-bottom:16px;color:#0a0a0a}.card--purewhite .card__subtitle{font-size:calc(17px * var(--card-font-scale, 1));color:#666;margin-bottom:36px;line-height:1.7}.card--purewhite .card__divider{width:48px;height:2px;background:linear-gradient(90deg,#0a0a0a,#333);margin-bottom:44px}.card--purewhite .card__steps{flex:1;display:flex;flex-direction:column;gap:40px}.card--purewhite .card__step{display:flex;gap:28px;align-items:flex-start;padding-bottom:36px;border-bottom:1px solid #E8E8E8}.card--purewhite .card__step:last-child{border-bottom:none;padding-bottom:0}.card--purewhite .card__step-num{flex-shrink:0;width:44px;height:44px;border-radius:50%;background:#0a0a0a;display:flex;align-items:center;justify-content:center;font-size:calc(15px * var(--card-font-scale, 1));color:#fff;font-weight:600}.card--purewhite .card__step-title{font-size:calc(20px * var(--card-font-scale, 1));font-weight:600;margin-bottom:10px;color:#0a0a0a;letter-spacing:-.01em}.card--purewhite .card__step-desc{font-size:calc(16px * var(--card-font-scale, 1));color:#555;line-height:1.85}.card--purewhite .card__step-tip{margin-top:12px;padding:12px 18px;background:#fafafa;border-left:3px solid #0A0A0A;font-size:calc(14px * var(--card-font-scale, 1));color:#444}.card--purewhite .card__tags{margin-top:18px}.card--purewhite .card__tag{background:#0a0a0a;color:#fff;border-radius:6px;padding:4px 14px;font-size:calc(12px * var(--card-font-scale, 1));font-weight:500}.card--purewhite .card__footer{margin-top:auto;padding-top:36px;border-top:2px solid #0A0A0A;display:flex;justify-content:space-between;font-size:calc(13px * var(--card-font-scale, 1));color:#888;letter-spacing:.08em;font-weight:500}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans SC,Inter,-apple-system,sans-serif;background:#fff;color:#1a1a1a;min-height:100vh;overflow:hidden}#app{min-height:100vh;background:#fff}