body{margin:0;font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif;background-color:#fdfcfb;color:#3d2b1f;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}.app-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:24px;box-sizing:border-box;position:relative;overflow:hidden;background:radial-gradient(circle at center,#a3734f0d,#fdfcfb00 70%),#fdfcfb}.cloud-status{position:absolute;top:10px;right:10px;font-size:14px;color:#6b5a4a;background-color:#f0ebe3cc;padding:6px 12px;border-radius:12px;z-index:1000;box-shadow:0 2px 8px #a3734f0d}.start-page{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background-color:#f0ebe3;border-radius:32px;padding:48px;box-shadow:0 8px 30px #a3734f26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(163,115,79,.2);max-width:500px;width:90%;position:relative}.start-page .title{font-family:"Source Han Serif SC","Noto Serif SC",Georgia,serif;font-size:36px;color:#a3734f;margin-bottom:10px;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.start-page .subtitle{font-size:18px;color:#6b5a4a;margin-bottom:30px}.explorer-image-container{width:200px;height:200px;margin-bottom:30px;display:flex;align-items:center;justify-content:center;font-size:80px}.explorer-standing{max-width:100%;max-height:100%;object-fit:contain}.start-button{background-color:#a3734f;color:#fdfcfb;border:none;border-radius:24px;padding:15px 30px;font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 15px #a3734f4d}.start-button:hover{background-color:#8b6242;box-shadow:0 6px 20px #a3734f66}.exploration-map{display:flex;flex-direction:column;align-items:center;background-color:#f0ebe3;border-radius:32px;padding:32px;box-shadow:0 8px 30px #a3734f26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(163,115,79,.2);max-width:700px;width:90%;min-height:500px;position:relative}.hud{position:absolute;top:20px;left:50%;transform:translate(-50%);display:flex;gap:20px;background-color:#fdfcfbcc;padding:10px 20px;border-radius:20px;box-shadow:0 2px 10px #a3734f1a;border:1px solid rgba(163,115,79,.1);z-index:10}.hud-item{display:flex;align-items:center;gap:5px;color:#a3734f;font-weight:700;font-size:16px}.map-title{font-family:"Source Han Serif SC","Noto Serif SC",Georgia,serif;font-size:28px;color:#a3734f;margin-top:60px;margin-bottom:30px}.map-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%;margin-bottom:40px;padding:20px;background-image:url(https://picsum.photos/600/400?random=1);background-size:cover;background-position:center;border-radius:18px;box-shadow:inset 0 0 15px #0000001a;min-height:250px;position:relative}.zone-marker{background-color:#fdfcfbe6;border:2px solid #a3734f;border-radius:18px;padding:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:16px;font-weight:700;color:#3d2b1f;box-shadow:0 4px 12px #a3734f1a;position:relative}.zone-marker.locked{background-color:#f0ebe3b3;border-color:#6b5a4a;color:#6b5a4a}.zone-marker.current-zone{border-color:#c8970a;box-shadow:0 0 0 3px #c8970a,0 4px 15px #c8970a66}.zone-marker .zone-name{margin-top:8px}.zone-marker svg{color:#a3734f}.zone-marker.locked svg{color:#6b5a4a}.zone-image{width:40px;height:40px;object-fit:contain;margin-bottom:5px}.map-actions{display:flex;gap:15px;flex-wrap:wrap;justify-content:center}.action-button{background-color:#a3734f;color:#fdfcfb;border:none;border-radius:24px;padding:12px 25px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 10px #a3734f33}.action-button:hover{background-color:#8b6242;box-shadow:0 6px 15px #a3734f4d}.action-button:disabled{background-color:#6b5a4a;cursor:not-allowed;box-shadow:none}.detail-page,.knowledge-cards-page,.achievement-page{background-color:#f0ebe3;border-radius:32px;padding:32px;box-shadow:0 8px 30px #a3734f26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(163,115,79,.2);max-width:600px;width:90%;min-height:400px;position:relative;display:flex;flex-direction:column;align-items:center}.back-button{position:absolute;top:20px;left:20px;background:none;border:none;color:#a3734f;font-size:16px;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .3s ease;font-weight:700}.back-button:hover{color:#8b6242}.knowledge-card{margin-top:40px;background-color:#fdfcfb;border-radius:24px;padding:30px;box-shadow:0 4px 20px #a3734f14;border:1px solid rgba(163,115,79,.1);text-align:center;max-width:450px;width:100%}.card-title{font-family:"Source Han Serif SC","Noto Serif SC",Georgia,serif;font-size:32px;color:#a3734f;margin-bottom:10px}.card-translation{font-size:20px;color:#3d2b1f;margin-bottom:20px;font-style:italic}.card-phrase{font-size:17px;color:#6b5a4a;margin-bottom:25px;line-height:1.7}.culture-tip-box{border-left:3px solid #a3734f;padding-left:15px;margin-top:20px;text-align:left}.culture-tip-label{font-weight:700;color:#a3734f;font-size:15px;margin-bottom:5px}.culture-tip-content{font-size:16px;color:#3d2b1f;line-height:1.7;font-style:italic}.page-title{font-family:"Source Han Serif SC","Noto Serif SC",Georgia,serif;font-size:32px;color:#a3734f;margin-top:20px;margin-bottom:30px}.discovered-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;width:100%;max-height:400px;overflow-y:auto;padding:10px;scrollbar-width:thin;scrollbar-color:#a3734f #f0ebe3}.discovered-items-grid::-webkit-scrollbar{width:8px}.discovered-items-grid::-webkit-scrollbar-track{background:#f0ebe3;border-radius:10px}.discovered-items-grid::-webkit-scrollbar-thumb{background-color:#a3734f;border-radius:10px;border:2px solid #f0ebe3}.discovered-item-card{background-color:#fdfcfb;border-radius:18px;padding:20px;box-shadow:0 2px 10px #a3734f0d;border:1px solid rgba(163,115,79,.1);text-align:center;cursor:pointer;transition:all .3s ease}.discovered-item-card:hover{box-shadow:0 4px 15px #a3734f1a;transform:translateY(-3px)}.discovered-item-word{font-family:"Source Han Serif SC","Noto Serif SC",Georgia,serif;font-size:22px;color:#a3734f;margin-bottom:5px}.discovered-item-translation{font-size:16px;color:#6b5a4a}.empty-state{color:#6b5a4a;font-size:18px;margin-top:50px;width:100%;text-align:center}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;width:100%;max-height:400px;overflow-y:auto;padding:10px;scrollbar-width:thin;scrollbar-color:#a3734f #f0ebe3}.achievements-grid::-webkit-scrollbar{width:8px}.achievements-grid::-webkit-scrollbar-track{background:#f0ebe3;border-radius:10px}.achievements-grid::-webkit-scrollbar-thumb{background-color:#a3734f;border-radius:10px;border:2px solid #f0ebe3}.achievement-card{background-color:#fdfcfb;border-radius:18px;padding:20px;box-shadow:0 2px 10px #a3734f0d;border:1px solid rgba(163,115,79,.1);text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;position:relative}.achievement-card.unlocked{background-color:#fdfcfb;border-color:#c8970a;box-shadow:0 4px 15px #c8970a33}.achievement-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#f0ebe3;border:2px solid #a3734f;font-size:30px}.achievement-card.unlocked .achievement-icon{background-color:#c8970a;border-color:#c8970a}.achievement-card.unlocked .achievement-icon img{filter:drop-shadow(0 0 5px rgba(255,255,255,.5))}.achievement-name{font-family:"Source Han Serif SC","Noto Serif SC",Georgia,serif;font-size:20px;color:#a3734f;margin-bottom:0}.achievement-description{font-size:14px;color:#6b5a4a;line-height:1.5}.unlocked-tag{position:absolute;top:-10px;right:-10px;background-color:#c8970a;color:#fdfcfb;font-size:12px;padding:4px 8px;border-radius:10px;font-weight:700;box-shadow:0 2px 5px #c8970a4d}.floating-sparkle{position:absolute;top:10%;left:5%;z-index:0;pointer-events:none}.floating-sparkle svg{filter:drop-shadow(0 0 5px rgba(200,151,10,.5))}@media (max-width: 768px){.start-page,.exploration-map,.detail-page,.knowledge-cards-page,.achievement-page{padding:20px;border-radius:24px}.start-page .title{font-size:30px}.start-button{padding:12px 20px;font-size:18px}.hud{flex-direction:column;gap:10px;padding:8px 15px;top:10px}.map-title,.page-title{font-size:24px;margin-top:80px}.map-grid{grid-template-columns:1fr;padding:15px;min-height:200px}.action-button{padding:10px 18px;font-size:14px}.knowledge-card{padding:20px}.card-title{font-size:28px}.card-translation{font-size:18px}.discovered-items-grid,.achievements-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}}