*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:-apple-system,PingFang SC,Helvetica Neue,Noto Sans SC,sans-serif;background:#fbf7f0;color:#4a3c30;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}:root{--bg-primary: #FFFFFF;--bg-secondary: #F5F5F7;--bg-card: #FFFFFF;--bg-input: #F2F2F4;--primary: #1D1D1F;--primary-dark: #000000;--primary-light: #3A3A3C;--secondary: #86868B;--accent: #0071E3;--text-primary: #1D1D1F;--text-secondary: #6E6E73;--text-light: #A1A1A6;--text-inverse: #FFFFFF;--border: #E5E5EA;--border-light: #F0F0F2;--shadow: rgba(0, 0, 0, .04);--shadow-medium: rgba(0, 0, 0, .08);--shadow-strong: rgba(0, 0, 0, .12);--success: #34C759;--error: #FF3B30;--font-serif: "Noto Serif SC", "Georgia", serif}.app{height:100%;display:flex;flex-direction:column;max-width:480px;margin:0 auto;position:relative;background:var(--bg-primary);box-shadow:0 0 40px #8b73550f}.app-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.app-content::-webkit-scrollbar{width:4px}.app-content::-webkit-scrollbar-track{background:transparent}.app-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.anim-fade{animation:fadeIn .4s ease both}.anim-slide-up{animation:slideUp .4s ease both}.anim-slide-right{animation:slideInRight .3s ease both}.anim-scale{animation:scaleIn .3s ease both}.skeleton{background:linear-gradient(90deg,#f0e8dc 25%,#f8f2e8,#f0e8dc 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}.btn{border:none;border-radius:12px;padding:14px 24px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--text-inverse);box-shadow:0 4px 14px #a873504d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #a8735066}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:var(--bg-input);color:var(--text-primary)}.btn-secondary:hover{background:var(--border-light)}.btn-text{background:transparent;color:var(--primary);padding:8px 12px}.btn-text:hover{background:var(--bg-input)}.btn-danger{background:transparent;color:var(--error);border:1px solid var(--error)}.btn-danger:hover{background:#c97b6314}.input,.textarea,.select{width:100%;border:1.5px solid var(--border);border-radius:12px;padding:12px 16px;font-size:15px;font-family:inherit;color:var(--text-primary);background:var(--bg-card);transition:border-color .2s,box-shadow .2s;outline:none}.input:focus,.textarea:focus,.select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #c9936a1f}.textarea{resize:none;line-height:1.7}.input::placeholder,.textarea::placeholder{color:var(--text-light)}.tag{display:inline-flex;align-items:center;padding:3px 12px;border-radius:999px;font-size:12px;font-weight:500;gap:4px}.tag-location,.tag-date{background:var(--bg-input);color:var(--text-secondary)}.photo-grid{display:grid;gap:4px}.photo-grid-2{grid-template-columns:repeat(2,1fr)}.photo-grid-3{grid-template-columns:repeat(3,1fr)}.photo-item{border-radius:10px;overflow:hidden;position:relative}.photo-item img{width:100%;height:100%;object-fit:cover;display:block}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center}.empty-icon{font-size:56px;margin-bottom:20px;opacity:.6}.empty-title{font-size:18px;color:var(--text-secondary);font-weight:600;margin-bottom:8px}.empty-desc{font-size:14px;color:var(--text-light);line-height:1.6}.fade-screen{animation:slideInRight .3s ease both}.no-select{user-select:none;-webkit-user-select:none}