:root{--pc-bg: #f7fbff;--pc-surface: rgba(255, 255, 255, .94);--pc-ink: #0d1d4d;--pc-muted: #64718f;--pc-line: rgba(27, 57, 113, .1);--pc-blue: #0f69ea;--pc-blue-deep: #0b3d98;--pc-teal: #36d0c4;--pc-shadow: 0 22px 50px rgba(71, 119, 192, .14)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--pc-ink);font-family:PingFang SC,Microsoft YaHei,sans-serif;background:radial-gradient(circle at top left,rgba(101,216,244,.2),transparent 30%),radial-gradient(circle at 85% 10%,rgba(80,189,235,.18),transparent 24%),linear-gradient(180deg,#ffffff 0%,var(--pc-bg) 100%)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;border:0}.pc-template-page{min-height:100vh}.pc-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:28px 64px;background:#ffffffe0;backdrop-filter:blur(18px);border-bottom:1px solid rgba(13,29,77,.06)}.pc-logo{font-size:34px;font-weight:800;letter-spacing:.02em}.pc-nav{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.pc-nav-link{padding:8px 4px;background:transparent;color:var(--pc-ink);font-size:17px;font-weight:600}.pc-nav-link.active{color:var(--pc-blue)}.pc-actions{display:flex;align-items:center;gap:12px}.pc-search{display:flex;align-items:center;width:360px;height:62px;padding:0 10px 0 24px;border-radius:999px;border:2px solid rgba(13,29,77,.46);background:#ffffffe6}.pc-search input{flex:1;min-width:0;border:0;outline:0;color:var(--pc-ink);background:transparent}.pc-search input::placeholder{color:#8f98ad}.icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:transparent;color:var(--pc-ink)}.icon-button svg{width:26px;height:26px}.search-trigger{width:46px;height:46px}.with-dot:after{content:"";position:absolute;top:9px;right:9px;width:10px;height:10px;border-radius:50%;background:#ff5548}.pc-login-button,.primary-cta{color:#fff;background:linear-gradient(135deg,var(--pc-blue),var(--pc-blue-deep));box-shadow:0 14px 30px #0f69ea3d}.pc-login-button{min-width:150px;height:56px;padding:0 28px;border-radius:999px;font-size:18px;font-weight:700}.pc-hero,.pc-panels,.pc-detail-dock{max-width:1440px;margin:0 auto}.pc-hero{display:grid;grid-template-columns:1.2fr .9fr;gap:52px;padding:56px 64px 34px}.pc-hero-copy{padding-top:34px}.pc-kicker{margin:0 0 18px;color:#3d78c7;font-size:18px;font-weight:700}.pc-hero-copy h1{margin:0;font-size:clamp(44px,6vw,72px);line-height:1.08;letter-spacing:-.03em}.pc-hero-copy p{max-width:680px;margin:18px 0 0;font-size:24px;line-height:1.6}.pc-highlight-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.pc-highlight-row span,.detail-tags span,.chapter-pill,.rank-tab,.ghost-select{border-radius:999px}.pc-highlight-row span{padding:10px 16px;background:#0f69ea14;color:#2d5ba9;font-weight:600}.primary-cta{min-width:196px;height:64px;margin-top:32px;border-radius:999px;font-size:18px;font-weight:700}.primary-cta.small,.secondary-cta{width:100%;min-width:0;height:54px;margin-top:0}.hero-notice{min-height:28px;margin-top:18px;color:var(--pc-muted);font-size:14px}.pc-hero-gallery{display:flex;align-items:center;justify-content:center;gap:22px}.hero-cover-button{padding:0;background:transparent}.hero-cover-button img{width:186px;height:258px;object-fit:cover;border-radius:28px;box-shadow:var(--pc-shadow)}.hero-cover-button:nth-child(2) img{width:214px;height:292px}.pc-panels{display:grid;grid-template-columns:1.22fr .86fr .96fr;gap:18px;padding:0 64px 26px}.panel-card,.pc-detail-dock{border:1px solid var(--pc-line);background:var(--pc-surface);box-shadow:var(--pc-shadow)}.panel-card{min-height:580px;padding:28px;border-radius:30px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.panel-head h2{margin:0;font-size:28px}.ghost-select{padding:12px 18px;border:1px solid rgba(32,56,98,.14);background:#fff;color:var(--pc-muted);font-weight:600}.book-grid,.limited-grid{display:grid;gap:18px}.book-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.limited-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.book-tile,.limited-book{display:grid;gap:8px;padding:0;text-align:left;background:transparent}.cover-shell{position:relative;border-radius:18px;overflow:hidden;box-shadow:0 14px 32px #4a72b529}.cover-shell img{display:block;width:100%;height:170px;object-fit:cover}.tile-badge,.ribbon{position:absolute;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:#fff;font-size:12px;font-weight:700}.tile-badge{top:10px;right:10px;width:38px;height:38px;background:linear-gradient(135deg,#4bd2c7,#10a4ba)}.ribbon{right:-16px;bottom:14px;min-width:82px;height:28px;padding:0 14px;background:linear-gradient(135deg,#41d7c5,#20b4c8);transform:rotate(-24deg)}.book-tile strong,.limited-book strong{font-size:18px}.book-tile span,.limited-book span,.book-tile small,.limited-book small,.rank-copy span,.detail-title-row p,.detail-intro,.profile-card span{color:var(--pc-muted)}.book-tile small,.limited-book small{line-height:1.5}.ranking-panel{display:flex;flex-direction:column}.rank-tabs{display:flex;gap:10px;margin-bottom:18px}.rank-tab{padding:11px 18px;background:#f0f6ff;color:var(--pc-ink);font-weight:700}.rank-tab.active{background:linear-gradient(135deg,#156ce72e,#36d0c438);color:var(--pc-blue-deep)}.rank-list{display:grid;gap:14px}.rank-row{display:grid;grid-template-columns:76px 1fr auto;gap:14px;align-items:center;padding:10px 0;text-align:left;background:transparent;border-bottom:1px solid rgba(13,29,77,.08)}.rank-row:last-child{border-bottom:0}.rank-row img{width:76px;height:98px;object-fit:cover;border-radius:14px}.rank-copy{display:grid;gap:6px}.rank-copy strong{font-size:19px}.rank-row em{color:#a8b3c4;font-style:normal;font-size:26px;font-weight:700}.pc-detail-dock{display:grid;grid-template-columns:210px 1fr 270px;gap:26px;margin-bottom:28px;padding:26px;border-radius:32px}.detail-cover img{width:100%;height:100%;max-height:288px;object-fit:cover;border-radius:24px}.detail-main{min-width:0}.detail-title-row{display:flex;justify-content:space-between;gap:18px}.detail-title-row h3{margin:0 0 8px;font-size:36px}.detail-title-row p{margin:0}.detail-metrics{display:grid;gap:10px;justify-items:end;color:var(--pc-blue-deep);font-weight:700}.detail-intro{margin:18px 0;line-height:1.85}.detail-tags{display:flex;flex-wrap:wrap;gap:10px}.detail-tags span{padding:8px 14px;background:#0f69ea14;font-weight:600}.detail-chapters{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.chapter-pill{padding:11px 16px;background:#f4f8ff;color:var(--pc-ink);font-weight:600}.detail-actions-panel{display:grid;align-content:start;gap:14px}.secondary-cta{border:1px solid rgba(15,105,234,.24);border-radius:999px;color:var(--pc-blue-deep);background:#0f69ea0f;font-weight:700}.profile-card{display:grid;gap:8px;padding:20px;border-radius:24px;background:linear-gradient(160deg,#edf7fff5,#fffffff5);border:1px solid rgba(13,29,77,.08)}.profile-card strong{font-size:18px}.pc-footer{display:flex;justify-content:center;gap:44px;padding:28px 20px 34px;color:#fff;font-size:17px;background:linear-gradient(180deg,#173264,#0b2148)}@media(max-width:1320px){.pc-header,.pc-hero,.pc-panels{padding-left:28px;padding-right:28px}.pc-header{grid-template-columns:1fr;justify-items:center}.pc-panels{grid-template-columns:1fr}.pc-detail-dock{margin-left:28px;margin-right:28px;grid-template-columns:180px 1fr}.detail-actions-panel{grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:920px){.pc-hero{grid-template-columns:1fr}.pc-search{width:min(100%,420px)}.book-grid,.limited-grid,.detail-actions-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.pc-detail-dock{grid-template-columns:1fr}.detail-cover img{max-height:360px}.detail-title-row{flex-direction:column}.detail-metrics{justify-items:start}}@media(max-width:640px){.pc-header,.pc-hero,.pc-panels{padding-left:14px;padding-right:14px}.pc-logo{font-size:28px}.pc-actions{flex-wrap:wrap;justify-content:center}.pc-search{width:100%}.hero-cover-button img,.hero-cover-button:nth-child(2) img{width:30vw;min-width:92px;max-width:152px;height:42vw;min-height:136px;max-height:208px}.book-grid,.limited-grid,.detail-actions-panel{grid-template-columns:1fr}.pc-footer{flex-wrap:wrap;gap:18px;font-size:15px}}