:root{--bg-0: #f8fafc;--bg-1: #e6eef8;--card: #ffffff;--ink: #102032;--muted: #4b5563;--primary: #065f46;--primary-hover: #064e3b;--danger: #b91c1c;--radius: 14px;--shadow: 0 14px 35px rgba(12, 32, 57, .08)}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Noto Sans SC,PingFang SC,Microsoft Yahei,sans-serif;background:radial-gradient(circle at 80% 0%,#d8edf6 0%,var(--bg-0) 45%),linear-gradient(180deg,var(--bg-1),var(--bg-0))}a{color:#0f4c81;text-decoration:none}.page-bg{min-height:100vh}.topbar{max-width:1080px;margin:0 auto;padding:28px 20px 10px}.brand{font-size:28px;font-weight:800;letter-spacing:.4px;color:#0a1626}.subtitle{margin:6px 0 0;color:var(--muted)}.container{max-width:1080px;margin:0 auto;padding:16px 20px 44px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.panel{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;margin-bottom:16px}.panel>h2,.panel>h3{margin:0 0 10px;line-height:1.35}.movie-list{margin:0;padding:0;list-style:none}.movie-list li{display:flex;justify-content:space-between;border-bottom:1px solid #edf2f7;padding:11px 0}.meta{color:var(--muted);font-size:13px}.add-panel .hint{margin-top:4px;color:var(--muted)}.form-row{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:12px}input{border:1px solid #d8dee9;border-radius:10px;padding:10px 12px;font-size:14px}button{border:0;border-radius:10px;padding:10px 14px;background:var(--primary);color:#fff;cursor:pointer;font-weight:600}button:hover{background:var(--primary-hover)}button:disabled{opacity:.7;cursor:not-allowed}.score-box{display:flex;flex-direction:column;gap:8px}.movie-main{display:flex;flex-direction:column;gap:14px}.movie-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}.movie-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}.btn-link{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:10px 14px;font-weight:600}.primary-btn{background:var(--primary);color:#fff}.primary-btn:hover{background:var(--primary-hover);color:#fff}.secondary-btn{background:#d9e2ec;color:#243447}.secondary-btn:hover{background:#c7d3e1}.rating-bars{display:flex;flex-direction:column;gap:8px}.rating-row{display:grid;grid-template-columns:34px minmax(0,1fr) 52px;gap:10px;align-items:center}.rating-star,.rating-value{font-size:13px;color:var(--muted)}.rating-track{height:10px;border-radius:999px;overflow:hidden;background:#e7edf4}.rating-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#f59e0b,#f97316)}.score-label{margin:0;color:var(--muted)}.score{margin:0;font-size:52px;line-height:1;font-weight:800}.chart-wrap{width:100%}.trend-chart{width:100%;height:360px}.chart-empty{display:grid;place-items:center;width:100%;height:320px;color:var(--muted);border:1px dashed #d8dee9;border-radius:12px;background:#f8fafc}.error{color:var(--danger)}@media(max-width:900px){.grid-2,.movie-grid{grid-template-columns:1fr}.trend-chart{height:300px}}