body{font-family:Arial,sans-serif;max-width:800px;margin:0 auto;padding:20px;background-color:#f5f5f5}.container{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 10px #0000001a}h1{text-align:center;color:#333;font-size:1.5rem}.tabs{display:flex;margin-bottom:20px;border-bottom:1px solid #ddd}.tab{padding:12px 16px;cursor:pointer;background-color:#f2f2f2;border:1px solid #ddd;border-bottom:none;border-radius:5px 5px 0 0;margin-right:5px}.tab.active{background-color:#fff;font-weight:700;border-bottom:1px solid white;margin-bottom:-1px}.tab-content{display:none}.tab-content.active{display:block}table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14px}th,td{padding:10px 8px;text-align:left;border-bottom:1px solid #ddd}th{background-color:#f2f2f2;font-weight:700}.input-cell{text-align:center}input{width:60px;padding:8px;text-align:center;border:1px solid #ccc;border-radius:4px;font-size:14px}.total-row{font-weight:700;background-color:#f9f9f9}.formula-info{margin-top:20px;padding:15px;background-color:#f0f8ff;border-radius:4px;font-size:13px}.py-3{padding-top:1em;padding-bottom:1em}.bg{background-repeat:no-repeat;background-size:cover;margin:5px}.bg,.bg img,td.icon{width:72px;height:72px}.text-muted{color:#666;font-size:12px;line-height:1.3}.gok_logo{text-align:center}.gok_logo img{width:200px}#blueHadakTotal:before,#silverHairpinTotal:before,#forageTotal:before,#intimacy-forage-total:before,#ordos-total:before,#sandalwoodBracelet-total:before,#charm-total:before,#intimacy-total:before,#chestsTotal:before{content:"≈ ";text-wrap:nowrap}@media(max-width:600px){body{padding:10px}.container{padding:15px}h1{font-size:1.3rem}table{font-size:13px}th,td{padding:8px 5px}.bg,.bg img,td.icon{width:40px;height:40px}input{width:50px;padding:6px;font-size:13px}.formula-info{padding:12px;font-size:12px}.tab{padding:10px 12px;font-size:14px}.gok_logo img{width:150px}}@media(max-width:400px){table{font-size:12px}th,td{padding:6px 3px}.text-muted{font-size:11px}.bg,.bg img,td.icon{width:35px;height:35px}input{width:45px;padding:5px}.gok_logo img{width:120px}}#settings-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1000;justify-content:center;align-items:center;padding:20px;box-sizing:border-box}#settings-modal[style*="display: flex"]{animation:#settings-modal-fadeIn .2s ease-out}#settings-modal-content{background:#fff;padding:20px;border-radius:8px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 4px 20px #00000026;position:relative;animation:#settings-modal-scaleIn .2s ease-out}#settings-modal h2{margin-top:0;margin-bottom:20px;color:#333;font-size:1.4rem;border-bottom:1px solid #eee;padding-bottom:10px}#settings-modal-section{margin-bottom:25px}#settings-modal h3{margin:0;color:#444;font-size:1.1rem;background:#f8f9fa;padding:8px 12px;border-radius:4px}#settings-modal .settings-row{display:flex;justify-content:space-between;align-items:center;padding:8px 5px;border-bottom:1px solid #f0f0f0}#settings-modal .settings-label{flex:1;font-size:14px;color:#555;margin-right:15px}#settings-modal .settings-input{width:80px;padding:8px 10px;border:1px solid #ddd;border-radius:4px;font-size:14px;text-align:center}#settings-modal .settings-input:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px #4caf501a}#settings-modal .settings-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:25px;padding-top:15px;border-top:1px solid #eee}#settings-modal .settings-btn{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;min-width:80px}#settings-modal .settings-btn-primary{background:#4caf50;color:#fff}#settings-modal .settings-btn-primary:hover{background:#45a049;transform:translateY(-1px)}#settings-modal .settings-btn-secondary{background:#6c757d;color:#fff}#settings-modal .settings-btn-secondary:hover{background:#5a6268;transform:translateY(-1px)}#settings-modal .settings-btn-danger{background:#f44336;color:#fff}#settings-modal .settings-btn-danger:hover{background:#d32f2f;transform:translateY(-1px)}#settings-btn{padding:7px 10px;background:#747a81;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background .2s ease;margin-bottom:15px}#settings-btn:hover{background:#727d83}#reset-settings{padding:7px 10px;background:transparent;color:#333;border:none;cursor:pointer;font-size:14px;transition:background .2s ease;margin-bottom:15px}@media(max-width:768px){#settings-modal{padding:10px;align-items:flex-start}#settings-modal-content{max-width:100%;max-height:85vh;padding:15px;margin:0}#settings-modal h2{font-size:1.1rem;margin-bottom:15px}#settings-modal .settings-row{flex-direction:row;padding:8px 5px}#settings-modal .settings-label{margin-right:0;margin-bottom:8px;width:100%}#settings-modal .settings-input{width:100%;max-width:120px}#settings-modal .settings-buttons{flex-direction:column;gap:8px}#settings-modal .settings-btn{width:100%;padding:12px}#settings-modal h3{font-size:1rem;padding:6px 10px}}@media(max-width:480px){#settings-modal-content{padding:12px}#settings-modal h2{font-size:1.1rem}#settings-modal .settings-input{max-width:100px;padding:6px 8px}#settings-modal .settings-label{font-size:13px}#settings-btn{padding:8px 16px;font-size:13px;width:100%;margin-bottom:10px}}@media(max-width:360px){#settings-modal-content{padding:10px}#settings-modal h2{font-size:1rem}#settings-modal .settings-input{max-width:80px;font-size:13px}#settings-modal .settings-btn{padding:10px;font-size:13px}}.btn-settings[data-v-97ee8e60]{padding:7px 10px;background:#747a81;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background .2s ease;margin-bottom:15px}.btn-settings[data-v-97ee8e60]:hover{background:#727d83}.btn-reset[data-v-97ee8e60]{padding:7px 10px;background:transparent;color:#333;border:none;cursor:pointer;font-size:14px;transition:background .2s ease;margin-bottom:15px}#settings-modal[data-v-97ee8e60]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}#settings-modal-content[data-v-97ee8e60]{background:#fff;padding:20px;border-radius:8px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto}#settings-modal-section[data-v-97ee8e60]{margin-bottom:20px}.settings-row[data-v-97ee8e60]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.settings-label[data-v-97ee8e60]{flex:1;margin-right:10px}.settings-input[data-v-97ee8e60]{width:80px;padding:5px;border:1px solid #ccc;border-radius:4px}.settings-buttons[data-v-97ee8e60]{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.settings-btn[data-v-97ee8e60]{padding:8px 16px;border:none;border-radius:4px;cursor:pointer}.settings-btn-primary[data-v-97ee8e60]{background-color:#007bff;color:#fff}.settings-btn-secondary[data-v-97ee8e60]{background-color:#6c757d;color:#fff}#saveIndicator[data-v-bdc15173]{position:fixed;bottom:20px;right:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 12px;border-radius:20px;font-size:12px;font-weight:500;box-shadow:0 4px 12px #00000026;transition:all .4s cubic-bezier(.175,.885,.32,1.275);z-index:1000;pointer-events:none}