@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@700&display=swap);h3[data-v-b9167eee]{margin:40px 0 0}ul[data-v-b9167eee]{list-style-type:none;padding:0}li[data-v-b9167eee]{display:inline-block;margin:0 10px}a[data-v-b9167eee]{color:#42b983}.my-first-component[data-v-3f2fd424]{text-align:center;padding:20px;font-family:Arial,sans-serif}.demo[data-v-3f2fd424]{margin:20px 0;padding:15px;background-color:#f5f5f5;border-radius:8px}button[data-v-3f2fd424]{margin:0 10px;padding:8px 16px;background-color:#42b983;color:#fff;border:none;border-radius:4px;cursor:pointer}button[data-v-3f2fd424]:hover{background-color:#3aa876}.mood-tracker [data-v-9da0397a],.mood-tracker [data-v-9da0397a]:after,.mood-tracker [data-v-9da0397a]:before{box-sizing:border-box}.mood-tracker[data-v-9da0397a]{max-width:800px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f7f9fc;min-height:100vh}.header[data-v-9da0397a]{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e0e0e0}.header h2[data-v-9da0397a]{color:#2c3e50;margin-bottom:10px}.date-info[data-v-9da0397a]{display:flex;justify-content:center;align-items:center;gap:10px;color:#7f8c8d}.current-date[data-v-9da0397a]{font-size:18px;font-weight:500}.weekday[data-v-9da0397a]{background:#e8f4fd;color:#3498db;padding:4px 12px;border-radius:20px;font-size:14px;font-weight:600}.history[data-v-9da0397a],.mood-details[data-v-9da0397a],.mood-selector[data-v-9da0397a],.stats[data-v-9da0397a]{background:#fff;padding:25px;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.05);margin-bottom:25px;max-width:100%;overflow:hidden}.mood-selector h3[data-v-9da0397a]{color:#2c3e50;margin-bottom:20px;text-align:center}.mood-options[data-v-9da0397a]{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.mood-option[data-v-9da0397a]{display:flex;flex-direction:column;align-items:center;padding:20px 15px;border:2px solid #f0f0f0;border-radius:12px;cursor:pointer;transition:all .2s;background:#fff}.mood-option[data-v-9da0397a]:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.08);border-color:#bce0fd}.mood-option.selected[data-v-9da0397a]{border-color:#3498db;background:#f0f9ff;transform:translateY(-2px);box-shadow:0 6px 16px rgba(52,152,219,.2)}.emoji[data-v-9da0397a]{font-size:36px;margin-bottom:8px}.label[data-v-9da0397a]{font-size:15px;font-weight:500;color:#2c3e50}.gender-section[data-v-9da0397a]{margin-bottom:30px;padding-bottom:25px;border-bottom:1px dashed #f0f0f0}.gender-section h3[data-v-9da0397a]{color:#2c3e50;margin-bottom:20px;text-align:center;font-size:18px}.gender-options[data-v-9da0397a]{display:flex;justify-content:center;gap:30px}.gender-option[data-v-9da0397a]{width:70px;height:70px;flex-shrink:0;display:flex;justify-content:center;align-items:center;border-radius:50%;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1.275);border:3px solid transparent;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.05);position:relative;overflow:hidden}.gender-option.selected[data-v-9da0397a]{border-color:#3498db;transform:scale(1.1);box-shadow:0 8px 20px rgba(52,152,219,.3)}.gender-icon-img[data-v-9da0397a]{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:none;display:block;transition:all .3s;min-width:100%;min-height:100%}.gender-option[data-v-9da0397a]:hover{transform:scale(1.05);border-color:#bce0fd}.mood-details h3[data-v-9da0397a]{color:#2c3e50;margin-bottom:15px;font-size:18px}.description-input[data-v-9da0397a]{width:100%;box-sizing:border-box;padding:15px;border:2px solid #f0f0f0;border-radius:12px;font-size:16px;font-family:inherit;resize:vertical;transition:border-color .3s;overflow-wrap:break-word;white-space:pre-wrap;background:#fafafa}.description-input[data-v-9da0397a]:focus{outline:none;border-color:#3498db;background:#fff}.char-count[data-v-9da0397a]{text-align:right;color:#95a5a6;font-size:13px;margin-top:8px}.tags-section[data-v-9da0397a],.weather-section[data-v-9da0397a]{margin-top:25px}.tags-section h4[data-v-9da0397a],.weather-section h4[data-v-9da0397a]{color:#2c3e50;margin-bottom:15px;font-size:16px}.tags[data-v-9da0397a]{display:flex;flex-wrap:wrap;gap:10px}.tag[data-v-9da0397a]{padding:8px 20px;background:#f5f7fa;border:1px solid #e1e4e8;border-radius:30px;cursor:pointer;transition:all .3s;font-size:14px;color:#586069}.tag[data-v-9da0397a]:hover{background:#e1e4e8;color:#2c3e50}.tag.selected[data-v-9da0397a]{background:#3498db;color:#fff;border-color:#3498db;box-shadow:0 2px 8px rgba(52,152,219,.3)}.weather-select[data-v-9da0397a]{padding:12px 15px;border:2px solid #f0f0f0;border-radius:10px;font-size:16px;width:100%;max-width:320px;background:#fff;box-sizing:border-box;color:#555}.actions[data-v-9da0397a]{text-align:center;margin:40px 0}.save-btn[data-v-9da0397a]{padding:16px 50px;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;border-radius:50px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s;width:100%;max-width:420px;box-shadow:0 4px 15px rgba(52,152,219,.3)}.save-btn[data-v-9da0397a]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px rgba(52,152,219,.4)}.save-btn[data-v-9da0397a]:disabled{opacity:.6;cursor:not-allowed;transform:none}.history h3[data-v-9da0397a],.stats h3[data-v-9da0397a]{color:#2c3e50;margin-bottom:25px;text-align:center;font-size:20px}.history-list[data-v-9da0397a]{display:flex;flex-direction:column;gap:20px}.history-item[data-v-9da0397a]{padding:20px;border:1px solid #eee;border-radius:12px;background:#fff;grid-template-columns:70px 50px minmax(140px,1fr) auto;gap:15px;align-items:center;transition:box-shadow .3s}.history-item[data-v-9da0397a]:hover{box-shadow:0 4px 15px rgba(0,0,0,.06);border-color:#e1e4e8}.history-date[data-v-9da0397a]{font-weight:600;color:#2c3e50;font-size:15px;flex-direction:column;height:100%}.history-date[data-v-9da0397a],.history-user[data-v-9da0397a]{display:flex;align-items:center;justify-content:center}.user-icon[data-v-9da0397a]{width:38px;height:38px;border-radius:50%;-o-object-fit:cover;object-fit:cover;display:block;border:2px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,.1);vertical-align:middle}.user-1.user-icon[data-v-9da0397a]{border-color:#db2777}.user-2.user-icon[data-v-9da0397a]{border-color:#0284c7}.user-1[data-v-9da0397a]{background:#fce7f3;color:#db2777}.user-2[data-v-9da0397a]{background:#e0f2fe;color:#0284c7}.history-mood[data-v-9da0397a]{display:flex;align-items:center;gap:10px}.history-emoji[data-v-9da0397a]{font-size:28px}.history-level[data-v-9da0397a]{font-size:15px;color:#555;font-weight:500;white-space:nowrap}.history-desc[data-v-9da0397a]{color:#666;font-size:14px;line-height:1.5;grid-column:3/-1;margin-top:8px;padding-top:10px;border-top:1px dashed #f0f0f0;width:100%}.history-meta[data-v-9da0397a]{display:flex;align-items:center;gap:10px;margin-left:auto;justify-self:end}.history-tags[data-v-9da0397a]{display:flex;gap:8px;flex-wrap:wrap}.history-tag[data-v-9da0397a]{padding:4px 10px;background:#edf2f7;color:#4a5568;border-radius:15px;font-size:12px;white-space:nowrap}.history-weather[data-v-9da0397a]{font-size:22px}.toggle-history[data-v-9da0397a]{text-align:center;margin-top:25px;padding-top:15px;border-top:1px dashed #ddd;color:#3498db;font-size:14px;font-weight:600;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color .3s;display:flex;justify-content:center;align-items:center;gap:6px}.toggle-history[data-v-9da0397a]:hover{color:#2980b9}.arrow-icon[data-v-9da0397a]{font-size:12px;display:inline-block;transition:transform .3s ease}.arrow-icon.arrow-up[data-v-9da0397a]{transform:rotate(180deg)}.stats-grid[data-v-9da0397a]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.stat-item[data-v-9da0397a]{text-align:center;padding:20px;background:#f8fafd;border-radius:12px;border:1px solid #f1f5f9}.stat-value[data-v-9da0397a]{font-size:32px;font-weight:700;color:#3498db;margin-bottom:8px}.stat-label[data-v-9da0397a]{color:#7f8c8d;font-size:14px}.trend-chart[data-v-9da0397a]{margin-top:30px}.trend-chart h4[data-v-9da0397a]{color:#2c3e50;margin-bottom:20px;text-align:center}.chart-container[data-v-9da0397a]{padding:20px;background:#f8fafd;border-radius:12px}.chart-bars[data-v-9da0397a]{display:flex;justify-content:space-around;align-items:flex-end;height:200px}.chart-bar-container[data-v-9da0397a]{display:flex;flex-direction:column;align-items:center;flex:1;min-width:0}.chart-date[data-v-9da0397a]{font-size:12px;color:#95a5a6;margin-bottom:8px}.chart-bar-wrapper[data-v-9da0397a]{height:150px;display:flex;align-items:flex-end;justify-content:center;width:100%}.chart-bar[data-v-9da0397a]{width:60%;max-width:25px;border-radius:6px 6px 0 0;background:#3498db;transition:height .5s ease}.chart-bar.mood-5[data-v-9da0397a]{background:#2ecc71}.chart-bar.mood-4[data-v-9da0397a]{background:#3498db}.chart-bar.mood-3[data-v-9da0397a]{background:#f1c40f}.chart-bar.mood-2[data-v-9da0397a]{background:#e67e22}.chart-bar.mood-1[data-v-9da0397a]{background:#e74c3c}.chart-bar.mood-0[data-v-9da0397a]{background:#c0392b}.loading[data-v-9da0397a]{display:flex;flex-direction:column;align-items:center;padding:50px;color:#95a5a6}.spinner[data-v-9da0397a]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin-9da0397a 1s linear infinite;margin-bottom:15px}@keyframes spin-9da0397a{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.success-message[data-v-9da0397a]{position:fixed;top:20px;right:20px;background:#2ecc71;color:#fff;padding:15px 25px;border-radius:10px;box-shadow:0 5px 20px rgba(46,204,113,.4);animation:slideIn-9da0397a .3s ease;z-index:1000;display:flex;align-items:center;gap:10px;font-weight:600}.error-message[data-v-9da0397a]{background:#e74c3c;color:#fff;padding:15px;border-radius:10px;margin:20px 0;text-align:center;animation:fadeIn-9da0397a .3s ease;box-shadow:0 4px 12px rgba(231,76,60,.2)}@keyframes slideIn-9da0397a{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes fadeIn-9da0397a{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.mood-tracker[data-v-9da0397a]{padding:15px}.mood-options[data-v-9da0397a]{grid-template-columns:repeat(2,1fr)}.history-item[data-v-9da0397a]{grid-template-columns:auto 1fr;grid-template-rows:auto auto auto auto;gap:10px;padding:15px}.history-user[data-v-9da0397a]{grid-column:1;grid-row:1}.history-date[data-v-9da0397a]{grid-column:2;grid-row:1;align-self:center;flex-direction:row;justify-content:flex-start;gap:10px;font-size:16px}.history-mood[data-v-9da0397a]{grid-column:1/-1;grid-row:2;padding:8px 0;border-bottom:1px solid #f0f0f0}.history-meta[data-v-9da0397a]{grid-column:1/-1;grid-row:3;justify-content:flex-start}.history-desc[data-v-9da0397a]{grid-column:1/-1;grid-row:4;border-top:none;padding-top:0;margin-top:0}.stats-grid[data-v-9da0397a]{grid-template-columns:1fr;gap:15px}}@media (max-width:480px){.header h2[data-v-9da0397a]{font-size:1.5rem}.gender-options[data-v-9da0397a]{gap:15px}}:root{--primary-color:#ff9eb3;--primary-light:#ffd6df;--primary-dark:#ff7eb3;--primary-gradient:linear-gradient(135deg,#ff9a9e,#fecfef);--secondary-color:#fecfef;--accent-color:#a18cd1;--highlight-color:#84fab0;--bg-gradient-start:#fdfbf7;--bg-gradient-end:#f3e7e9;--text-color:#4a4a4a;--text-light:#8e8e8e;--card-bg:#fff;--border-color:#fce4ec;--shadow-sm:0 4px 12px rgba(255,158,179,0.1);--shadow-hover:0 8px 24px rgba(255,158,179,0.25);--transition-speed:0.3s;--border-radius:16px}#app{background:linear-gradient(120deg,var(--bg-gradient-start),var(--bg-gradient-end));color:var(--text-color)}.mode-selector button{border-color:#eecbd3;color:var(--text-color)}.mode-selector button:hover{box-shadow:var(--shadow-sm)}.mode-selector button.active{box-shadow:0 4px 15px rgba(255,158,179,.4)}.toast-message{background:var(--primary-color)!important}.app-header{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:60px;padding-top:20px}.logo-container{margin-bottom:25px;position:relative}.logo-img{width:140px;height:140px;-o-object-fit:cover;object-fit:cover;border-radius:50%;border:5px solid hsla(0,0%,100%,.8);box-shadow:0 10px 25px rgba(66,185,131,.25),0 0 0 1px rgba(66,185,131,.1);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.logo-img:hover{transform:scale(1.1) rotate(3deg);box-shadow:0 15px 35px rgba(66,185,131,.35),0 0 0 1px rgba(66,185,131,.2)}.cute-header{font-family:Quicksand,Varela Round,YouYuan,Microsoft YaHei,sans-serif;font-size:3.2rem;font-weight:900;letter-spacing:2px;text-align:center;margin:0;margin-bottom:15px;cursor:pointer;position:relative;color:#fff;text-shadow:3px 3px 0 #ff9eb5,6px 6px 0 rgba(255,158,181,.3),0 8px 15px rgba(66,185,131,.15);transition:transform .3s cubic-bezier(.175,.885,.32,1.275);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cute-header:hover{transform:scale(1.05) translateY(-5px);text-shadow:4px 4px 0 #ff7eb3,8px 8px 0 rgba(255,126,179,.2),0 12px 20px rgba(66,185,131,.25)}.cute-header:active{transform:scale(.95) translateY(2px);text-shadow:2px 2px 0 #ff9eb5,0 2px 5px rgba(0,0,0,.1)}.header-emoji{display:inline-block;animation:bounce 2s ease-in-out infinite;margin-right:5px;filter:drop-shadow(0 4px 0 rgba(0,0,0,.1))}@keyframes bounce{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(10deg)}}.subtitle{margin:0;font-family:Quicksand,sans-serif;font-size:1.1rem;color:#8899a6;font-weight:500;display:flex;align-items:center;justify-content:center;gap:5px}.subtitle .wave{display:inline-block;animation:shake 2s infinite;font-size:1.3rem}@keyframes shake{0%,to{transform:rotate(0deg)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}}.mode-selector{display:flex;justify-content:center;gap:15px;margin-bottom:30px;flex-wrap:wrap}.mode-selector button{padding:12px 24px;border:2px solid #ddd;background:#fff;border-radius:25px;cursor:pointer;font-size:16px;transition:all .3s;outline:none}.mode-selector button:hover{border-color:var(--primary-color);transform:translateY(-2px)}.mode-selector button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 4px 15px rgba(66,185,131,.3)}.content-area{background:#fff;border-radius:15px;padding:30px;box-shadow:0 10px 30px rgba(0,0,0,.1);margin-bottom:30px;min-height:400px}.mode-content{animation:fadeIn .5s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.welcome-mode{text-align:center}.features{margin-top:30px;padding:20px;background:#f8f9fa;border-radius:10px}.features ul{list-style:none;padding:0;display:inline-block;text-align:left}.features li{padding:8px 0;font-size:16px}.demo-card{background:#f8f9fa;border-radius:10px;padding:20px;margin:20px 0;border-left:4px solid var(--primary-color)}.counter{display:flex;justify-content:center;align-items:center;gap:20px;margin:15px 0}.counter button{width:40px;height:40px;border-radius:50%;border:none;background:var(--primary-color);color:#fff;font-size:20px;cursor:pointer}.count{font-size:24px;font-weight:700;min-width:50px;text-align:center}.reset-btn{padding:8px 16px;background:#e74c3c;color:#fff;border:none;border-radius:5px;cursor:pointer}.color-picker{display:flex;gap:10px;justify-content:center;margin:15px 0}.color-option{width:30px;height:30px;border-radius:50%;cursor:pointer;border:3px solid transparent;transition:transform .3s}.color-option:hover{transform:scale(1.2)}.color-option.selected{border-color:#333;transform:scale(1.1)}.info-card{background:#f8f9fa;border-radius:10px;padding:25px;margin-bottom:25px}.info-table{width:100%;border-collapse:collapse}.info-table tr{border-bottom:1px solid #eee}.info-table td{padding:12px 0}.info-table td:first-child{width:120px;color:#7f8c8d}.mode-badge{display:inline-block;padding:4px 12px;background:var(--primary-color);color:#fff;border-radius:12px;font-size:12px}.quick-links{text-align:center}.links{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.link-btn{display:inline-block;padding:10px 20px;background:var(--primary-color);color:#fff;text-decoration:none;border-radius:25px;transition:all .3s;border:none;cursor:pointer}.link-btn:hover{background:#3aa876;transform:translateY(-2px);box-shadow:0 5px 15px rgba(66,185,131,.3)}footer{text-align:center;margin-top:40px;padding:20px;color:#7f8c8d;background:hsla(0,0%,100%,.8);border-radius:10px}.mode-indicator{font-weight:700}.hint{font-size:.9em;margin-top:10px;opacity:.8}.app-footer{margin-top:30px;padding:20px;background:hsla(0,0%,100%,.85);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 8px 25px rgba(0,0,0,.08);border:1px solid hsla(0,0%,100%,.6);font-size:13px;color:#6c757d;text-align:center;transition:all .3s ease}.app-footer:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.12)}.footer-content{max-width:600px;margin:0 auto}.footer-line{margin:6px 0;color:#555;font-size:14px}.footer-icon{margin-right:6px;font-size:16px}.mode-indicator{font-weight:600;color:var(--primary-color);background:var(--primary-light);padding:2px 8px;border-radius:12px;font-size:13px}.highlight{font-weight:700;color:var(--primary-color)}.footer-hint{margin:10px 0;padding:8px 15px;background:#e8f5e9;color:#2e7d32;border-radius:10px;display:inline-block;font-size:13px;border:1px dashed var(--primary-color)}.footer-beian{margin-top:10px;font-size:12px;color:#7a7a7a}.beian-link{color:#7a7a7a;text-decoration:none;border-bottom:1px dashed hsla(0,0%,47.8%,.3);transition:all .3s ease;font-weight:400}.beian-link:hover{color:#52c470;border-bottom-style:solid;border-bottom-color:#52c470}@media (max-width:768px){header h1{font-size:1.8em}.mode-selector{flex-direction:column;align-items:center}.mode-selector button{width:100%;max-width:300px}.content-area{padding:15px}.links{flex-direction:column;align-items:center}.link-btn{width:100%;max-width:200px}.app-footer{padding:16px}.app-footer,.footer-hint,.footer-line{font-size:12px}.footer-hint{padding:6px 10px}.beian-link{font-size:11px}}