:root{--ink:#243c32;--muted:#748176;--paper:#fcfdf7;--accent:#c7e4a0}*{box-sizing:border-box}body{margin:0;background:#9cbe73;color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;overflow:hidden}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #e5b450;outline-offset:4px}button{color:inherit}button:disabled{opacity:.55;cursor:wait}#meadow,.vignette{position:fixed;inset:0;width:100%;height:100%}.vignette{pointer-events:none;background:linear-gradient(90deg,rgba(244,247,226,.90),rgba(238,244,220,.45) 34%,transparent 62%),linear-gradient(0deg,rgba(30,65,31,.12),transparent 25%)}header{height:110px;padding:30px 4.5%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.brand{display:flex;gap:12px;align-items:center;color:var(--ink);text-decoration:none}.brand-icon{font-size:46px;line-height:1}.brand>span:last-child{font-size:25px;font-weight:700;letter-spacing:4px}.brand small{display:block;font-size:8px;letter-spacing:2.3px;margin-top:5px}nav{display:flex;align-items:center;gap:28px}nav button{background:none;border:0;font-size:12px}.beta{font-size:9px;letter-spacing:1.4px;opacity:.65}.nav-join{border:1px solid #38543c50;border-radius:30px;padding:13px 21px!important}.nav-join span{margin-left:20px}.intro{position:absolute;left:7%;top:29%;z-index:1}.eyebrow{font-size:9px;letter-spacing:2.5px;display:flex;gap:10px;align-items:center}.eyebrow i,.live-dot{display:inline-block;width:6px;height:6px;background:#597d42;border-radius:50%}h1{font-family:"Songti SC", "Noto Serif CJK SC",SimSun,serif;font-size:clamp(38px,4.1vw,66px);font-weight:400;letter-spacing:2px;line-height:1.35;margin:25px 0 20px}h1 span{color:#53733f}.intro p{color:#5a7055;line-height:2;letter-spacing:1px;font-size:13px}.primary{border:0;border-radius:8px;background:#263f32;color:#fffef5;min-height:50px;padding:15px 24px;display:flex;justify-content:space-between;align-items:center;gap:32px;font-size:13px;box-shadow:0 5px 14px #28472b15;transition:.2s}.primary:hover{background:#3d5a42;transform:translateY(-2px)}.intro .primary{margin-top:28px}.intro-note{font-size:10px;margin-top:18px;color:#728167;letter-spacing:.5px}.map-card{position:absolute;right:4.5%;top:130px;width:250px;background:#fcfff4db;border:1px solid #ffffffe0;box-shadow:0 12px 50px #2b522b14;border-radius:16px;padding:18px 18px 13px;text-align:left;backdrop-filter:blur(14px);transition:.2s;z-index:2}.map-card:hover{transform:translateY(-3px);background:#fcfff4f0}.map-heading{display:flex;justify-content:space-between;font-size:11px}.map-heading i,.map-legend i{display:inline-block;width:5px;height:5px;background:#7a9a54;border-radius:50%;margin-right:7px}#miniMap{width:100%;height:155px;display:block;margin:7px 0}.map-foot{border-top:1px solid #4a603b18;padding-top:12px;font-size:8px;display:flex;justify-content:space-between;gap:8px}.map-foot b{font-weight:500;white-space:nowrap}.province{fill:#d9e3ca;stroke:#fbfdf3;stroke-width:1.2;transition:fill .2s}.province:hover{fill:#a4c38c}.star-core{fill:#fff5b6;stroke:#bba05b;stroke-width:.5;filter:drop-shadow(0 0 4px #e8bf59)}.star-aura{fill:#e7c676;opacity:.28;animation:twinkle 3s infinite alternate}.rise-star{fill:#fff8bd;animation:rise 3s ease-out infinite;transform-box:fill-box;transform-origin:center}@keyframes twinkle{to{opacity:.7}}@keyframes rise{from{opacity:0;transform:translateY(0) scale(.5)}25%{opacity:1}to{opacity:0;transform:translateY(-35px) scale(.2)}}.scene-label{position:absolute;left:7%;bottom:145px;color:#47633e;font-size:10px;letter-spacing:1px}.divider{opacity:.35;padding:0 12px}.bottom-bar{position:absolute;bottom:43px;left:4.5%;right:4.5%;display:flex;gap:30px;align-items:center;border-top:1px solid #38543c25;padding-top:23px}.bottom-bar>div{display:flex;align-items:center;gap:12px;margin-right:auto;font-size:12px}.bottom-bar small{display:block;font-size:7px;letter-spacing:2px;margin-top:6px;opacity:.6}.compass{font-size:28px}.bottom-bar button{background:none;border:0;font-size:11px;display:flex;gap:10px;align-items:center}.hint{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);font-size:9px;color:#34503388;letter-spacing:1px}.overlay{position:fixed;inset:0;z-index:10;background:#18382345;backdrop-filter:blur(9px);display:flex;align-items:center;justify-content:center;padding:25px;overflow-y:auto}.overlay[hidden]{display:none}.dialog{position:relative;width:440px;padding:43px 38px 26px;border:1px solid #fff;border-radius:20px;background:var(--paper);box-shadow:0 30px 100px #122e3830;animation:enter .25s}.close{position:absolute;right:16px;top:12px;width:30px;height:30px;font-size:24px;background:transparent;border:0;color:#748176;z-index:2}.dog-pair{position:absolute;right:26px;top:-73px;display:flex;gap:0;align-items:flex-end;pointer-events:none}.dog-pair canvas{width:90px;height:90px;image-rendering:pixelated}.dog-pair canvas+canvas{margin-left:-10px;transform:translateY(5px)}.form-eyebrow{font-size:8px;letter-spacing:2px;color:#8a947f}h2{font-family:"Songti SC",SimSun,serif;font-size:29px;letter-spacing:1px;font-weight:400;margin:16px 0 9px}.form-sub{font-size:11px;color:#8b9488;line-height:1.8;margin:0 0 26px}label{display:block;font-size:11px;margin-bottom:17px;color:#596754}input:not([type=checkbox]),select{width:100%;height:45px;margin-top:8px;border:1px solid #e0e5d9;border-radius:7px;background:#fff;color:#344b39;padding:0 12px;font-size:12px;outline:none}input:focus,select:focus{border-color:#6e9461;box-shadow:0 0 0 3px #90ac7818}input::placeholder{color:#a5afa1}.code-row{display:flex;gap:8px}.code-row input{min-width:0;flex:1}.code-row button{border:1px solid #dce4d3;background:#edf2e7;border-radius:7px;margin-top:8px;font-size:10px;width:107px}.check{display:flex;gap:6px;align-items:flex-start;font-size:9px;line-height:1.7;margin:20px 0}.check input{accent-color:#35533d;margin:2px 0 0}.full{width:100%}.demo-note{font-size:9px;color:#8c9687;text-align:center;line-height:1.8;margin:12px 0 0}.form-bottom{border-top:1px solid #e7ebdf;margin-top:22px;padding-top:17px;text-align:center;font-size:9px;color:#909b89}.upload{display:flex;align-items:center;justify-content:center;position:relative;min-height:140px;border:1px dashed #c9d5bd;border-radius:10px;background:#f1f5e9;text-align:center;cursor:pointer;overflow:hidden}.upload b{display:block;font-size:26px;font-weight:300;color:#718a63;margin-bottom:5px}.upload small{display:block;font-size:9px;color:#97a18d;margin-top:8px}.upload img{height:140px;width:100%;object-fit:contain}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.map-dialog{position:relative;background:var(--paper);width:780px;max-width:100%;border-radius:22px;padding:35px 40px;text-align:center}.map-dialog h2{font-size:30px}.map-dialog>p{color:#8a957f;font-size:12px}#largeMap{width:100%;max-height:55vh;display:block}.map-legend{display:flex;justify-content:space-between;font-size:9px;color:#8c9785;padding-top:15px;border-top:1px solid #e2e8d9}#regionInfo{font-size:11px;margin-top:17px;color:#647957}.about-copy{font-size:13px;line-height:1.9;color:#7a8772;margin:25px 0}#toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:30;background:#263f32;color:#fff;border:1px solid #ffffff30;padding:14px 24px;border-radius:40px;font-size:12px;transition:.25s;max-width:90vw;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}.dog-tooltip{position:fixed;z-index:4;max-width:240px;background:#fcfdf7f0;border:1px solid white;padding:15px 19px;border-radius:12px;box-shadow:0 5px 30px #263f3220;font-size:11px;pointer-events:none;line-height:1.9;backdrop-filter:blur(8px)}.dog-tooltip b{display:block;font-size:14px}.dog-tooltip small{color:#859278} @keyframes enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1600px){.map-card{width:290px}#miniMap{height:190px}}@media(max-width:700px){header{padding:23px 6%;height:85px}.brand-icon{font-size:35px}.brand>span:last-child{font-size:21px}.brand small{font-size:6px}.beta,nav>button:first-child{display:none}nav{gap:0}.nav-join{font-size:10px;padding:10px 13px!important}.nav-join span{margin-left:8px}.intro{left:7%;top:24%;}.eyebrow{font-size:7px;letter-spacing:1.4px}h1{font-size:37px;margin-top:18px}.intro p{font-size:11px}.intro .primary{font-size:11px;padding:13px 17px;gap:24px;min-height:45px}.intro-note{max-width:200px;font-size:9px;line-height:1.8}.map-card{top:100px;right:5%;width:130px;padding:10px;border-radius:12px}#miniMap{height:80px;margin:2px 0}.map-heading{font-size:9px}.map-foot{font-size:7px;padding-top:6px}.map-foot>span{display:none}.scene-label{bottom:135px;font-size:8px}.bottom-bar{left:6%;right:6%;bottom:45px;gap:15px}.bottom-bar>div{font-size:9px;gap:6px}.compass{font-size:21px}.bottom-bar small{font-size:6px}.bottom-bar button{font-size:10px}.bottom-bar button span{display:none}.dialog{padding:35px 25px 22px;width:390px;max-width:100%;margin-top:45px}.overlay{padding:18px;align-items:center}.map-dialog{padding:28px 20px}.map-dialog h2{font-size:24px}.map-legend{gap:15px;line-height:1.7;text-align:left}.dog-pair{right:20px;top:-66px}.dog-pair canvas{width:80px;height:80px}.hint{font-size:8px;white-space:nowrap}.vignette{background:linear-gradient(90deg,#f4f7e2db,#eef4dc55 60%,transparent)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}