*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,sans-serif;background:#14110d;color:#f3ead9}#app,#app canvas{position:fixed;top:0;right:0;bottom:0;left:0}.hidden{display:none!important}.layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center}#loading{background:#14110d;z-index:40}.loading-box{text-align:center;width:min(420px,80vw)}.loading-title{font-size:20px;letter-spacing:4px;margin-bottom:24px}.loading-track{height:4px;background:#ffffff26;border-radius:2px;overflow:hidden}#loading-bar{height:100%;width:0%;background:#d8a850;transition:width .2s ease}.loading-sub{margin-top:14px;font-size:13px;color:#a89a80}#welcome{background:#100d09e0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:40}.welcome-box{text-align:center;max-width:560px;padding:24px}.welcome-box h1{font-size:32px;letter-spacing:6px;color:#ecd9ac;margin-bottom:14px}.welcome-sub{font-size:15px;color:#c9bb9e;margin-bottom:14px;line-height:1.8}.welcome-visitors{font-size:13px;color:#d8a850;letter-spacing:2px;margin-bottom:26px;opacity:.85}.welcome-visitors .vc-num{font-size:17px;font-weight:700}#visitor-badge{position:fixed;top:16px;right:64px;padding:7px 14px;border:1px solid rgba(216,168,80,.35);border-radius:999px;background:#14100a99;color:#d8a850;font-size:12px;letter-spacing:1px;z-index:15;pointer-events:none;white-space:nowrap}.welcome-hint{font-size:14px;line-height:2.1;color:#b9ab8e;margin-bottom:30px}#enter-btn{font-size:17px;letter-spacing:4px;padding:13px 52px;color:#1c160d;background:#d8a850;border:none;border-radius:999px;cursor:pointer;transition:transform .15s ease,background .15s ease}#enter-btn:hover:not(:disabled){background:#e9bd63;transform:scale(1.04)}#enter-btn:disabled{opacity:.5;cursor:default}.welcome-copyright{margin-top:28px;font-size:12px;line-height:1.8;color:#b4a891b3}.welcome-copyright a{color:#b89a5e;text-decoration:none}.welcome-copyright a:hover{text-decoration:underline}#info-btn{position:fixed;top:16px;right:16px;width:40px;height:40px;border:1px solid rgba(216,168,80,.4);border-radius:50%;background:#14100a99;color:#d8a850;font-size:20px;line-height:1;cursor:pointer;z-index:15;transition:background .15s ease}#info-btn:hover{background:#14100ae6}.legal-panel{max-width:620px}.legal-body h2{font-size:22px;margin-bottom:20px;color:#33291c;border-bottom:2px solid #d8a850;padding-bottom:10px}.legal-body h3{font-size:15px;margin:18px 0 8px;color:#6b5a3e}.legal-body p{font-size:14px;line-height:1.9;color:#5c513f;margin-bottom:6px}.legal-body ul{margin:6px 0 6px 20px}.legal-body li{font-size:14px;line-height:1.9;color:#5c513f}.legal-update{margin-top:20px;font-size:12px;color:#a89a80}#crosshair{position:fixed;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#fff5dce6;box-shadow:0 0 6px #000c;z-index:10;pointer-events:none}#action-tip,#resume-tip{position:fixed;left:50%;transform:translate(-50%);padding:8px 20px;border-radius:999px;background:#14100ab8;border:1px solid rgba(216,168,80,.55);color:#ecd9ac;font-size:14px;letter-spacing:2px;z-index:10;pointer-events:none}#action-tip{top:calc(50% + 34px)}#resume-tip{bottom:12vh}#hint{position:fixed;left:16px;bottom:14px;font-size:12px;color:#f0e4c899;z-index:10;pointer-events:none;line-height:1.7}#overlay{background:#0a0805c7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.panel{position:relative;width:min(680px,92vw);max-height:88vh;overflow-y:auto;background:#f8f3e8;color:#33291c;border-radius:12px;box-shadow:0 24px 80px #0009}#ov-close{position:absolute;top:10px;right:12px;width:36px;height:36px;border:none;border-radius:50%;background:#1e180fa6;color:#fff;font-size:22px;line-height:1;cursor:pointer;z-index:2}#ov-close:hover{background:#1e180fe6}#ov-cover{width:100%;display:block;background:#ddd3bd}.panel-body{padding:22px 28px 30px}#ov-title{font-size:24px;margin-bottom:6px}#ov-author{font-size:14px;color:#8a7757;margin-bottom:16px}#ov-summary{font-size:15px;line-height:1.9;margin-bottom:12px}#ov-content{font-size:14px;line-height:2;color:#5c513f;white-space:pre-wrap}#ov-link{display:inline-block;margin-top:20px;padding:10px 28px;background:#c8912f;color:#fff;text-decoration:none;border-radius:999px;font-size:14px;letter-spacing:2px}#ov-link:hover{background:#d8a850}.ov-link-note{font-size:12px;color:#a97;margin-top:6px}#ov-bottom-close{display:block;width:100%;padding:14px 0;border:none;background:#e6ddd0;color:#6b5d45;font-size:15px;letter-spacing:2px;cursor:pointer;border-top:1px solid #ccc0aa;transition:background .15s}#ov-bottom-close:hover{background:#d6c9b4;color:#3a3128}#joystick{display:none;position:fixed;left:28px;bottom:36px;width:120px;height:120px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.25);z-index:20;touch-action:none}#joystick-knob{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:#fff4dc8c;pointer-events:none}#rotate-hint{background:#100d09f2;z-index:50}.rotate-box{text-align:center}.rotate-icon{font-size:48px;margin-bottom:20px}.rotate-box p{font-size:18px;color:#ecd9ac;letter-spacing:2px}.rotate-sub{margin-top:8px;font-size:14px;color:#a89a80}#rotate-continue{margin-top:28px;padding:10px 30px;background:transparent;border:1px solid rgba(216,168,80,.45);border-radius:999px;color:#c9bb9e;font-size:14px;letter-spacing:2px;cursor:pointer;transition:all .15s ease}#rotate-continue:hover{background:#d8a8501f;color:#ecd9ac;border-color:#d8a850b3}.gb-panel{max-width:520px;max-height:85vh;display:flex;flex-direction:column}.gb-title{font-size:22px;color:#33291c;border-bottom:2px solid #d8a850;padding-bottom:10px;margin-bottom:6px}.gb-desc{font-size:14px;color:#8a7757;margin-bottom:16px}.gb-list{max-height:300px;overflow-y:auto;margin-bottom:16px;padding-right:4px}.gb-list::-webkit-scrollbar{width:5px}.gb-list::-webkit-scrollbar-thumb{background:#b4a18480;border-radius:3px}.gb-loading,.gb-empty{text-align:center;padding:30px 0;color:#a89a80;font-size:14px}.gb-item{padding:12px 14px;border-bottom:1px solid rgba(180,161,132,.2)}.gb-item:last-child{border-bottom:none}.gb-item-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.gb-item-nick{font-size:14px;font-weight:700;color:#5c4020}.gb-item-time{font-size:12px;color:#b3a184}.gb-item-body{font-size:14px;line-height:1.8;color:#5c513f;word-break:break-word}.gb-form{border-top:1px solid rgba(180,161,132,.3);padding-top:14px}.gb-field{margin-bottom:12px}.gb-field label{display:block;font-size:13px;color:#6b5a3e;margin-bottom:4px;font-weight:700}.gb-input-wrap{position:relative}.gb-input-wrap input,.gb-input-wrap textarea{width:100%;padding:8px 12px;border:1px solid #d4c8b0;border-radius:6px;font-size:14px;font-family:inherit;color:#33291c;background:#fffdf7;outline:none;transition:border-color .15s ease}.gb-input-wrap input:focus,.gb-input-wrap textarea:focus{border-color:#d8a850}.gb-input-wrap textarea{resize:vertical;min-height:70px}.gb-counter{position:absolute;right:10px;bottom:6px;font-size:11px;color:#c4b99e;pointer-events:none;background:#fffdf7cc;padding:0 4px;border-radius:3px}.gb-status{min-height:20px;font-size:13px;margin-bottom:10px}.gb-success{color:#5a8a3c}.gb-error{color:#c0392b}.gb-submit-btn{width:100%;padding:11px 0;border:none;border-radius:8px;background:#d8a850;color:#1c160d;font-size:15px;font-weight:700;letter-spacing:3px;cursor:pointer;transition:background .15s ease,transform .1s ease}.gb-submit-btn:hover:not(:disabled){background:#e9bd63;transform:scale(1.01)}.gb-submit-btn:disabled{opacity:.5;cursor:default}