.reading-hero{background:radial-gradient(circle at 82% 18%,#7c3aed26,#0000 30%),linear-gradient(135deg,#eff6ff 0%,#fff 48%,#f5f3ff 100%);grid-template-columns:minmax(0,1.35fr) 360px;gap:28px;padding:34px;display:grid;position:relative;overflow:hidden}.reading-eyebrow{color:#2563eb;letter-spacing:.3px;background:#dbeafe;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:1000;display:inline-flex}.reading-hero h1{letter-spacing:-2px;margin:18px 0 14px;font-size:48px;line-height:1.08}.reading-hero p{color:#475569;max-width:760px;margin:0;font-size:17px;font-weight:700;line-height:1.9}.reading-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.reading-orbit{background:linear-gradient(145deg,#ffffffb8,#eff6ffb3);border:1px solid #bfdbfed9;border-radius:10px;place-items:center;min-height:290px;display:grid;position:relative}.reading-orbit:before{content:"";border:1px dashed #2563eb59;border-radius:50%;width:230px;height:230px;position:absolute}.reading-orbit:after{content:"";border:1px dashed #7c3aed57;border-radius:50%;width:160px;height:160px;position:absolute}.orbit-core{z-index:1;text-align:center;color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:10px;place-items:center;width:120px;height:120px;font-size:24px;font-weight:1000;line-height:1.2;display:grid;position:relative;box-shadow:0 24px 55px #4f46e547}.orbit-dot{z-index:2;color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:1000;position:absolute;box-shadow:0 12px 30px #0f172a1a}.dot-a{top:34px;left:56px}.dot-b{top:72px;right:38px}.dot-c{bottom:52px;left:34px}.dot-d{bottom:35px;right:78px}.reading-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.reading-kpi{border-radius:10px;padding:22px}.reading-kpi b{color:#1d4ed8;letter-spacing:-1px;font-size:34px;display:block}.reading-kpi span{color:#0f172a;margin-top:4px;font-weight:1000;display:block}.reading-kpi p{color:#64748b;margin:8px 0 0;font-size:13px;font-weight:800}.reading-grid-two{grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;display:grid}.reading-panel{border-radius:10px;padding:22px}.panel-titlebar{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:20px;padding-bottom:14px;display:flex}.panel-titlebar span{color:#0f172a;font-size:20px;font-weight:1000;display:block}.panel-titlebar b{color:#64748b;margin-top:4px;font-size:13px;display:block}.panel-titlebar em{color:#2563eb;background:#f8fafc;border-radius:10px;padding:7px 10px;font-size:12px;font-style:normal;font-weight:1000}.category-bars{gap:16px;display:grid}.category-row{gap:8px;display:grid}.category-meta{justify-content:space-between;align-items:center;gap:14px;display:flex}.category-meta strong{color:#0f172a}.category-meta span{color:#64748b;font-size:13px;font-weight:800}.bar-track{background:#eff6ff;border-radius:10px;height:12px;overflow:hidden}.bar-track i{background:linear-gradient(90deg,#2563eb,#7c3aed);border-radius:10px;height:100%;display:block}.note-mix{grid-template-columns:150px minmax(220px,1fr);align-items:center;gap:18px;display:grid}.mix-ring{text-align:center;background:conic-gradient(#2563eb 0 48%,#7c3aed 48% 88%,#f59e0b 88% 100%);color:#fff;border-radius:50%;place-items:center;width:150px;height:150px;display:grid;position:relative;box-shadow:0 24px 55px #2563eb2e}.mix-ring:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:18px}.mix-ring b,.mix-ring span{z-index:1;display:block;position:relative}.mix-ring b{color:#1d4ed8;align-self:end;font-size:30px}.mix-ring span{color:#64748b;align-self:start;font-weight:1000}.mix-list{gap:10px;min-width:0;display:grid}.mix-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:14px minmax(110px,1fr) auto;align-items:center;gap:10px;min-width:0;padding:10px 12px;display:grid}.mix-item i{border-radius:4px;width:12px;height:12px}.mix-item span{color:#475569;white-space:nowrap;word-break:keep-all;font-weight:900}.mix-item b{color:#0f172a;white-space:nowrap}.year-chart{align-items:end;gap:14px;height:220px;padding:12px 4px 4px;display:flex;overflow-x:auto}.year-col{color:#64748b;justify-items:center;gap:8px;min-width:72px;font-size:12px;font-weight:900;display:grid}.year-bar{background:linear-gradient(#7c3aed,#2563eb);border-radius:10px 10px 4px 4px;width:42px;box-shadow:0 14px 28px #4f46e52e}.year-col strong{color:#0f172a}.top-book-list{gap:10px;display:grid}.book-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:58px minmax(0,1fr) 86px;align-items:center;gap:14px;padding:14px;transition:all .18s;display:grid}.book-row:hover{background:#fff;transform:translateY(-2px);box-shadow:0 14px 32px #2563eb14}.book-rank{color:#2563eb;background:#eff6ff;border-radius:10px;place-items:center;width:42px;height:42px;font-weight:1000;display:grid}.book-main h3{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;overflow:hidden}.book-main p{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:6px 0 0;font-size:13px;font-weight:800;overflow:hidden}.book-notes{text-align:right}.book-notes b{color:#1d4ed8;font-size:22px;display:block}.book-notes span{color:#64748b;font-size:12px;font-weight:900;display:block}.recent-list{gap:10px;display:grid}.recent-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:96px 1fr 52px;align-items:center;gap:12px;padding:12px;display:grid}.recent-item span{color:#64748b;font-size:12px;font-weight:900}.recent-item b{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.recent-item em{color:#2563eb;text-align:right;font-style:normal;font-weight:1000}.insight-panel ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.insight-panel li{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px;font-weight:800;line-height:1.7}.contact-strip{color:#475569;background:linear-gradient(135deg,#eff6ff,#f5f3ff);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:16px;font-weight:900;display:flex}.contact-strip b{color:#1d4ed8}.reading-right-card{border-radius:10px}.reading-tags{flex-wrap:wrap;gap:8px;display:flex}.reading-tags span{color:#2563eb;background:#eff6ff;border-radius:10px;padding:8px 10px;font-size:12px;font-weight:1000}@media (max-width:1200px){.reading-hero{grid-template-columns:1fr}.reading-orbit{min-height:240px}.reading-kpi-grid{grid-template-columns:repeat(2,1fr)}.reading-grid-two{grid-template-columns:1fr}}@media (max-width:720px){.reading-hero{padding:24px}.reading-hero h1{font-size:34px}.reading-kpi-grid,.note-mix{grid-template-columns:1fr}.book-row{grid-template-columns:44px minmax(0,1fr)}.book-notes{text-align:left;grid-column:2}.recent-item{grid-template-columns:1fr}.recent-item em{text-align:left}.contact-strip{display:grid}.year-col{min-width:58px}}.book-row-link{color:inherit;display:grid}.book-row-link:hover,.recent-item:hover,.library-book-card:hover{border-color:#bfdbfe;transform:translateY(-2px);box-shadow:0 18px 42px #2563eb1f}.reading-library{margin-top:18px}.book-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-height:760px;padding-right:4px;display:grid;overflow:auto}.library-book-card{color:inherit;background:linear-gradient(135deg,#fff,#f8fbff);border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px;padding:12px;transition:all .2s;display:grid}.library-book-card img{object-fit:cover;background:#e2e8f0;border-radius:10px;width:64px;height:88px;box-shadow:0 10px 24px #0f172a1f}.library-book-card h3{color:#0f172a;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:15px;font-weight:1000;line-height:1.35;display:-webkit-box;overflow:hidden}.library-book-card p{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:5px 0 9px;font-size:12px;font-weight:800;overflow:hidden}.library-book-stats{flex-wrap:wrap;gap:6px;display:flex}.library-book-stats span{color:#1d4ed8;background:#eff6ff;border-radius:10px;padding:4px 7px;font-size:11px;font-weight:1000}.reading-detail-hero{background:radial-gradient(circle at 84% 12%,#7c3aed24,#0000 32%),linear-gradient(135deg,#eff6ff,#fff 55%,#f5f3ff);grid-template-columns:150px minmax(0,1fr);gap:22px;padding:26px;display:grid}.detail-cover{object-fit:cover;background:#e2e8f0;border-radius:10px;width:150px;height:210px;box-shadow:0 24px 50px #0f172a29}.detail-kicker{color:#1d4ed8;background:#dbeafe;border-radius:10px;padding:7px 10px;font-size:12px;font-weight:1000;display:inline-flex}.reading-detail-hero h1{color:#0f172a;letter-spacing:-1px;margin:14px 0 8px;font-size:38px;line-height:1.12}.detail-author{color:#475569;margin:0;font-weight:900}.detail-note{color:#64748b;margin:12px 0 0;font-weight:700;line-height:1.8}.detail-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.detail-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.detail-stat{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px}.detail-stat b{color:#1d4ed8;font-size:26px;display:block}.detail-stat span{color:#64748b;font-size:12px;font-weight:900;display:block}.notes-layout{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:18px;margin-top:18px;display:grid}.note-list{gap:12px;display:grid}.note-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px}.note-item blockquote{color:#0f172a;border-left:4px solid #7c3aed;margin:0;padding-left:12px;font-size:15px;font-weight:800;line-height:1.8}.note-meta{color:#64748b;flex-wrap:wrap;gap:8px;margin-top:10px;font-size:12px;font-weight:900;display:flex}.note-meta span{background:#f1f5f9;border-radius:10px;padding:5px 8px}.review-item{background:linear-gradient(135deg,#fff,#f8fbff);border:1px solid #dbeafe;border-radius:10px;padding:16px}.review-item p{color:#0f172a;margin:0;font-weight:800;line-height:1.8}.review-abstract{color:#475569;background:#f1f5f9;border-radius:10px;margin-top:10px;padding:10px;font-size:13px;line-height:1.7}.empty-notes{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;padding:20px;font-weight:800}.related-books{gap:10px;display:grid}.related-book{background:#fff;border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.related-book img{object-fit:cover;border-radius:10px;width:44px;height:60px}.related-book h3{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;overflow:hidden}.related-book p{color:#64748b;margin:3px 0 0;font-size:12px}.related-book b{color:#1d4ed8}.reading-detail-right .right-card{padding:18px}.reading-detail-right ol{color:#475569;margin:10px 0 0;padding-left:20px;font-weight:800;line-height:1.8}@media (max-width:900px){.note-mix{grid-template-columns:1fr}.mix-list{width:100%}}