:root{
 --abyss:#10292d;--abyss2:#17383c;--ink:#26383a;--stone:#d8d2c1;--stone2:#eee8d8;--jade:#73ced0;--jade2:#b7eff0;
 --gold:#d9aa5f;--sun:#f1b85c;--red:#b7462f;--red2:#e36a3e;--mist:#d9f0ec;--line:rgba(41,57,58,.18);--paper:#f2eee1;
 --shadow:0 30px 80px rgba(10,29,31,.26);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Songti SC","STSong","Noto Serif CJK SC","PingFang SC","Microsoft YaHei",serif;background:linear-gradient(180deg,#112a2d,#173b3d 34%,#d7e7df 100%);min-height:100vh}
body:before{content:"";position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 80% 10%,rgba(240,185,94,.24),transparent 26%),radial-gradient(circle at 8% 66%,rgba(74,168,173,.24),transparent 30%),linear-gradient(180deg,rgba(8,26,29,.22),rgba(227,236,226,.2));pointer-events:none}
.water-veil{position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.42;background-image:repeating-radial-gradient(ellipse at 50% -20%,transparent 0 30px,rgba(157,226,226,.07) 31px 32px,transparent 33px 62px),linear-gradient(110deg,transparent 0 35%,rgba(255,255,255,.04) 42%,transparent 49%)}
button,input{font:inherit}.shell{max-width:1240px;margin:auto;padding:0 24px 70px}.brand{height:84px;display:flex;align-items:center;gap:13px;border-bottom:1px solid rgba(211,235,231,.2);color:#edf7f5;position:relative;z-index:5}.seal{width:48px;height:48px;border:1px solid rgba(196,236,233,.72);border-radius:50%;display:grid;place-items:center;font:500 26px "STKaiti","KaiTi",serif;color:#d7f5f2;box-shadow:inset 0 0 0 4px rgba(95,176,177,.12)}.brand b{display:block;font-size:20px;letter-spacing:.16em;font-weight:500}.brand small{display:block;margin-top:4px;font:10px Georgia,serif;letter-spacing:.22em;color:#93bfba}.fan{margin-left:auto;font-size:11px;letter-spacing:.08em;color:#98b8b4}.screen{display:none;animation:fade .35s ease}.screen.active{display:block}@keyframes fade{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}

/* 首页：直接使用用户提供的白鹤梁神女壁纸 */
.hero-screen{position:relative;min-height:calc(100vh - 84px);border-radius:0 0 34px 34px;overflow:hidden;margin:0 -24px 58px;background-image:linear-gradient(90deg,rgba(8,25,28,.26),rgba(8,25,28,.04) 48%,rgba(8,25,28,.58)),url('assets/bailiang-wallpaper.webp');background-size:cover;background-position:center center;box-shadow:0 32px 80px rgba(7,24,27,.4)}
.hero-screen:after{content:"";position:absolute;inset:auto 0 0;height:36%;background:linear-gradient(180deg,transparent,rgba(9,28,31,.74));pointer-events:none}.hero-art{position:absolute;inset:0;pointer-events:none}.float-stone{position:absolute;background:linear-gradient(145deg,#9ea7a5,#3a4b4e);opacity:.58;clip-path:polygon(12% 8%,88% 0,100% 53%,72% 100%,8% 78%,0 33%);filter:drop-shadow(0 10px 12px rgba(0,0,0,.28))}.stone-1{width:46px;height:32px;right:17%;top:11%;transform:rotate(18deg)}.stone-2{width:31px;height:25px;right:34%;top:7%;transform:rotate(-22deg)}.stone-3{width:38px;height:29px;right:9%;top:23%;transform:rotate(35deg)}.hero-koi{position:absolute;width:112px;filter:drop-shadow(0 7px 12px rgba(0,0,0,.25));opacity:.9}.hero-koi-red{right:8%;bottom:22%;transform:rotate(-8deg)}.hero-koi-ink{right:24%;bottom:11%;width:145px;transform:scaleX(-1) rotate(8deg);opacity:.78}.hero-panel{position:absolute;right:5.2%;top:50%;transform:translateY(-48%);width:min(480px,40vw);padding:34px 34px 30px;background:linear-gradient(145deg,rgba(238,233,216,.9),rgba(187,221,216,.76));border:1px solid rgba(223,245,240,.65);box-shadow:0 26px 70px rgba(5,22,24,.3),inset 0 0 0 1px rgba(255,255,255,.28);backdrop-filter:blur(10px);clip-path:polygon(4% 0,96% 1%,100% 7%,98% 93%,93% 100%,6% 98%,0 92%,2% 8%)}.hero-panel:before{content:"";position:absolute;inset:13px;border:1px solid rgba(61,85,84,.22);clip-path:polygon(3% 0,97% 2%,100% 92%,93% 100%,4% 97%,0 9%);pointer-events:none}.eyebrow,.section-kicker{font:700 11px Georgia,serif;letter-spacing:.24em;color:#3e837e}.hero-panel h1{font-family:"STKaiti","KaiTi","Songti SC",serif;font-size:clamp(42px,4.5vw,68px);font-weight:400;line-height:1.1;margin:18px 0 16px;color:#183b3c;text-shadow:0 1px 0 rgba(255,255,255,.65)}.hero-panel h1 em{font-style:normal;color:#9d402e}.hero-panel>p{font-size:15px;line-height:1.85;color:#3f5b59}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.tags span{padding:8px 12px;border:1px solid rgba(53,84,82,.2);border-radius:999px;background:rgba(255,255,255,.38);font-size:12px}.access{padding:18px;border:1px solid rgba(52,78,76,.2);background:linear-gradient(150deg,rgba(222,218,202,.78),rgba(246,240,220,.58));box-shadow:inset 0 0 22px rgba(67,74,71,.06);clip-path:polygon(2% 0,98% 2%,100% 92%,95% 100%,4% 97%,0 8%)}.access label{display:block;font-weight:700;letter-spacing:.08em;margin-bottom:11px}.access>div{display:grid;grid-template-columns:46px 1fr auto;gap:8px}.access strong{display:grid;place-items:center;background:#163c3e;color:#d9f4ef;font:700 22px Georgia;border-radius:10px}.access input{min-width:0;border:1px solid rgba(42,69,68,.22);background:rgba(255,255,255,.75);border-radius:10px;padding:0 14px;font-size:18px;letter-spacing:.18em;outline:none}.access input:focus{border-color:#56aeb1;box-shadow:0 0 0 4px rgba(83,171,175,.12)}.access button,.primary{border:0;background:linear-gradient(135deg,#173d3e,#235b5b);color:#eaf8f4;padding:13px 18px;border-radius:10px;cursor:pointer;font-weight:700;box-shadow:0 10px 22px rgba(8,34,35,.18)}.access small{display:block;margin-top:10px;color:#536b68;font-size:11px}.hero-caption{position:absolute;left:4.5%;bottom:4.5%;z-index:2;color:#e2f5f2;font:16px "STKaiti","KaiTi",serif;letter-spacing:.22em;text-shadow:0 2px 10px rgba(0,0,0,.45)}

/* 石碑页通用 */
.narrow{max-width:880px;margin:0 auto}.stone-page{position:relative;margin-top:38px;padding:58px 58px 52px;background:linear-gradient(145deg,rgba(224,220,206,.94),rgba(239,234,217,.9));box-shadow:var(--shadow);clip-path:polygon(3% 0,96% 1%,100% 6%,98% 94%,94% 100%,5% 98%,0 93%,1% 8%)}.stone-page:before{content:"";position:absolute;inset:18px;border:1px solid rgba(51,70,71,.22);clip-path:polygon(2% 0,98% 2%,100% 93%,94% 100%,4% 97%,0 8%);pointer-events:none}.stone-page:after{content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(12deg,transparent 0 48%,rgba(68,78,77,.18) 49% 50%,transparent 51%),repeating-linear-gradient(0deg,transparent 0 24px,rgba(68,78,77,.08) 25px 26px);pointer-events:none}.stone-page>*{position:relative;z-index:2}.stone-crest{display:flex;align-items:center;gap:13px;color:#2e6865;font:11px Georgia;letter-spacing:.2em}.stone-crest img{height:64px;width:28px}.stone-page h2{font-family:"STKaiti","KaiTi","Songti SC",serif;font-size:46px;font-weight:400;line-height:1.3;margin:18px 0;color:#263f40}.stone-page h2 strong{color:#9c452f;font-weight:400}.stone-page>p{font-size:16px;line-height:1.9;color:#516866}.rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:30px 0}.rule-grid article{min-height:150px;padding:23px 18px;border:1px solid rgba(58,79,78,.18);background:rgba(250,247,235,.42);text-align:center;box-shadow:inset 0 0 18px rgba(53,63,63,.04)}.rule-grid b{display:block;margin:12px 0 7px;font-size:16px}.rule-grid span{font-size:12px;line-height:1.6;color:#6c7d7a}.mini-fish{display:block;width:74px;height:36px;margin:auto;background:center/contain no-repeat}.mini-fish.red{background-image:url('assets/koi-red.svg')}.mini-fish.ink{background-image:url('assets/koi-ink.svg')}.mini-stone{display:block;width:72px;height:42px;margin:auto;background:url('assets/stone-glyph.svg') center/contain no-repeat}.wide{width:100%}.water-button{position:relative;overflow:hidden;font-size:15px;letter-spacing:.08em}.water-button:after{content:"";position:absolute;left:-20%;top:-100%;width:140%;height:260%;background:linear-gradient(90deg,transparent,rgba(187,242,240,.28),transparent);transform:rotate(18deg);transition:.45s}.water-button:hover:after{left:100%}

/* 答题 */
.test{max-width:920px;margin-left:auto;margin-right:auto}.test-head{display:flex;justify-content:space-between;align-items:flex-end}.test-head h2{font-family:"STKaiti","KaiTi",serif;font-size:38px;font-weight:400;margin:8px 0 0}.qnum{font-family:Georgia,serif}.qnum b{font-size:48px;color:#a74b34}.qnum span{color:#71817f}.progress-wrap{margin:26px 0 28px}.progress{position:relative;height:14px;border-top:1px solid rgba(62,86,84,.25);border-bottom:1px solid rgba(62,86,84,.18);background:linear-gradient(90deg,rgba(68,155,158,.14),rgba(185,225,220,.4),rgba(224,175,94,.18));overflow:visible}.progress:before{content:"";position:absolute;inset:5px 0 auto;height:2px;background:repeating-linear-gradient(90deg,rgba(55,91,89,.36) 0 2px,transparent 2px 18px)}.progress i{position:relative;display:block;height:100%;width:0;background:linear-gradient(90deg,rgba(55,129,132,.38),rgba(103,202,204,.72));transition:.25s}.progress i:after{content:"";position:absolute;right:-17px;top:50%;width:34px;height:80px;background:url('assets/qiao-staff.svg') center/contain no-repeat;transform:translateY(-51%);filter:drop-shadow(0 4px 6px rgba(31,55,55,.28));z-index:3}.progress-caption{display:block;margin-top:9px;text-align:center;color:#6b7d7a;font-size:11px;letter-spacing:.13em}.stone-question{padding:34px 30px;border:1px solid rgba(59,77,76,.2);background:linear-gradient(145deg,rgba(247,243,227,.82),rgba(222,218,204,.78));box-shadow:inset 0 0 0 1px rgba(255,255,255,.28),0 20px 45px rgba(20,42,43,.1);clip-path:polygon(2% 0,98% 1%,100% 8%,98% 95%,93% 100%,5% 98%,0 91%,1% 6%)}.stone-question small{font:10px Georgia;letter-spacing:.24em;color:#a84831}.stone-question h3{font-family:"STKaiti","KaiTi","Songti SC",serif;font-size:27px;font-weight:400;line-height:1.55;margin:18px 0 24px}.opts{display:grid;gap:10px}.opt{border:1px solid rgba(55,78,77,.18);background:rgba(255,255,255,.48);padding:15px 17px;text-align:left;color:#2b4746;cursor:pointer;clip-path:polygon(1% 0,99% 2%,100% 88%,96% 100%,2% 98%,0 12%);transition:.18s}.opt:hover{transform:translateX(4px);background:rgba(225,243,238,.58)}.opt.selected{background:linear-gradient(90deg,rgba(181,232,226,.68),rgba(240,225,194,.64));border-color:#569c9d;box-shadow:0 0 0 3px rgba(81,156,158,.08)}
.fish-nav{display:flex;justify-content:space-between;gap:18px;margin-top:24px}.fish-button{position:relative;min-width:150px;height:62px;border:0;background:transparent;color:#214a49;cursor:pointer;font-weight:700;letter-spacing:.08em}.fish-button:before{content:"";position:absolute;width:95px;height:50px;top:4px;background:center/contain no-repeat;filter:drop-shadow(0 8px 9px rgba(24,48,49,.16));transition:.22s}.fish-button span{position:relative;z-index:2;display:block;padding-top:20px}.fish-left:before{left:-4px;background-image:url('assets/koi-ink.svg');transform:scaleX(-1) rotate(-10deg)}.fish-right:before{right:-4px;background-image:url('assets/koi-red.svg');transform:rotate(-10deg)}.fish-left span{margin-left:62px;text-align:left}.fish-right span{margin-right:62px;text-align:right}.fish-button:hover:before{transform:translateY(-8px) rotate(-18deg)}.fish-left:hover:before{transform:scaleX(-1) translateY(-8px) rotate(-18deg)}.fish-button:disabled{opacity:.35;cursor:not-allowed}.link{display:block;margin:18px auto 0;border:0;background:none;color:#627874;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.done-page{text-align:center}.seal-stone{position:relative;width:240px;height:130px;margin:0 auto 24px}.seal-stone img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(42,56,56,.16))}.seal-stone span{position:absolute;inset:0;display:grid;place-items:center;font:12px Georgia;letter-spacing:.15em;color:#814333}.seal-stone b{font-size:19px}

/* 报告：水下古碑石壁 */
.report{padding:50px 0}.stele-title{text-align:center;margin-bottom:18px;color:#d9eeee;font:20px "STKaiti","KaiTi",serif;letter-spacing:.18em;text-shadow:0 2px 12px rgba(0,0,0,.28)}.stone-monument{position:relative;display:grid;grid-template-columns:1fr 400px;gap:32px;min-height:590px;padding:52px 48px;background:linear-gradient(145deg,#cfcabb,#e3ddca 52%,#bfc9c3);box-shadow:0 38px 100px rgba(4,24,27,.42),inset 0 0 0 2px rgba(255,255,255,.2);clip-path:polygon(4% 0,95% 1%,100% 7%,98% 93%,94% 100%,5% 98%,0 92%,2% 7%);overflow:hidden}.stone-monument:before{content:"";position:absolute;inset:20px;border:1px solid rgba(53,69,69,.28);clip-path:polygon(2% 0,98% 2%,100% 92%,94% 100%,4% 98%,0 8%)}.stone-monument:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background:repeating-linear-gradient(4deg,transparent 0 38px,rgba(60,71,70,.15) 39px 40px),linear-gradient(110deg,transparent 0 37%,rgba(255,255,255,.35) 45%,transparent 52%)}.stone-monument>*{position:relative;z-index:2}.carved-corner{position:absolute!important;width:100px;height:70px;background:url('assets/stone-glyph.svg') center/contain no-repeat;opacity:.2}.corner-a{left:-8px;top:-8px}.corner-b{right:-10px;bottom:-10px;transform:rotate(180deg)}.report-koi{position:absolute!important;width:110px;opacity:.32}.report-koi-a{right:34%;bottom:28px}.report-koi-b{left:38%;top:20px;transform:scaleX(-1)}.result-copy{padding-top:18px}.matchline{font-size:14px;color:#5a6a67;margin:18px 0 3px}.result-cover h2{font-family:"STKaiti","KaiTi","Songti SC",serif;font-weight:400;font-size:72px;line-height:1;margin:8px 0 10px;color:#1c3d3e;text-shadow:0 1px 0 rgba(255,255,255,.62)}.skin-name{display:inline-block;padding:9px 14px;border-left:3px solid #b94d34;background:rgba(246,239,218,.45);color:#50615e;margin:5px 0 18px}.result-copy>p{font-size:15px;line-height:1.85;color:#526562;max-width:650px}.stone-score{display:flex;align-items:baseline;gap:12px;margin-top:26px;color:#485d59}.stone-score span{font-size:12px;letter-spacing:.15em}.stone-score b{font:500 48px Georgia;color:#a94632}.art-wrap{position:relative;min-height:470px;align-self:stretch;background:linear-gradient(180deg,rgba(92,141,141,.18),rgba(239,228,203,.18));border:1px solid rgba(59,77,76,.25);box-shadow:inset 0 0 35px rgba(45,68,67,.14);clip-path:polygon(6% 0,95% 2%,100% 8%,97% 92%,90% 100%,7% 97%,0 90%,2% 7%);overflow:hidden}.art-wrap:before{content:"";position:absolute;inset:10px;border:1px solid rgba(69,90,88,.18);z-index:2;pointer-events:none}.art-wrap img{width:100%;height:100%;object-fit:contain;object-position:center bottom;position:absolute;inset:0;filter:drop-shadow(0 18px 24px rgba(32,45,44,.18))}.art-fallback{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:#5e7773}.art-fallback span{font-size:12px;letter-spacing:.2em}.art-fallback b{display:block;font:400 56px "STKaiti","KaiTi",serif}.stone-tabs{display:flex;justify-content:center;gap:8px;margin:26px 0 18px}.stone-tabs button{border:1px solid rgba(202,231,226,.25);background:rgba(213,230,222,.18);color:#d8eeea;padding:11px 20px;clip-path:polygon(4% 0,96% 2%,100% 14%,97% 92%,91% 100%,5% 96%,0 84%,2% 8%);cursor:pointer}.stone-tabs button.active{background:linear-gradient(135deg,#79c8c8,#d6b06d);color:#15383a;border-color:transparent}.report-body{display:grid;gap:18px}.hidden{display:none!important}.card{position:relative;padding:30px 30px 28px;background:linear-gradient(145deg,#d8d2c1,#eee8d8);box-shadow:0 22px 58px rgba(7,28,31,.2),inset 0 0 0 1px rgba(255,255,255,.24);clip-path:polygon(2% 0,98% 1%,100% 8%,98% 94%,94% 100%,5% 98%,0 92%,1% 7%)}.card:before{content:"";position:absolute;inset:12px;border:1px solid rgba(65,80,79,.18);pointer-events:none;clip-path:inherit}.card h3{position:relative;font-family:"STKaiti","KaiTi",serif;font-size:29px;font-weight:400;margin:0 0 11px;color:#294a49}.card p,.card li{position:relative;color:#536764;line-height:1.85}.top5{display:grid;gap:10px;margin-top:18px}.rank{position:relative;display:grid;grid-template-columns:34px 100px 1fr 58px;gap:11px;align-items:center}.rank .n{width:28px;height:28px;border:1px solid #8a7c61;border-radius:50%;display:grid;place-items:center;font:12px Georgia;color:#7a4636}.bar{height:9px;background:rgba(47,69,68,.1);position:relative;overflow:hidden;border-radius:99px}.bar i{display:block;height:100%;background:linear-gradient(90deg,#4f9da0,#86d8d7 58%,#dcad61);border-radius:99px}.dim-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dim{padding:14px 14px 12px;border:1px solid rgba(65,81,80,.16);background:rgba(255,255,255,.25)}.dim-head{display:flex;justify-content:space-between;margin-bottom:8px}.mate-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mate{padding:20px;border:1px solid rgba(51,77,75,.18);background:rgba(155,211,205,.2)}.mate.bad{background:rgba(183,70,47,.12)}.mate b{font-family:"STKaiti","KaiTi",serif;font-size:25px;font-weight:400}.actions{display:flex;gap:12px;margin:22px 0}.ghost{border:1px solid rgba(205,233,229,.28);background:rgba(227,240,235,.12);color:#dbeeea;padding:13px 18px;cursor:pointer}.disclaimer{color:#a8c2be;text-align:center;font-size:11px;line-height:1.7;max-width:900px;margin:26px auto}.report footer{color:#b5cfcb}footer{display:flex;justify-content:space-between;border-top:1px solid rgba(207,230,226,.2);padding:22px 0;color:#9dbab5;font:10px Georgia;letter-spacing:.18em}

@media(max-width:900px){.hero-panel{right:3%;width:min(460px,47vw)}.rule-grid{grid-template-columns:1fr}.stone-monument{grid-template-columns:1fr}.art-wrap{min-height:580px}.dim-grid,.mate-grid{grid-template-columns:1fr}}
@media(max-width:650px){.shell{padding:0 12px 46px}.brand{height:68px}.fan{display:none}.seal{width:40px;height:40px}.brand b{font-size:17px}.hero-screen{margin:0 -12px 34px;min-height:820px;background-size:auto 430px;background-repeat:no-repeat;background-position:center top;background-color:#102b2e}.hero-screen:before{content:"";position:absolute;inset:400px 0 0;background:linear-gradient(180deg,rgba(16,43,46,.08),#102b2e 18%)}.hero-panel{top:auto;right:12px;left:12px;bottom:34px;transform:none;width:auto;padding:24px 20px 20px;background:linear-gradient(145deg,rgba(237,232,214,.96),rgba(190,219,212,.9));backdrop-filter:none}.hero-panel h1{font-size:38px;line-height:1.08;margin:13px 0}.hero-panel>p{font-size:13px;line-height:1.7}.tags{margin:15px 0}.access>div{grid-template-columns:42px 1fr}.access button{grid-column:1/-1}.hero-caption{display:none}.hero-koi-red{right:5%;bottom:48%}.hero-koi-ink{left:3%;right:auto;bottom:44%;width:100px}.stone-page{padding:42px 18px 38px;margin-top:24px}.stone-page h2{font-size:33px}.test-head h2{font-size:31px}.qnum b{font-size:40px}.stone-question{padding:24px 16px}.stone-question h3{font-size:22px}.fish-nav{gap:4px}.fish-button{min-width:0;flex:1}.fish-button:before{width:76px;height:42px}.fish-left span{margin-left:48px}.fish-right span{margin-right:48px}.stone-monument{padding:34px 17px;gap:20px}.result-cover h2{font-size:54px}.art-wrap{min-height:480px}.rank{grid-template-columns:30px 78px 1fr 48px;gap:7px;font-size:12px}.card{padding:22px 15px}.card h3{font-size:25px}.actions{flex-direction:column}.actions button{width:100%}}
@media print{body{background:white}.brand,.stone-tabs,.actions,footer,.water-veil{display:none!important}.shell{max-width:none;padding:0}.screen{display:none!important}#report{display:block!important}.report-body.hidden{display:grid!important}.stone-monument,.card{box-shadow:none;break-inside:avoid}.disclaimer{color:#666}}