*{box-sizing:border-box;margin:0;padding:0}html,body{color:#333;-webkit-tap-highlight-color:transparent;background-color:#fdf5e6;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;overflow:hidden}#app{width:100%;height:100%}.app-container{width:100%;height:100%;padding:0 16px;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);flex-direction:column;align-items:center;display:flex}.header{text-align:center;width:100%;padding:16px 0}.header-title{color:#333;font-size:18px;font-weight:500}.direction-info{border-radius:8px;justify-content:space-between;align-items:center;width:100%;margin-bottom:10px;padding:12px 20px;transition:background-color .3s;display:flex}.direction-info.locked{background-color:#c41e3a1a}.direction-left{flex-direction:column;align-items:flex-start;display:flex}.direction-name{color:#333;font-size:16px}.direction-degree{color:#666;font-size:14px}.direction-pointer{color:#c41e3a;font-size:24px}.direction-right{text-align:right}.sitting-facing{color:#333;font-size:16px}.compass-container{aspect-ratio:1;justify-content:center;align-items:center;width:100%;max-width:360px;display:flex}.tips{text-align:center;color:#c41e3a;padding:20px 16px;font-size:14px;line-height:1.8}.actions{flex-direction:column;align-items:center;gap:16px;padding:16px 0;display:flex}.btn-primary{color:#fff;cursor:pointer;background-color:#c41e3a;border:none;border-radius:24px;min-width:160px;padding:12px 32px;font-size:16px;transition:background-color .2s}.btn-primary:active{background-color:#a01830}.btn-primary.locked{background-color:#666}.btn-link{color:#666;cursor:pointer;background:0 0;border:none;font-size:14px;text-decoration:underline}.instructions p{color:#666;text-align:left;margin-bottom:4px;font-size:13px}.help-list{text-align:left;margin:16px 0;padding-left:20px}.help-list li{color:#666;font-size:14px;line-height:2}@media screen and (max-height:600px){.tips{padding:10px 16px;font-size:12px}.actions{gap:10px;padding:10px 0}}@media screen and (min-width:428px){.compass-container{max-width:380px}}.compass-canvas[data-v-5d5006fa]{width:100%;height:100%}.modal-overlay[data-v-e6437548]{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content[data-v-e6437548]{text-align:center;background:#fff;border-radius:12px;width:90%;max-width:300px;padding:24px}.modal-content h3[data-v-e6437548]{color:#333;margin-bottom:16px;font-size:18px}.btn-primary[data-v-e6437548]{color:#fff;cursor:pointer;background-color:#c41e3a;border:none;border-radius:24px;min-width:120px;margin-top:16px;padding:12px 24px;font-size:16px}.btn-primary[data-v-e6437548]:active{background-color:#a01830}