:root{--bg:#f5f4ef;--bg-card:#fff;--text-primary:#1a1a1a;--text-secondary:#6b6b6b;--border:#e5e4df;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 8px 24px #0000000f;--shadow-lg:0 16px 48px #00000014;--radius:16px;--transition:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-snap-type:y mandatory;scroll-behavior:smooth;background:var(--bg)}body{color:var(--text-primary);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;overflow-x:hidden}.mainpage{width:100%}.screen{scroll-snap-align:start;flex-direction:column;justify-content:center;align-items:center;height:100vh;min-height:100vh;padding:40px 24px;display:flex;position:relative}.screen-1{gap:16px}.brand-container{text-align:center;animation:.8s ease-out forwards fadeInUp}.brand-title{letter-spacing:.05em;color:var(--text-primary);text-transform:uppercase;font-size:clamp(2.5rem,6vw,5rem);font-weight:800}.brand-subtitle{color:var(--text-secondary);letter-spacing:.02em;text-transform:lowercase;margin-top:8px;font-size:clamp(1rem,2vw,1.3rem);font-weight:400}.screen-2{gap:24px}.tools-container{grid-template-columns:repeat(4,1fr);gap:20px;width:100%;max-width:1100px;display:grid}.tool-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform var(--transition), box-shadow var(--transition);opacity:0;padding:24px 20px;animation:.6s ease-out forwards fadeInUp}.tool-card:first-child{animation-delay:.1s}.tool-card:nth-child(2){animation-delay:.2s}.tool-card:nth-child(3){animation-delay:.3s}.tool-card:nth-child(4){animation-delay:.4s}.tool-card:hover{box-shadow:var(--shadow-md);transform:translateY(-6px)}.tool-card h3{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px;font-size:.9rem;font-weight:600}.time-display{font-variant-numeric:tabular-nums;letter-spacing:.03em;color:var(--text-primary);font-size:2.2rem;font-weight:700}.date-display{color:var(--text-secondary);margin-top:6px;font-size:.9rem}.schedule-display{color:var(--text-primary);font-size:.95rem;line-height:1.8}.schedule-weekday{margin-bottom:6px;font-size:1.1rem;font-weight:700}.schedule-label{color:var(--text-secondary);font-weight:500}.duty-display{color:var(--text-primary);font-size:1.3rem;font-weight:600}.duty-today{color:#d97706;animation:2s infinite pulse}.duty-countdown{color:var(--text-primary)}.countdown-display{color:var(--text-primary);align-items:baseline;gap:6px;font-size:2rem;font-weight:700;display:flex}.countdown-number{font-variant-numeric:tabular-nums;font-size:2.8rem;font-weight:800}.screen-3{gap:32px}.message-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-primary);font-size:1.5rem;font-weight:700;animation:.6s ease-out forwards fadeInUp}.messages-container{flex-wrap:wrap;justify-content:center;gap:24px;width:100%;max-width:800px;display:flex}.message-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);max-width:380px;transition:transform var(--transition), box-shadow var(--transition);opacity:0;flex:300px;padding:28px 32px;animation:.6s ease-out forwards fadeInUp}.message-card:first-child{animation-delay:.15s}.message-card:nth-child(2){animation-delay:.3s}.message-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.message-card blockquote{color:var(--text-primary);quotes:"“" "”" "‘" "’";font-size:1.15rem;font-style:normal;font-weight:500;line-height:1.7}.message-date{color:var(--text-secondary);letter-spacing:.04em;margin-top:12px;font-size:.8rem;display:block}.screen-4{gap:20px}.buttons-container{flex-wrap:wrap;justify-content:center;gap:24px;animation:.7s ease-out forwards fadeInUp;display:flex}.button{letter-spacing:.05em;transition:transform var(--transition), box-shadow var(--transition), background var(--transition);border-radius:999px;justify-content:center;align-items:center;padding:14px 40px;font-size:1.05rem;font-weight:600;text-decoration:none;display:inline-flex}.button-more{background:var(--text-primary);color:var(--bg);box-shadow:var(--shadow-sm)}.button-more:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.button-creativity{color:var(--text-primary);border:2px solid var(--text-primary);background:0 0}.button-creativity:hover{box-shadow:var(--shadow-md);background:var(--text-primary);color:var(--bg);transform:translateY(-3px)}.footer{scroll-snap-align:start;text-align:center;color:var(--text-secondary);letter-spacing:.03em;background:var(--bg);padding:40px 24px 56px;font-size:.85rem;line-height:1.9}.footer p{margin:2px 0}.running-days{color:var(--text-primary);font-weight:600}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@media (width<=1024px){.tools-container{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){html{scroll-snap-type:none}.screen{height:auto;min-height:auto;padding:60px 20px}.screen-1{justify-content:center;min-height:100vh}.tools-container{grid-template-columns:1fr;gap:16px;max-width:400px}.tool-card{padding:20px 18px}.messages-container{flex-direction:column;align-items:center}.message-card{width:100%;max-width:100%}.buttons-container{flex-direction:column;gap:14px;width:100%;max-width:300px}.button{width:100%;padding:13px 30px}.brand-title{font-size:2.2rem}.brand-subtitle{font-size:.95rem}.time-display{font-size:1.8rem}.countdown-number{font-size:2.2rem}}