/* 📋 小狗的办公室 — 基础样式 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;600;700&display=swap');
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
  min-height: 100vh; min-height: 100dvh;
  font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', sans-serif;
  background: linear-gradient(160deg, #fffaf5 0%, #ffe8d2 35%, #ffd4b0 65%, #f0c8a0 100%);
  padding: 24px 16px; color: #5a4a3a;
}
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(16px); }
  to { opacity: 1; transform: translateY(0); }
}
.header { text-align: center; margin-bottom: 24px; animation: fadeUp 0.6s ease; }
.header h1 { font-size: 22px; font-weight: 700; color: #8b5e3c; }
.header .sub { font-size: 13px; color: #a08060; margin-top: 4px; }
.back-link { display: inline-block; margin-bottom: 16px; color: #c07830; text-decoration: none; font-size: 14px; animation: fadeUp 0.4s ease; }
.back-link:hover { text-decoration: underline; }
.btn { padding: 8px 16px; border-radius: 10px; border: none; font-size: 13px; font-family: inherit; cursor: pointer; transition: all 0.15s; }
.btn-back { background: rgba(255,255,255,0.7); color: #8b5e3c; }
.btn-back:hover { background: rgba(255,255,255,0.9); }
.btn-download { background: #e07b39; color: white; }
.btn-download:hover { background: #c96a2e; }
.loading { text-align: center; padding: 40px; color: #a08060; font-size: 14px; }
.toast { position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%) translateY(80px); background: #5a4a3a; color: white; padding: 10px 20px; border-radius: 10px; font-size: 13px; transition: transform 0.3s ease; z-index: 100; }
.toast.show { transform: translateX(-50%) translateY(0); }