:root{--font-serif: "Noto Serif SC", "Playfair Display", Georgia, serif;--font-brush: "ZCOOL XiaoWei", "Cinzel Decorative", cursive, serif;--transition-smooth: all .4s cubic-bezier(.25, .8, .25, 1);--transition-fast: all .2s ease;--bg-main: #0d0f0e;--bg-card: rgba(22, 28, 25, .7);--bg-card-hover: rgba(30, 40, 35, .95);--border-color: rgba(212, 175, 55, .2);--border-hover: rgba(212, 175, 55, .5);--text-primary: #f5f8f6;--text-secondary: #a3b8ad;--color-jade: #2c6a4f;--color-jade-light: #489b76;--color-gold: #d4af37;--color-gold-hover: #f3d06a;--color-bronze: #8c6239;--color-cinnabar: #a82e2e;--glow-color: rgba(44, 106, 79, .3);--gold-glow: rgba(212, 175, 55, .15);--input-bg: rgba(10, 14, 12, .8);--badge-bg: rgba(44, 106, 79, .25);--shadow-premium: 0 10px 30px rgba(0, 0, 0, .5), 0 1px 8px rgba(212, 175, 55, .05)}[data-theme=light]{--bg-main: #f9f7f2;--bg-card: rgba(255, 255, 255, .85);--bg-card-hover: rgba(255, 255, 255, .98);--border-color: rgba(140, 34, 36, .15);--border-hover: rgba(140, 34, 36, .4);--text-primary: #2b231f;--text-secondary: #6e5e56;--color-jade: #1d4d3a;--color-jade-light: #2c6a4f;--color-gold: #a67c1e;--color-gold-hover: #c99a2c;--color-bronze: #704b28;--color-cinnabar: #8c2224;--glow-color: rgba(140, 34, 36, .08);--gold-glow: rgba(166, 124, 30, .1);--input-bg: #fcfcfc;--badge-bg: rgba(140, 34, 36, .08);--shadow-premium: 0 10px 30px rgba(140, 34, 36, .08), 0 1px 8px rgba(0, 0, 0, .02)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-serif);background-color:var(--bg-main);color:var(--text-primary);line-height:1.6;overflow-x:hidden;transition:background-color .5s ease,color .3s ease;min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--color-bronze);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-gold)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.cloud-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 10% 20%,rgba(212,175,55,.02) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(44,106,79,.03) 0%,transparent 45%);pointer-events:none;z-index:0}.traditional-title{font-family:var(--font-brush);font-size:2.8rem;letter-spacing:.3em;color:var(--color-gold);text-shadow:0 2px 10px rgba(0,0,0,.3);text-align:center;margin-bottom:.5rem}.traditional-subtitle{font-size:1.1rem;letter-spacing:.15em;color:var(--text-secondary);text-align:center;text-transform:uppercase}.ich-card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-premium);transition:var(--transition-smooth);position:relative;overflow:hidden}.ich-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,transparent,var(--color-gold),transparent);opacity:0;transition:var(--transition-smooth)}.ich-card:hover{transform:translateY(-8px);border-color:var(--border-hover);background:var(--bg-card-hover);box-shadow:0 15px 35px var(--glow-color),0 0 15px var(--gold-glow)}.ich-card:hover:before{opacity:1}.ich-seal{display:inline-block;border:2px solid var(--color-cinnabar);color:var(--color-cinnabar);padding:4px 8px;font-family:var(--font-brush);font-size:1.1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border-radius:4px;transform:rotate(-8deg);box-shadow:0 0 4px #a82e2e33;-webkit-user-select:none;user-select:none;background:#a82e2e0d}.ich-seal.large{font-size:1.8rem;padding:8px 16px;border-width:3px}.btn-traditional{background:linear-gradient(135deg,var(--color-jade),#16402e);color:#fff;border:1px solid var(--color-gold);padding:10px 24px;font-family:var(--font-serif);font-weight:600;letter-spacing:.15em;border-radius:6px;cursor:pointer;transition:var(--transition-smooth);box-shadow:0 4px 15px #2c6a4f4d;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-traditional:hover{background:linear-gradient(135deg,var(--color-jade-light),var(--color-jade));transform:translateY(-2px);box-shadow:0 6px 20px #2c6a4f80,0 0 10px #d4af374d;color:var(--color-gold)}.btn-traditional:active{transform:translateY(1px)}.btn-traditional-outline{background:transparent;color:var(--color-gold);border:1px solid var(--border-color);padding:10px 24px;font-family:var(--font-serif);font-weight:500;letter-spacing:.1em;border-radius:6px;cursor:pointer;transition:var(--transition-smooth);display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-traditional-outline:hover{border-color:var(--color-gold);background:#d4af370d;transform:translateY(-2px);color:var(--color-gold-hover)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-gold{0%{box-shadow:0 0 #d4af3766}70%{box-shadow:0 0 0 10px #d4af3700}to{box-shadow:0 0 #d4af3700}}.ambient-float{animation:float 6s ease-in-out infinite}.pulse-gold-ring{animation:pulse-gold 2s infinite}.category-tag{padding:6px 16px;border-radius:20px;font-size:.9rem;letter-spacing:.05em;background:#ffffff08;border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);-webkit-user-select:none;user-select:none}.category-tag:hover{border-color:var(--color-gold);color:var(--color-gold);background:#d4af370d}.category-tag.active{background:linear-gradient(135deg,var(--color-jade),#1b4432);color:var(--color-gold);border-color:var(--color-gold);box-shadow:0 4px 10px var(--glow-color)}.ich-input-group{margin-bottom:20px}.ich-label{display:block;font-size:.95rem;color:var(--color-gold);margin-bottom:8px;letter-spacing:.1em;font-weight:600}.ich-input{width:100%;padding:12px 16px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:var(--font-serif);transition:var(--transition-smooth)}.ich-input:focus{outline:none;border-color:var(--color-gold);box-shadow:0 0 8px var(--gold-glow);background:var(--bg-card-hover)}.step-indicator{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;position:relative}.step-indicator:before{content:"";position:absolute;top:50%;left:5%;right:5%;height:2px;background:var(--border-color);z-index:1}.step-line-active{position:absolute;top:50%;left:5%;height:2px;background:var(--color-gold);z-index:2;transition:var(--transition-smooth)}.step-node{width:36px;height:36px;border-radius:50%;background:var(--bg-main);border:2px solid var(--border-color);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-weight:700;font-family:var(--font-brush);z-index:3;transition:var(--transition-smooth);position:relative}.step-node.active{border-color:var(--color-gold);color:var(--color-gold);box-shadow:0 0 15px var(--gold-glow)}.step-node.completed{border-color:var(--color-jade);background:var(--color-jade);color:#fff}.step-label{position:absolute;top:42px;font-size:.8rem;white-space:nowrap;letter-spacing:.05em;color:var(--text-secondary);transition:var(--transition-smooth)}.step-node.active .step-label{color:var(--color-gold);font-weight:600}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;animation:fadeIn .3s ease}.modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 50px #0009;width:100%;max-width:750px;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .4s cubic-bezier(.25,.8,.25,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.traditional-title{font-size:2rem}.modal-content{max-height:95vh}.btn-traditional,.btn-traditional-outline{padding:8px 18px;font-size:.95rem}}