:root{--ink:#140505;--red:#b3121a;--red-deep:#5a0a0d;--gold:#f1c75b;--gold-dim:#b9801f;--paper:#f6e7c1;--kai:KaiTi, STKaiti, "Kaiti SC", "AR PL UKai CN", "Noto Serif CJK SC", "Noto Serif SC", serif;--song:"Noto Serif CJK SC", "Noto Serif SC", "Source Han Serif SC", Songti SC, SimSun, serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(ellipse at 50% 0%, #4a0b0e 0%, transparent 60%), radial-gradient(ellipse at 50% 100%, #3a0709 0%, transparent 55%), var(--ink);min-height:100vh;color:var(--paper);font-family:var(--song);-webkit-font-smoothing:antialiased;margin:0;line-height:1.8}.app{flex-direction:column;min-height:100vh;display:flex;position:relative}.dragon{z-index:0;pointer-events:none;filter:drop-shadow(0 0 14px #f1c75b47);width:100%;height:100%;position:fixed;inset:0}.dragon-body{opacity:.42;animation:14s ease-in-out infinite alternate drift}.pearl{transform-box:fill-box;transform-origin:50%;animation:4s ease-in-out infinite pulse}.clouds{animation:20s ease-in-out infinite alternate float}@keyframes drift{0%{transform:translateY(-6px)}to{transform:translateY(8px)}}@keyframes pulse{0%,to{opacity:.7;transform:scale(.94)}50%{opacity:1;transform:scale(1.08)}}@keyframes float{0%{transform:translate(-12px)}to{transform:translate(14px)}}.mist{z-index:1;pointer-events:none;background:radial-gradient(55% 60%,#140505c7 0%,#14050559 60%,#0000 100%);position:fixed;inset:0}.frame{z-index:2;pointer-events:none;border:1px solid #f1c75b8c;position:fixed;inset:14px;box-shadow:inset 0 0 0 5px #14050599,inset 0 0 0 6px #f1c75b40}.page{z-index:3;flex:1;width:min(1040px,100%);margin:0 auto;padding:0 clamp(24px,5vw,48px);position:relative}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:100vh;padding:72px 0 40px;display:flex}.seal{width:64px;height:64px;font:700 40px/1 var(--kai);color:#ffe9a8;background:var(--red);outline-offset:-6px;border-radius:6px;outline:2px solid #ffe9a880;place-items:center;margin-bottom:8px;display:grid;transform:rotate(-4deg);box-shadow:0 0 24px #b3121a99}.title{font-family:var(--song);letter-spacing:.06em;background:linear-gradient(180deg, #fff1bd 0%, var(--gold) 45%, var(--gold-dim) 100%);color:#0000;filter:drop-shadow(0 4px 18px #b3121a8c);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(56px,13vw,132px);font-weight:900;line-height:1.05}.pinyin{font:400 clamp(18px, 3vw, 26px) var(--kai);letter-spacing:.4em;color:var(--gold);margin:0}.lead{max-width:34em;color:var(--paper);margin:20px 0 0;font-size:clamp(16px,2.2vw,20px)}.lead b{color:var(--gold);font-size:1.15em}.scroll{color:var(--gold);letter-spacing:.15em;border:1px solid #f1c75b99;border-radius:999px;margin-top:32px;padding:8px 22px;font-size:15px;text-decoration:none;transition:background .25s,color .25s}.scroll:hover{background:var(--gold);color:var(--ink)}.origin{padding:40px 0 72px}.origin h2{text-align:center;font:700 clamp(26px, 4vw, 36px) var(--kai);color:var(--gold);letter-spacing:.3em;margin:0 0 40px}.origin h2 span{padding:0 1.2em;display:inline-block;position:relative}.origin h2 span:before,.origin h2 span:after{content:"";background:linear-gradient(90deg, transparent, var(--gold));width:clamp(24px,12vw,120px);height:1px;position:absolute;top:50%}.origin h2 span:before{right:100%}.origin h2 span:after{left:100%;transform:scaleX(-1)}.cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;display:grid}.card{border:1px solid #f1c75b66;border-top:3px solid var(--red);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(160deg,#5a0a0db8,#140505d1);border-radius:4px;padding:28px 26px 30px;transition:transform .3s,border-color .3s;box-shadow:0 10px 30px #00000073}.card:hover{border-color:var(--gold);transform:translateY(-4px)}.card-tag{letter-spacing:.3em;text-transform:uppercase;color:var(--gold-dim);margin:0;font-size:12px}.card h3{font:700 24px var(--kai);color:var(--gold);margin:4px 0 12px}.card p:last-child{text-align:left;margin:0;font-size:15px}.card b{color:var(--gold)}.equation{text-align:center;font:400 clamp(22px, 4vw, 34px) var(--kai);letter-spacing:.15em;margin:48px 0 0}.equation em{color:var(--red);margin:0 .4em;font-style:normal}.equation strong{color:var(--gold);font-size:1.25em}.footer{z-index:3;text-align:center;padding:22px 16px 34px;font-size:14px;position:relative}.footer a{color:#f6e7c1d9;letter-spacing:.08em;text-decoration:none}.footer a:hover{color:var(--gold);text-decoration:underline}@media (width<=600px){.frame{inset:8px}.card{padding:22px 20px 24px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.dragon-body,.pearl,.clouds{animation:none}}