*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:17px}body:before{content:"";pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text-primary);min-height:100vh;line-height:1.6}.btn,button,.tag,.badge,.meta,.footer,.pillar-label,input,textarea,select{font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif}#app-root{flex-direction:column;min-height:100vh;display:flex}.app-content{flex:1;overflow-y:auto}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}.back-home{color:var(--color-accent);text-align:center;padding:16px 0;font-size:14px;display:block}.responsive-container{box-sizing:border-box;width:100%;margin:0 auto;padding:0 16px}@media (width>=480px){.responsive-container{max-width:var(--container-md)}}@media (width>=768px){.responsive-container{max-width:var(--container-lg)}}@media (width>=1024px){.responsive-container{max-width:var(--container-xl)}}:root{--color-bg:#faf5eb;--color-card-bg:#fff8f0;--color-surface:#faf5eb;--color-border:#e0d8c8;--color-dark-bg:#1b2838;--color-dark-card:#243447;--color-text-primary:#2c2c2c;--color-text-secondary:#5a4e44;--color-text-muted:#a09888;--color-text-description:#4a4038;--color-accent:#2d8c6e;--color-accent-light:#2d8c6e1f;--color-accent-border:#2d8c6e59;--color-primary:#2b5f8a;--color-primary-light:#2b5f8a1f;--color-secondary:#3d8b63;--color-secondary-light:#3d8b631f;--color-gold:#d4a853;--color-gold-light:#d4a85326;--color-warning:#c44d3a;--color-danger:#c44d3a;--color-wx-wood:#3d8b63;--color-wx-fire:#c44d3a;--color-wx-earth:#d4a853;--color-wx-metal:#9ca3af;--color-wx-water:#2b5f8a;--gradient-primary:linear-gradient(160deg, #2b5f8a, #3d8b63);--gradient-cta:linear-gradient(160deg, #3d8b63, #2b5f8a);--gradient-hero:linear-gradient(160deg, #2b5f8a, #3d8b63);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--radius-round:50%;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--card-gap:12px;--section-gap:24px;--font-xs:13px;--font-sm:14px;--font-md:16px;--font-lg:20px;--font-xl:24px;--font-2xl:32px;--font-3xl:38px;--container-md:640px;--container-lg:800px;--container-xl:960px;--font-base:16px}@media (width>=768px){:root{--font-base:17px}}@media (width>=1024px){:root{--font-base:18px}}.status-agree{text-align:center;color:var(--color-text-muted);opacity:.6;margin-bottom:8px;font-size:10px}:root{--font-title:"Noto Serif SC", "STSong", "SimSun", "Songti SC", serif;--font-body:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", sans-serif;--font-mono:"SF Mono", "Consolas", "Menlo", monospace;--text-display:32px;--text-heading:20px;--text-body:16px;--text-caption:13px;--leading-heading:1.3;--leading-body:1.8;--leading-caption:1.5;--weight-bold:700;--weight-semibold:600;--weight-regular:400;--card-padding:20px;--card-radius:var(--radius-lg);--card-shadow:0 1px 6px #0000000a;--card-gap:12px;--page-padding-x:16px;--page-padding-bottom:40px;--section-gap:16px;--card-margin-bottom:12px;--tag-gap:8px}body{font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-body);letter-spacing:.01em}.page-title,.section-title,h1,h2{font-family:var(--font-title);font-weight:600}.card{background:var(--color-card-bg);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);margin-bottom:var(--card-gap)}.card-inverse{background:var(--color-dark-bg);color:#fff;border-radius:var(--card-radius);padding:24px var(--card-padding);margin-bottom:var(--card-gap);box-shadow:0 2px 12px #0000001a}.section-heading{font-size:var(--text-heading);font-weight:var(--weight-semibold);line-height:var(--leading-heading);color:var(--color-text-primary);margin-bottom:8px}.disclaimer{font-size:var(--text-caption);color:var(--color-text-muted);text-align:center;padding:var(--card-gap) 0;line-height:var(--leading-caption)}.btn-back{color:#2b5f8a;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;min-width:44px;min-height:44px;text-decoration:none;display:inline-flex}.btn-back svg{flex-shrink:0;width:26px;height:26px}.btn-back:active{opacity:.6}.btn-primary{border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;font-size:var(--font-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;padding:14px 28px;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-flex}.btn-primary:active{opacity:.85}.btn-gold-outline{border:1px solid var(--color-gold);border-radius:var(--radius-full);color:var(--color-gold);font-size:var(--font-sm);background:0 0;justify-content:center;align-items:center;gap:6px;padding:10px 24px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-gold-outline:active{background:var(--color-gold-light)}.btn-text{color:var(--color-text-muted);font-size:var(--font-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:8px 0;text-decoration:none;display:inline-flex}.btn-text:active{opacity:.7}