@font-face{font-family:Ouyang;src:url("../../assets/font/正欧阳询楷书+简繁.TTF") format("truetype");font-display:swap}
:root{--ink:#111815;--deep:#0b100e;--paper:#eee9dc;--paper2:#f8f4ea;--red:#9f3b31;--gold:#bc8a4b;--jade:#416b60;--line:rgba(21,28,24,.16);--light:rgba(238,233,220,.14);--serif:Ouyang,"STKaiti","KaiTi",serif;--body:"Songti SC","STSong",serif;--sans:"PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--body)}a{color:inherit}button,input,select{font:inherit}.grain{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.09;background-image:radial-gradient(#111 0 .6px,transparent .8px);background-size:7px 9px;mix-blend-mode:multiply}.masthead{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:72px;padding:0 4vw;color:#e8e2d5;background:rgba(11,16,14,.92);border-bottom:1px solid var(--light);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:13px;letter-spacing:.16em}.brand span{display:grid;place-items:center;width:31px;height:31px;border:1px solid #c96555;color:#e79888;font-family:var(--serif);font-size:18px;transform:rotate(-4deg)}nav{display:flex;gap:28px}nav a,.back{color:#aab4ae;text-decoration:none;font:11px var(--sans);letter-spacing:.14em}.back{justify-self:end}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.8fr) 130px;align-items:center;gap:5vw;min-height:calc(100vh - 72px);padding:8vh 6vw;color:#eee9dc;overflow:hidden;background:radial-gradient(circle at 70% 40%,#284a42 0,rgba(40,74,66,.2) 28%,transparent 47%),linear-gradient(145deg,#121d19,#090d0c)}.eyebrow,.section-head>p,.next>p{margin:0 0 22px;color:#c57968;font:700 11px var(--sans);letter-spacing:.25em}.hero h1{margin:0;font:400 clamp(64px,9vw,118px)/.9 var(--serif);letter-spacing:.05em}.hero h1 small{display:block;margin-top:26px;color:#cabf9f;font:400 clamp(20px,2.4vw,31px)/1.2 var(--body);letter-spacing:.18em}.lead{max-width:660px;margin:32px 0;color:#b8c4bd;font-size:clamp(16px,1.35vw,20px);line-height:2}.hero-actions{display:flex;gap:12px}.button{padding:14px 22px;border:1px solid rgba(238,233,220,.25);text-decoration:none;font:600 12px var(--sans);letter-spacing:.12em}.button.primary{border-color:var(--red);background:var(--red)}.status{margin-top:24px;color:#7f938a;font:11px var(--sans)}.status i{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:#bc8a4b}.echo-stage{position:relative;aspect-ratio:1;min-height:420px}.rings,.rings i{position:absolute;inset:7%;border:1px solid rgba(224,210,173,.2);border-radius:50%}.rings i:nth-child(1){inset:13%}.rings i:nth-child(2){inset:27%}.rings i:nth-child(3){inset:40%}.rings i:nth-child(4){inset:48%;background:#b8884f;border:0}.center-glyph{position:absolute;inset:0;display:grid;place-items:center;font:400 90px var(--serif);color:#fff3d0}.echo{position:absolute;padding:6px 9px;background:#111815;font:12px var(--sans);border-left:2px solid #9f3b31}.echo b{margin-right:8px;color:#cf9a86}.e1{top:7%;left:37%}.e2{top:28%;right:0}.e3{bottom:23%;right:4%}.e4{bottom:4%;left:39%}.e5{bottom:23%;left:0}.e6{top:28%;left:-2%}.hero-index{display:grid;gap:18px;padding-left:20px;border-left:1px solid var(--light)}.hero-index span{color:#7d9188;font:10px var(--sans);letter-spacing:.2em}.hero-index b{font-size:13px;font-weight:400;line-height:1.6}.thesis{display:grid;grid-template-columns:1fr 2.2fr;gap:5vw;padding:40px 7vw;color:#f3ead7;background:var(--red)}.thesis span{font:11px var(--sans);letter-spacing:.15em}.thesis strong{font-size:clamp(21px,2.3vw,34px);font-weight:400}.section{padding:110px 7vw}.paper{background:var(--paper)}.night{color:#eee9dc;background:var(--ink)}.section-head{display:grid;grid-template-columns:1fr 1.3fr;gap:4vw;margin-bottom:56px}.section-head>p{grid-column:1}.section-head h2{grid-column:1;margin:0;font:400 clamp(42px,5.3vw,74px)/1.05 var(--serif)}.section-head>span{grid-column:2;align-self:end;max-width:560px;color:#677069;font-size:15px;line-height:1.8}.night .section-head>span,.ink-table .section-head>span{color:#93a198}.pipeline{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.pipeline article{padding:35px 28px;min-height:300px;border-right:1px solid var(--line)}.pipeline article:last-child{border:0}.pipeline em{color:var(--red);font-style:normal}.pipeline h3{margin:32px 0 18px;font:400 34px var(--serif)}.pipeline p{color:#56605a;line-height:1.8}.pipeline span{color:var(--jade);font:10px var(--sans);letter-spacing:.14em}.scope-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}.scope-grid>div{padding:26px;background:var(--paper2);border-top:3px solid var(--jade)}.scope-grid span{color:var(--red);font:11px var(--sans);letter-spacing:.16em}.scope-grid b{display:block;margin:18px 0;font-size:23px;line-height:1.5}.scope-grid p{color:#69716b;line-height:1.7}.matrix-layout{display:grid;grid-template-columns:minmax(560px,1.5fr) minmax(260px,.5fr);gap:5vw}.matrix{display:grid;grid-template-columns:70px repeat(10,minmax(34px,1fr));gap:4px}.matrix-label{display:grid;place-items:center;min-height:42px;color:#9eaaa3;font:11px var(--sans)}.matrix-cell{border:0;min-height:42px;color:#fff;background:rgba(65,107,96,var(--v));cursor:pointer}.matrix-cell:hover,.matrix-cell.active{outline:2px solid #e6c382;outline-offset:1px}.legend{display:flex;align-items:center;gap:9px;margin:20px 0 0 74px;color:#7e8e85;font:10px var(--sans)}.legend i{width:45px;height:8px;background:#27332e}.legend i:nth-of-type(2){background:#5f9c89}.compare-card{padding:28px;border:1px solid var(--light);background:#151f1b}.compare-card>p{color:#a96f61;font:11px var(--sans);letter-spacing:.18em}.compare-card h3{margin:25px 0 8px;font:400 27px var(--serif)}.compare-card>strong{display:block;color:#e5c383;font:400 70px/1 var(--serif)}.compare-card>span{color:#778c82;font:11px var(--sans)}.compare-card small{display:block;margin-top:30px;color:#718078;line-height:1.7}.metric{margin-top:19px}.metric header{display:flex;justify-content:space-between;color:#aeb9b2;font-size:12px}.metric div{height:5px;margin-top:8px;background:#26322d}.metric i{display:block;height:100%;background:#9c6b52}.retention-controls{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:35px}.retention-controls button{padding:10px 15px;border:1px solid var(--line);background:transparent;cursor:pointer}.retention-controls button.active{color:#fff;background:var(--jade)}.retention-layout{display:grid;grid-template-columns:1.5fr .5fr;gap:5vw}.retention-chart{display:grid;grid-template-columns:repeat(8,1fr);gap:13px;align-items:end;min-height:360px;padding-top:25px;border-bottom:1px solid var(--line)}.rhyme-column{display:grid;grid-template-rows:1fr auto;gap:12px;height:100%;text-align:center}.bars{display:flex;align-items:end;justify-content:center;gap:5px}.bar{width:22px;min-height:3px}.bar.nasal{background:var(--jade)}.bar.stop{background:var(--red)}.rhyme-column label{font-size:13px}.rhyme-note{padding:30px;background:var(--paper2);border-top:3px solid var(--gold)}.rhyme-note>span{color:var(--red);font:11px var(--sans);letter-spacing:.18em}.rhyme-note h3{font:400 28px/1.4 var(--serif)}.rhyme-note p{color:#626b65;line-height:1.8}.key{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:30px;color:#68716b;font:10px var(--sans)}.key i{width:13px;height:13px;margin-left:8px}.key .nasal{background:var(--jade)}.key .stop{background:var(--red)}.ink-table{color:#eee9dc;background:#161a18}.table-tools{display:flex;gap:13px;align-items:end;margin-bottom:25px}.table-tools label{display:grid;gap:8px;color:#8b9991;font:10px var(--sans);letter-spacing:.14em}.table-tools input,.table-tools select,.table-tools button{min-height:44px;padding:0 14px;border:1px solid var(--light);color:#eee9dc;background:#111513}.table-tools input{width:280px}.table-tools button{margin-left:auto;cursor:pointer}.table-wrap{overflow:auto;border-top:1px solid var(--light)}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{padding:16px 14px;border-bottom:1px solid rgba(238,233,220,.09);text-align:left}th{color:#809088;font:10px var(--sans);letter-spacing:.13em}td{color:#bbc4be;font-size:14px}td:first-child{color:#f3dba9;font:28px var(--serif)}.result-count{color:#718078;font:11px var(--sans)}.next{color:#eee9dc;background:var(--deep)}.next h2{font:400 clamp(40px,5vw,70px) var(--serif)}.next-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:50px;border-top:1px solid var(--light)}.next-grid span{padding:28px 20px;border-right:1px solid var(--light);line-height:1.7}.next-grid b{display:block;margin-bottom:28px;color:#ad7665;font:11px var(--sans)}footer{display:flex;justify-content:space-between;padding:30px 7vw;color:#87948d;background:#080b0a;border-top:1px solid var(--light);font:11px var(--sans);letter-spacing:.12em}footer a{text-decoration:none}
@media(max-width:900px){.masthead{grid-template-columns:1fr auto}.masthead nav{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.hero-index{display:none}.echo-stage{min-height:360px}.section{padding:80px 5vw}.pipeline,.scope-grid,.next-grid{grid-template-columns:1fr 1fr}.matrix-layout,.retention-layout{grid-template-columns:1fr}.matrix{grid-template-columns:55px repeat(10,minmax(32px,1fr));overflow:auto}.section-head{grid-template-columns:1fr}.section-head>span{grid-column:1}.thesis{grid-template-columns:1fr}.hero h1{font-size:72px}}@media(max-width:600px){.back{display:none}.hero{padding:55px 6vw}.hero h1{font-size:56px}.echo-stage{min-height:300px}.section{padding:65px 5vw}.pipeline,.scope-grid,.next-grid{grid-template-columns:1fr}.pipeline article{min-height:0;border-right:0;border-bottom:1px solid var(--line)}.retention-chart{grid-template-columns:repeat(4,1fr);min-height:520px}.table-tools{align-items:stretch;flex-direction:column}.table-tools input{width:100%}.table-tools button{margin-left:0}.matrix{font-size:9px}.matrix-cell,.matrix-label{min-height:32px}.section-head h2{font-size:42px}footer{flex-direction:column;gap:12px}}
.matrix{grid-template-columns:70px repeat(11,minmax(34px,1fr))}.formula-card{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:1px;margin-top:54px;background:var(--light)}.formula-card>div{padding:28px;background:#151f1b}.formula-card p{color:#a96f61;font:10px var(--sans);letter-spacing:.16em}.formula-card h3{font:400 24px/1.4 var(--serif)}.formula-card code{display:block;margin:20px 0;color:#e5c383;font-size:15px}.formula-card span{display:block;color:#91a198;font-size:13px;line-height:1.8}.formula-card span b{color:#d6b47b}@media(max-width:900px){.matrix{grid-template-columns:55px repeat(11,minmax(32px,1fr))}.formula-card{grid-template-columns:1fr}}
.matrix{grid-template-columns:70px repeat(12,minmax(34px,1fr))}.sample-points{display:grid;grid-template-columns:.7fr 1.3fr;gap:4vw;margin-top:72px;padding-top:48px;border-top:1px solid var(--line)}.sample-intro>span,.rhyme-catalogue-head>span{color:var(--red);font:11px var(--sans);letter-spacing:.16em}.sample-intro h3{font:400 30px/1.35 var(--serif)}.sample-intro p,.rhyme-catalogue-head p{color:#69716b;line-height:1.7}.sample-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.sample-grid article{display:grid;gap:6px;padding:17px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.sample-grid span{color:var(--red);font:10px var(--sans)}.sample-grid b{font:400 20px var(--serif)}.sample-grid small{color:#727a75;font-size:10px}.rhyme-reader{color:#eee9dc;background:#1c211e}.rhyme-reader .section-head>span{color:#93a198}.verse-layout{display:grid;grid-template-columns:.72fr 1.28fr;border:1px solid var(--light)}.verse-original,.verse-reading{padding:clamp(28px,4vw,55px)}.verse-original{background:#ede7d9;color:var(--ink)}.verse-original>span{color:var(--red);font:10px var(--sans);letter-spacing:.18em}.verse-original blockquote{margin:35px 0 25px;font:400 clamp(30px,4vw,54px)/1.75 var(--serif)}.verse-original cite{color:#6c746e;font-size:12px}.verse-reading{background:#111815}.verse-reading>#verse-point{color:#b17867;font:11px var(--sans);letter-spacing:.12em}.romanized-verse{min-height:180px;margin:30px 0;color:#e6c88c;font:400 clamp(18px,2vw,27px)/2 var(--serif);white-space:pre-line}.verse-reading small{color:#74827a;line-height:1.7}.rhyme-catalogue-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-top:72px}.rhyme-catalogue-head p{max-width:580px;color:#87948d}.rhyme-catalogue{display:grid;grid-template-columns:repeat(10,1fr);margin-top:25px;border-top:1px solid var(--light);border-left:1px solid var(--light)}.rhyme-catalogue button{padding:15px 8px;border:0;border-right:1px solid var(--light);border-bottom:1px solid var(--light);color:#aab6af;background:transparent;cursor:pointer}.rhyme-catalogue button:hover,.rhyme-catalogue button.active{color:#fff;background:var(--red)}.rhyme-detail{display:grid;grid-template-columns:150px 1fr 1.2fr;align-items:center;gap:30px;min-height:130px;padding:26px 30px;background:#111815}.rhyme-detail span{color:#ba7b68;font:11px var(--sans);letter-spacing:.14em}.rhyme-detail b{color:#ead3a5;font:400 29px var(--serif);letter-spacing:.18em}.rhyme-detail p{color:#7f8c85;font-size:13px;line-height:1.7}@media(max-width:900px){.matrix{grid-template-columns:55px repeat(12,minmax(32px,1fr))}.sample-points,.verse-layout{grid-template-columns:1fr}.sample-grid{grid-template-columns:repeat(3,1fr)}.rhyme-catalogue{grid-template-columns:repeat(5,1fr)}.rhyme-detail{grid-template-columns:1fr}}@media(max-width:600px){.sample-grid{grid-template-columns:repeat(2,1fr)}.rhyme-catalogue{grid-template-columns:repeat(3,1fr)}.rhyme-catalogue-head{display:block}}
.sankey-section{color:#eee9dc;background:#101714}.sankey-section .section-head>span{color:#93a198}.sankey-tools{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.sankey-tools label{display:grid;gap:8px;color:#8fa097;font:10px var(--sans);letter-spacing:.14em}.sankey-tools select{min-width:180px;padding:12px;border:1px solid var(--light);color:#eee9dc;background:#18221e}.sankey-tools>span{color:#b98670;font:11px var(--sans);letter-spacing:.08em}.sankey-frame{display:grid;grid-template-columns:minmax(0,1fr) 260px;border:1px solid var(--light);background:#0b100e}.sankey-frame canvas{display:block;width:100%;height:520px}.sankey-legend{display:flex;flex-direction:column;justify-content:center;padding:25px;border-left:1px solid var(--light)}.sankey-legend span{display:grid;grid-template-columns:1fr 18px 1fr auto;align-items:center;gap:6px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:12px}.sankey-legend b{color:#d8d1c4;font-weight:400}.sankey-legend i{color:#9a6c59;font-style:normal}.sankey-legend em{color:#7e8d85;font:10px var(--sans)}.source-note{margin:18px 0 0;color:#6f7e76;font-size:11px;line-height:1.7}@media(max-width:900px){.sankey-frame{grid-template-columns:1fr}.sankey-legend{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--light);border-left:0}}@media(max-width:600px){.sankey-tools{align-items:stretch;flex-direction:column}.sankey-frame{overflow:auto}.sankey-frame canvas{min-width:720px}.sankey-legend{grid-template-columns:1fr}}
.sankey-legend small{grid-column:1/-1;color:#9eaa9f;font-family:var(--serif);line-height:1.7;word-spacing:.35em}
.sankey-legend{justify-content:flex-start}
.dialect-source-note{display:grid;grid-template-columns:180px 1fr;gap:30px;margin-top:28px;padding:22px 26px;border:1px solid var(--line);background:var(--paper2)}.dialect-source-note span{color:var(--red);font:11px var(--sans);letter-spacing:.14em}.dialect-source-note p{margin:0;color:#5f6962;line-height:1.8}.dialect-source-note a{color:var(--jade);font-weight:700}@media(max-width:600px){.dialect-source-note{grid-template-columns:1fr}}