*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif;background:#f4f1ea;color:#333;overflow-x:hidden;overflow-y:auto}#app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.board{position:relative;height:100vh;display:flex;flex-direction:column}.title{margin:0;padding:10px 0 4px;text-align:center;font-size:20px;font-weight:600;letter-spacing:2px;color:#5a5348}.map-zone{flex:1 1 auto;min-height:0;padding:6px 16px;background:linear-gradient(135deg,#ede8dd,#d5cfc0,#a8c8e0 70%,#7db8d8)}.map-outline{width:100%;height:100%;display:block}.outline-path{fill:#e6e1d6;stroke:#b7ae9d;stroke-width:1;stroke-linejoin:round}.tray{flex:0 0 30vh;margin:8px 12px 12px;border:2px dashed #c9c0ae;border-radius:12px;background:#ede8dd}@media(max-width:768px){body{overflow:auto}.board{height:100vh;height:100dvh}.title{font-size:16px;padding:8px 0 2px}.map-zone{padding:4px 8px}.tray{flex:0 0 22vh;margin:6px 8px 8px}}.piece[data-v-c08b9357]{position:absolute;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.piece.dragging[data-v-c08b9357]{cursor:grabbing}.piece svg[data-v-c08b9357]{display:block;overflow:visible}.piece.dragging svg[data-v-c08b9357]{filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))}.piece.flash svg[data-v-c08b9357]{animation:piece-glow-c08b9357 1.8s ease}@keyframes piece-glow-c08b9357{0%,to{filter:drop-shadow(0 0 0 rgba(255,195,66,0))}22%{filter:drop-shadow(0 0 16px rgba(255,195,66,.95))}48%{filter:drop-shadow(0 0 5px rgba(255,195,66,.55))}}.piece-path[data-v-c08b9357]{stroke:#ffffff40;stroke-width:.5;stroke-linejoin:round}.piece-shading[data-v-c08b9357]{pointer-events:none}.home-link[data-v-6e471337]{position:absolute;left:16px;top:14px;font-size:13px;font-weight:400;letter-spacing:0;color:#8a8175;text-decoration:none}.home-link[data-v-6e471337]:hover{color:#5a5348}.name-flash[data-v-6e471337]{position:absolute;z-index:1000001;transform:translate(-50%,-50%);padding:6px 20px;border-radius:16px;background:#fffffff0;border:2px solid #ffc342;color:#d64533;font-weight:700;font-size:clamp(22px,4.5vw,36px);letter-spacing:3px;white-space:nowrap;pointer-events:none;box-shadow:0 6px 20px #00000047;animation:name-pop-6e471337 1.8s cubic-bezier(.22,1.2,.36,1) forwards}@keyframes name-pop-6e471337{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}16%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}28%{transform:translate(-50%,-50%) scale(1)}78%{opacity:1}to{opacity:0;transform:translate(-50%,-56%) scale(1)}}@media(max-width:768px){.home-link[data-v-6e471337]{left:8px;top:8px;font-size:12px}}.home[data-v-7bf4d594]{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:36px 16px 40px;gap:10px}.hero[data-v-7bf4d594]{text-align:center;margin-bottom:6px}.home-title[data-v-7bf4d594]{margin:0;font-size:34px;letter-spacing:4px;color:#5a5348}.hero-tag[data-v-7bf4d594]{margin:8px 0 14px;color:#a39a8b;font-size:14px;letter-spacing:2px}.home-search[data-v-7bf4d594]{width:100%;max-width:440px;padding:12px 16px;border:2px solid #e6e1d6;border-radius:24px;font-size:15px;outline:none;text-align:center;color:#333;box-shadow:0 2px 10px #5a53480f}.home-search[data-v-7bf4d594]:focus{border-color:#b7ae9d}.hubs[data-v-7bf4d594]{width:100%;max-width:1100px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:8px 0 6px}.hub[data-v-7bf4d594]{border:none;border-radius:18px;padding:20px 18px 16px;color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;box-shadow:0 6px 18px #3c32282e;transition:transform .15s,box-shadow .15s,outline-color .15s;outline:3px solid transparent;outline-offset:2px}.hub[data-v-7bf4d594]:hover{transform:translateY(-4px);box-shadow:0 10px 26px #3c32283d}.hub.on[data-v-7bf4d594]{outline-color:#ffffffd9;transform:translateY(-2px)}.hub-geo[data-v-7bf4d594]{background:linear-gradient(135deg,#0c4a6e,#0ea5e9)}.hub-math[data-v-7bf4d594]{background:linear-gradient(135deg,#4338ca,#7c3aed)}.hub-sci[data-v-7bf4d594]{background:linear-gradient(135deg,#155e75,#06b6d4)}.hub-culture[data-v-7bf4d594]{background:linear-gradient(135deg,#92400e,#d97706)}.hub-life[data-v-7bf4d594]{background:linear-gradient(135deg,#9a3412,#f97316)}.hub-play[data-v-7bf4d594]{background:linear-gradient(135deg,#9d174d,#ec4899)}.hub-icon[data-v-7bf4d594]{font-size:34px;line-height:1;margin-bottom:4px}.hub-name[data-v-7bf4d594]{font-size:20px;font-weight:700;letter-spacing:1px}.hub-desc[data-v-7bf4d594]{font-size:12px;opacity:.92;line-height:1.5}.hub-count[data-v-7bf4d594]{margin-top:8px;font-size:11px;background:#ffffff38;border-radius:10px;padding:2px 10px}.hub-back[data-v-7bf4d594]{width:100%;max-width:1100px;margin:-2px 0 4px}.hub-back button[data-v-7bf4d594]{border:1px solid #d8d0c2;background:#fff;color:#5a5348;border-radius:18px;padding:6px 16px;font-size:13px;cursor:pointer}.hub-back button[data-v-7bf4d594]:hover{border-color:#b7ae9d}.sec-title[data-v-7bf4d594]{width:100%;max-width:1100px;font-size:17px;color:#5a5348;margin:18px 0 10px;font-weight:700;letter-spacing:1px}.cat-group[data-v-7bf4d594]{width:100%;max-width:1100px}.cat-title[data-v-7bf4d594]{font-size:16px;color:#8a8172;margin:20px 0 12px;font-weight:700;letter-spacing:1px;display:inline-flex;align-items:center;gap:6px}.home-empty[data-v-7bf4d594]{margin:24px 0;color:#a39a8b;font-size:14px;text-align:center}.home-sub[data-v-7bf4d594]{margin:0 0 32px;color:#a39a8b;font-size:14px}.cards[data-v-7bf4d594]{display:flex;gap:24px;flex-wrap:wrap;justify-content:center;padding:0 16px}.card[data-v-7bf4d594]{width:240px;padding:28px 24px;border-radius:16px;background:#fff;border:2px solid #e6e1d6;text-decoration:none;color:#333;display:flex;flex-direction:column;align-items:center;gap:10px;transition:transform .15s,border-color .15s,box-shadow .15s}.card[data-v-7bf4d594]:hover{transform:translateY(-4px);border-color:#b7ae9d;box-shadow:0 8px 24px #5a534826}.card-icon[data-v-7bf4d594]{font-size:44px}.card-name[data-v-7bf4d594]{font-size:18px;font-weight:600}.card-desc[data-v-7bf4d594]{font-size:13px;color:#a39a8b;text-align:center;line-height:1.6}.contact[data-v-7bf4d594]{margin-top:32px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 16px}.contact-tip[data-v-7bf4d594]{margin:0;color:#a39a8b;font-size:13px;text-align:center;line-height:1.7;max-width:540px}.contact-email[data-v-7bf4d594]{color:#5a5348;font-size:14px;font-weight:600;text-decoration:none;padding-bottom:2px;border-bottom:1px dashed #b7ae9d;transition:color .15s,border-color .15s}.contact-email[data-v-7bf4d594]:hover{color:#3a6ea5;border-bottom-color:#3a6ea5}.beian[data-v-7bf4d594]{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;padding:10px 16px 14px;font-size:12px;color:#b3aa9a}.beian a[data-v-7bf4d594]{color:#b3aa9a;text-decoration:none;display:inline-flex;align-items:center;gap:3px}.beian-badge[data-v-7bf4d594]{height:14px;width:auto}.beian a[data-v-7bf4d594]:hover{color:#5a5348}.beian-sep[data-v-7bf4d594]{color:#d0c8ba}@media(max-width:768px){.home[data-v-7bf4d594]{height:auto;min-height:100vh;padding:28px 12px 32px;justify-content:flex-start;gap:4px}.home-title[data-v-7bf4d594]{font-size:24px;letter-spacing:2px}.hero-tag[data-v-7bf4d594]{font-size:12px;margin:6px 0 10px}.hubs[data-v-7bf4d594]{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.hub[data-v-7bf4d594]{padding:14px 12px 12px;border-radius:14px}.hub-icon[data-v-7bf4d594]{font-size:26px}.hub-name[data-v-7bf4d594]{font-size:16px}.hub-desc[data-v-7bf4d594]{font-size:11px}.sec-title[data-v-7bf4d594]{font-size:15px;margin:14px 0 8px}.cards[data-v-7bf4d594]{gap:14px;padding:0 4px}.card[data-v-7bf4d594]{width:100%;max-width:340px;padding:20px 18px;flex-direction:row;gap:12px;align-items:center}.card-icon[data-v-7bf4d594]{font-size:32px;flex-shrink:0}.card-name[data-v-7bf4d594]{font-size:15px}.card-desc[data-v-7bf4d594]{display:none}.beian[data-v-7bf4d594]{font-size:10px;gap:4px;padding:8px 12px 10px}.beian-badge[data-v-7bf4d594]{height:11px}}