:root {
      --ink: #18304e;
      --muted: #687b91;
      --line: #dfe9f3;
      --paper: #f7fbff;
      --surface: #ffffff;
      --pine: #1469cf;
      --pine-dark: #0c4eaa;
      --pine-soft: #e7f3ff;
      --orange: #bf721d;
      --orange-soft: #fff4e4;
      --red: #b84c59;
      --red-soft: #fff0f2;
      --shadow: 0 16px 48px rgba(21, 83, 149, .08);
      --radius: 16px;
    }
    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body { margin: 0; color: var(--ink); background: var(--paper); font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; font-size: 14px; }
    button, input, textarea { font: inherit; }
    button { cursor: pointer; }
    button:focus-visible, input:focus-visible, textarea:focus-visible { outline: 3px solid #96d1b9; outline-offset: 2px; }
    .app { min-height: 100vh; display: grid; grid-template-columns: 248px minmax(0, 1fr); }
    .sidebar { position: sticky; top: 0; height: 100vh; display: flex; flex-direction: column; background: #17382f; color: #e8f0eb; padding: 28px 17px 21px; overflow-y: auto; }
    .brand { display: flex; align-items: center; gap: 12px; padding: 2px 11px 28px; }
    .brand-mark { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid #6caa8a; border-radius: 12px; color: #e5f5e9; background: linear-gradient(145deg, #39745e, #1c4a3a); font-family: "Songti SC", "STSong", serif; font-size: 27px; line-height: 1; }
    .brand-name { font-family: "Songti SC", "STSong", serif; font-size: 25px; line-height: 1.1; letter-spacing: .12em; }
    .brand-sub { margin-top: 4px; font-size: 10px; color: #a5c3b5; letter-spacing: .14em; }
    .project-select { width: 100%; border: 1px solid #507366; border-radius: 11px; background: #24483b; color: #fff; padding: 12px 13px; text-align: left; display: flex; justify-content: space-between; align-items: center; }
    .project-select small { display: block; color: #a8c3b4; font-size: 11px; margin-bottom: 4px; }
    .project-select strong { font-weight: 600; }
    .project-select .chev { opacity: .65; font-size: 18px; }
    .side-label { color: #8baa9c; font-size: 10px; letter-spacing: .16em; margin: 34px 14px 10px; }
    .nav { display: grid; gap: 5px; }
    .nav button { width: 100%; display: flex; align-items: center; gap: 13px; border: 0; color: #c2d3c9; background: transparent; border-radius: 10px; text-align: left; padding: 12px 13px; font-weight: 500; }
    .nav button:hover { color: #fff; background: #285042; }
    .nav button.active { color: #fff; background: #3a6a54; box-shadow: inset 3px 0 #b7d9b7; }
    .nav-icon { display: inline-grid; place-items: center; width: 20px; font-size: 17px; }
    .nav-count { margin-left: auto; padding: 2px 7px; font-size: 11px; border-radius: 10px; background: #476a57; color: #eaf3eb; }
    .side-bottom { margin-top: auto; padding: 18px 12px 0; border-top: 1px solid #426050; color: #a9c3b4; font-size: 11px; line-height: 1.7; }
    .demo-pill { display: inline-flex; align-items: center; gap: 6px; color: #f5dbc3; background: #71523d; border: 1px solid #99704d; padding: 3px 8px; border-radius: 6px; font-size: 10px; font-weight: 700; letter-spacing: .1em; }
    .main { min-width: 0; }
    .topbar { height: 74px; background: rgba(255,255,255,.86); backdrop-filter: blur(14px); border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 0 clamp(22px, 3.3vw, 52px); }
    .breadcrumb { display: flex; align-items: center; gap: 10px; color: var(--muted); font-size: 12px; }
    .breadcrumb strong { color: var(--ink); font-weight: 650; }
    .top-actions { display: flex; align-items: center; gap: 10px; }
    .ghost, .primary, .soft, .small-button { border-radius: 9px; border: 1px solid var(--line); background: #fff; padding: 10px 14px; color: var(--ink); font-weight: 600; }
    .ghost:hover, .small-button:hover { background: #f4f8f5; border-color: #bfcec3; }
    .primary { color: #fff; border-color: var(--pine); background: var(--pine); box-shadow: 0 6px 14px rgba(23,107,88,.13); }
    .primary:hover { background: var(--pine-dark); }
    .soft { color: var(--pine); border-color: #cce1d4; background: var(--pine-soft); }
    .soft:hover { background: #dceee4; }
    .small-button { padding: 7px 10px; font-size: 12px; }
    .content { max-width: 1550px; padding: 39px clamp(22px, 3.3vw, 52px) 70px; margin: 0 auto; }
    .page-head { display: flex; align-items: end; justify-content: space-between; gap: 22px; margin-bottom: 28px; }
    .eyebrow { font-size: 11px; font-weight: 700; letter-spacing: .19em; color: var(--pine); text-transform: uppercase; margin-bottom: 8px; }
    h1, h2, h3, p { margin-top: 0; }
    h1, .display { font-family: "Songti SC", "STSong", serif; font-weight: 600; letter-spacing: -.03em; }
    h1 { font-size: clamp(30px, 3vw, 39px); line-height: 1.18; margin-bottom: 8px; }
    .page-head p { color: var(--muted); font-size: 13px; line-height: 1.7; margin-bottom: 0; }
    .stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 24px; }
    .stat { min-height: 108px; padding: 19px 22px; border-radius: 13px; background: var(--surface); border: 1px solid var(--line); position: relative; overflow: hidden; }
    .stat:after { content: ""; width: 65px; height: 65px; border: 1px solid #edf1ea; border-radius: 50%; position: absolute; right: -19px; top: -26px; }
    .stat-label { color: var(--muted); font-size: 12px; }
    .stat-value { font-family: "Songti SC", "STSong", serif; font-size: 31px; line-height: 1.15; margin-top: 8px; color: var(--ink); }
    .stat:nth-child(3) .stat-value { color: var(--orange); }
    .stat:nth-child(4) .stat-value { color: var(--red); }
    .workspace { display: grid; grid-template-columns: minmax(460px, 1.3fr) minmax(360px, .9fr); gap: 18px; align-items: start; }
    .panel { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); min-width: 0; overflow: hidden; }
    .panel-head { display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 21px 23px; border-bottom: 1px solid var(--line); }
    .panel-head h2 { font-size: 17px; margin: 0; font-weight: 650; }
    .panel-head small { color: var(--muted); }
    .toolbar { display: flex; gap: 11px; align-items: center; padding: 16px 20px; border-bottom: 1px solid var(--line); flex-wrap: wrap; }
    .search { min-width: 180px; flex: 1; height: 38px; padding: 0 11px; border-radius: 8px; border: 1px solid var(--line); background: #fbfcfa; color: var(--ink); }
    .filters { display: flex; gap: 4px; border: 1px solid var(--line); padding: 3px; border-radius: 8px; background: #f8faf7; }
    .filters button { border: 0; background: transparent; border-radius: 6px; color: var(--muted); padding: 6px 9px; font-size: 11px; white-space: nowrap; }
    .filters button.active { color: var(--pine-dark); background: #fff; box-shadow: 0 1px 5px rgba(0,0,0,.07); font-weight: 700; }
    .item-list { display: grid; }
    .item-row { text-align: left; border: 0; border-bottom: 1px solid #edf0eb; background: #fff; padding: 18px 21px; display: flex; align-items: center; gap: 14px; width: 100%; }
    .item-row:last-child { border-bottom: 0; }
    .item-row:hover { background: #f8faf7; }
    .item-row.active { background: #f0f7f1; box-shadow: inset 3px 0 var(--pine); }
    .file-icon { flex: none; width: 38px; height: 42px; border-radius: 8px; display: grid; place-items: center; background: #edf3ef; color: var(--pine); font-family: "Songti SC", serif; font-size: 18px; }
    .file-icon.orange { background: var(--orange-soft); color: var(--orange); }
    .file-icon.blue { background: #edf3f7; color: #42718a; }
    .file-icon.red { background: var(--red-soft); color: var(--red); }
    .item-body { min-width: 0; flex: 1; }
    .item-title { display: block; font-weight: 650; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .item-meta { display: block; color: var(--muted); font-size: 11px; margin-top: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .badge { display: inline-flex; align-items: center; gap: 4px; border-radius: 20px; font-size: 10px; font-weight: 700; white-space: nowrap; padding: 5px 8px; background: #edf2ee; color: #617268; }
    .badge.review { background: var(--orange-soft); color: #a45a31; }
    .badge.done { background: var(--pine-soft); color: var(--pine); }
    .badge.error { background: var(--red-soft); color: var(--red); }
    .badge.queued { background: #eef1f5; color: #597085; }
    .detail { padding: 22px 24px 26px; }
    .detail-kicker { color: var(--pine); font-weight: 700; letter-spacing: .1em; font-size: 10px; }
    .detail h2 { font-size: 21px; margin: 8px 0 6px; line-height: 1.45; }
    .detail-sub { color: var(--muted); font-size: 11px; line-height: 1.6; }
    .section-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 24px 0 12px; font-size: 12px; font-weight: 700; }
    .section-title:first-of-type { margin-top: 19px; }
    .source-box { border: 1px solid #e0e8df; border-radius: 11px; background: #f9fbf8; padding: 13px 15px; font-size: 11px; line-height: 1.8; color: #566a5e; }
    .source-box strong { color: var(--ink); }
    .fact-mini { border: 1px solid var(--line); padding: 12px 13px; border-radius: 9px; display: flex; justify-content: space-between; gap: 10px; align-items: start; margin-bottom: 8px; }
    .fact-mini strong { display: block; font-size: 12px; margin-bottom: 5px; }
    .fact-mini small { color: var(--muted); font-size: 10px; line-height: 1.5; display: block; }
    .note { font-size: 11px; color: var(--muted); line-height: 1.7; }
    .detail-actions { display: flex; gap: 8px; margin-top: 20px; flex-wrap: wrap; }
    .empty { text-align: center; color: var(--muted); padding: 42px 20px; line-height: 1.8; }
    .empty strong { color: var(--ink); display: block; font-size: 15px; }
    .two-col { display: grid; grid-template-columns: 310px minmax(0,1fr); gap: 18px; align-items: start; }
    .folder-list { padding: 12px; }
    .folder { display: flex; gap: 11px; width: 100%; border: 0; background: none; text-align: left; padding: 12px; border-radius: 9px; color: #52665a; }
    .folder:hover { background: #f5f8f4; }
    .folder.active { background: var(--pine-soft); color: var(--pine-dark); font-weight: 700; }
    .folder .symbol { font-size: 16px; }
    .folder small { margin-left: auto; color: #84968a; font-weight: 400; }
    .directory-path { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; color: var(--muted); font-size: 11px; margin-bottom: 18px; }
    .directory-path strong { color: var(--ink); }
    .directory-card { padding: 24px; }
    .directory-card h2 { font-size: 20px; margin-bottom: 5px; }
    .directory-card p { font-size: 12px; color: var(--muted); line-height: 1.7; }
    .directory-file { display: flex; align-items: center; gap: 11px; border-top: 1px solid var(--line); padding: 14px 2px; }
    .directory-file:first-of-type { margin-top: 14px; }
    .directory-file span:nth-child(2) { flex: 1; font-weight: 600; font-size: 12px; }
    .directory-file small { color: var(--muted); }
    .object-grid { display: grid; grid-template-columns: minmax(270px,.8fr) minmax(460px,1.3fr); gap: 18px; }
    .object-card { padding: 22px; }
    .object-card.active { border-color: #b7d9c3; }
    .object-category { font-size: 10px; color: var(--pine); letter-spacing: .12em; font-weight: 700; }
    .object-card h2 { font-family: "Songti SC", serif; font-size: 25px; margin: 12px 0 7px; }
    .object-card p { color: var(--muted); font-size: 12px; line-height: 1.7; }
    .object-meta { display: flex; gap: 8px; flex-wrap: wrap; }
    .info-panel { padding: 25px 28px; }
    .info-panel h2 { font-family: "Songti SC", serif; font-size: 27px; margin: 0 0 7px; }
    .info-panel > p { color: var(--muted); font-size: 12px; line-height: 1.7; }
    .relationship { display: flex; align-items: center; gap: 8px; font-size: 11px; color: var(--muted); margin: 18px 0; }
    .relationship b { color: var(--pine); background: var(--pine-soft); padding: 6px 9px; border-radius: 5px; }
    .relationship .arrow { font-size: 17px; color: #a7b7a8; }
    .offer-card { border: 1px solid #d9e6d9; border-radius: 12px; background: linear-gradient(150deg,#f9fcf9,#f0f6ee); padding: 19px; }
    .offer-card-head { display: flex; justify-content: space-between; gap: 10px; }
    .offer-card strong { font-size: 16px; }
    .price { font-family: "Songti SC", serif; color: var(--pine); font-size: 24px; white-space: nowrap; }
    .terms { display: grid; gap: 0; margin-top: 15px; }
    .term { display: grid; grid-template-columns: 90px 1fr; padding: 11px 0; border-top: 1px solid #e0eae0; font-size: 12px; }
    .term span:first-child { color: var(--muted); }
    .reference-card { border: 1px dashed #ccd8cf; border-radius: 10px; padding: 14px 16px; background: #fbfcfa; font-size: 12px; line-height: 1.7; }
    .review-layout { display: grid; grid-template-columns: minmax(360px,.9fr) minmax(420px,1.1fr); gap: 18px; align-items: start; }
    .review-item { width: 100%; border: 0; border-bottom: 1px solid var(--line); text-align: left; background: #fff; padding: 17px 22px; }
    .review-item:hover { background: #f8faf7; }
    .review-item.active { background: #f0f7f1; box-shadow: inset 3px 0 var(--pine); }
    .review-item strong { display: block; margin: 6px 0; font-size: 14px; }
    .review-item small { color: var(--muted); font-size: 11px; }
    .preview-card { border-radius: 12px; min-height: 286px; padding: 24px; background: #e8d9c1; position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; color: #4b4b39; }
    .preview-card:before { content: ""; width: 300px; height: 300px; border-radius: 50%; background: #9eb69a; position: absolute; right: -50px; top: 65px; opacity: .7; }
    .preview-card:after { content: ""; width: 150px; height: 150px; border-radius: 50%; border: 25px solid #c79766; position: absolute; right: 37px; top: 104px; opacity: .75; }
    .preview-card > * { position: relative; z-index: 1; }
    .preview-logo { letter-spacing: .2em; font-size: 11px; font-weight: 800; }
    .preview-main { font-family: "Songti SC", serif; font-size: 30px; line-height: 1.3; max-width: 200px; }
    .preview-footer { font-size: 12px; line-height: 1.8; }
    .evidence { padding: 14px 17px; background: #f6f8f4; border-left: 3px solid #77a989; border-radius: 0 8px 8px 0; color: #506257; font-size: 12px; line-height: 1.8; }
    .review-info { padding: 23px 25px 26px; }
    .review-info h2 { font-size: 20px; line-height: 1.4; margin: 8px 0 10px; }
    .review-info p { color: var(--muted); font-size: 12px; line-height: 1.7; }
    .review-info .preview-card { margin-top: 18px; }
    .review-info .evidence { margin-top: 18px; }
    .review-actions { display: flex; gap: 10px; margin-top: 22px; }
    .inline-form { display: grid; gap: 10px; margin-top: 15px; }
    .inline-form textarea { width: 100%; min-height: 80px; border-radius: 8px; border: 1px solid var(--line); padding: 10px; resize: vertical; }
    .modal-backdrop { position: fixed; inset: 0; z-index: 20; background: rgba(18,42,33,.48); display: grid; place-items: center; padding: 20px; }
    .modal { width: min(610px, 100%); background: #fff; border-radius: 18px; box-shadow: 0 25px 90px rgba(10,38,27,.25); overflow: hidden; }
    .modal-head { display: flex; align-items: start; justify-content: space-between; padding: 25px 28px 17px; border-bottom: 1px solid var(--line); }
    .modal-head h2 { font-family: "Songti SC",serif; font-size: 27px; margin: 0 0 6px; }
    .modal-head p { color: var(--muted); font-size: 12px; margin: 0; }
    .close { border: 0; background: #f3f5f1; border-radius: 8px; width: 30px; height: 30px; font-size: 20px; color: #67766c; }
    .modal-body { padding: 23px 28px 29px; }
    .modal-tabs { display: flex; gap: 7px; margin-bottom: 21px; }
    .modal-tabs button { border: 1px solid var(--line); padding: 9px 13px; border-radius: 7px; color: var(--muted); background: #fff; font-size: 12px; }
    .modal-tabs button.active { color: var(--pine); border-color: #b7d8c1; background: var(--pine-soft); font-weight: 700; }
    .dropzone { border: 1.5px dashed #a9c7b3; border-radius: 12px; padding: 38px 20px; background: #f9fcf8; text-align: center; }
    .dropzone strong { display: block; font-size: 15px; margin-bottom: 7px; }
    .dropzone p { margin-bottom: 16px; font-size: 12px; color: var(--muted); }
    .dropzone input { display: none; }
    .dropzone label { display: inline-block; padding: 9px 13px; border-radius: 8px; background: var(--pine); color: #fff; cursor: pointer; font-size: 12px; font-weight: 700; }
    .selected-files { margin-top: 15px; font-size: 11px; color: #596c60; line-height: 1.7; }
    .modal-footer { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-top: 22px; }
    .modal-footer small { color: var(--muted); line-height: 1.5; }
    pre { white-space: pre-wrap; word-break: break-word; background: #203a30; color: #d9edda; padding: 19px; border-radius: 10px; font-size: 11px; line-height: 1.7; overflow: auto; }
    .toast { position: fixed; right: 22px; bottom: 22px; z-index: 30; color: #fff; background: #234f3e; padding: 12px 17px; border-radius: 9px; box-shadow: 0 14px 35px rgba(10,40,26,.22); font-size: 12px; max-width: 360px; }
    .muted-line { color: var(--muted); font-size: 11px; line-height: 1.7; }
    @media (max-width: 1120px) { .workspace, .object-grid, .review-layout { grid-template-columns: 1fr; } .two-col { grid-template-columns: 240px 1fr; } }
    @media (max-width: 800px) { .app { grid-template-columns: 1fr; } .sidebar { position: relative; height: auto; padding: 13px; } .brand { padding: 4px 6px 13px; } .project-select, .side-label, .side-bottom { display: none; } .nav { display: flex; overflow-x: auto; } .nav button { white-space: nowrap; width: auto; } .topbar { height: 60px; } .stats { grid-template-columns: repeat(2,1fr); } .two-col { grid-template-columns: 1fr; } .page-head { align-items: start; } }
    @media (max-width: 560px) { .content { padding-top: 26px; } .page-head { flex-direction: column; } .top-actions .ghost { display: none; } .stats { gap: 8px; } .stat { min-height: 90px; padding: 14px; } .item-row { padding: 14px; } .item-row .badge { font-size: 9px; } .toolbar { padding: 12px; } .filters { overflow-x: auto; max-width: 100%; } .modal-body { padding: 18px; } }
    /* Three-column application shell: global rail, module navigation, one content canvas. */
    body { background: #fff; }
    .app { grid-template-columns: 66px 244px minmax(0, 1fr); background: #fff; }
    .rail { position: sticky; top: 0; height: 100vh; display: flex; flex-direction: column; align-items: center; gap: 15px; padding: 10px 0 16px; background: #14211f; border-right: 1px solid #243834; }
    .rail-logo { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 3px; margin-bottom: 8px; }
    .rail-logo img { display: block; object-fit: contain; }
    .rail-nav { display: grid; width: 100%; gap: 4px; justify-items: center; }
    .rail-nav button, .rail-bottom button { width: 46px; height: 46px; border: 0; border-radius: 10px; background: transparent; color: #8ea29c; font-size: 21px; display: grid; place-items: center; position: relative; }
    .rail-nav button:hover, .rail-bottom button:hover { color: #fff; background: #263b35; }
    .rail-nav button.active { color: #fff; background: #2f614d; }
    .rail-nav button.active:before { content: ""; position: absolute; left: -10px; top: 10px; bottom: 10px; width: 3px; border-radius: 3px; background: #9ddab0; }
    .rail-bottom { margin-top: auto; }
    .sidebar { position: sticky; top: 0; height: 100vh; padding: 0; background: #f7f9f7; color: var(--ink); border-right: 1px solid var(--line); overflow-y: auto; }
    .side-brand { height: 66px; padding: 0 20px; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid var(--line); }
    .side-brand strong { font-family: "Songti SC", "STSong", serif; font-size: 23px; letter-spacing: .04em; }
    .side-brand small { color: #91a39a; font-size: 10px; margin-left: auto; letter-spacing: .05em; }
    .project-select { margin: 17px 13px 0; width: calc(100% - 26px); background: #fff; color: var(--ink); border-color: #d9e4dc; }
    .project-select small { color: var(--muted); }
    .project-select .chev { color: var(--muted); }
    .side-section { color: #899a90; font-size: 10px; font-weight: 700; letter-spacing: .13em; margin: 29px 21px 9px; }
    .side-items { display: grid; gap: 3px; padding: 0 10px; }
    .side-item { width: 100%; border: 0; background: transparent; color: #627269; text-align: left; padding: 10px 12px; border-radius: 7px; display: flex; align-items: center; gap: 9px; font-size: 12px; }
    .side-item:hover { background: #edf3ed; color: var(--ink); }
    .side-item.active { background: #e5eee7; color: var(--pine-dark); font-weight: 700; }
    .side-item .dot { width: 7px; height: 7px; border-radius: 50%; background: #9abb9e; }
    .side-item .count { margin-left: auto; font-size: 10px; color: #8b9d92; }
    .side-item.active .count { color: var(--pine); }
    .side-note { margin: 30px 18px; padding: 13px; background: #edf2ec; border-radius: 8px; color: #7a8e7f; font-size: 10px; line-height: 1.65; }
    .main { min-width: 0; background: #fff; }
    .topbar { height: 66px; padding: 0 37px; background: #fff; border-bottom: 1px solid var(--line); }
    .breadcrumb { font-size: 13px; }
    .top-actions .ghost { border-color: transparent; }
    .content { max-width: 1450px; margin: 0; padding: 34px clamp(24px, 3vw, 46px) 90px; }
    .page-head { margin-bottom: 25px; }
    .page-head h1 { font-family: "PingFang SC", "Hiragino Sans GB", sans-serif; font-size: 29px; letter-spacing: -.02em; font-weight: 730; }
    .eyebrow { letter-spacing: .1em; }
    .stat { min-height: 100px; box-shadow: none; }
    .panel { box-shadow: none; border-radius: 11px; }
    .table-panel { overflow: hidden; }
    .table-head { display: grid; grid-template-columns: minmax(220px, 2fr) minmax(145px, 1.4fr) 110px 105px 110px; gap: 14px; padding: 12px 22px; background: #f9fbf9; color: #8c9c91; border-bottom: 1px solid var(--line); font-size: 11px; font-weight: 700; }
    .table-row { display: grid; grid-template-columns: minmax(220px, 2fr) minmax(145px, 1.4fr) 110px 105px 110px; gap: 14px; align-items: center; width: 100%; border: 0; border-bottom: 1px solid #edf1ed; background: #fff; padding: 13px 22px; text-align: left; color: var(--ink); }
    .table-row:last-child { border-bottom: 0; }
    .table-row:hover { background: #f6faf6; }
    .table-name { display: flex; align-items: center; min-width: 0; gap: 12px; }
    .table-name strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
    .table-cell { color: #6e8073; font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .detail-page { padding: 30px 34px 36px; max-width: 990px; }
    .detail-page h2 { font-size: 23px; margin: 10px 0; }
    .detail-page .source-box, .detail-page .fact-mini { max-width: 840px; }
    .directory-card, .info-panel, .review-info { max-width: 1000px; }
    .object-summary { padding: 24px 28px; max-width: 1000px; margin-bottom: 16px; }
    .object-summary h2 { font-family: "Songti SC", serif; font-size: 25px; margin: 8px 0; }
    .object-summary p { color: var(--muted); font-size: 12px; }
    .review-info .preview-card { max-width: 460px; }
    .review-info .evidence { max-width: 800px; }
    .mobile-section-nav { display: none; }
    @media (max-width: 1100px) { .table-head, .table-row { grid-template-columns: minmax(180px,2fr) minmax(125px,1fr) 100px 95px; } .table-head > :nth-child(4), .table-row > :nth-child(4) { display: none; } }
    @media (max-width: 850px) { .app { grid-template-columns: 58px minmax(0,1fr); } .rail { width: 58px; } .sidebar { display: none; } .content { padding: 27px 19px 65px; } .topbar { padding: 0 19px; } .mobile-section-nav { display: flex; gap: 7px; flex-wrap: wrap; margin-bottom: 20px; } .mobile-section-nav button { border: 1px solid var(--line); border-radius: 7px; padding: 7px 10px; background: #fff; font-size: 11px; color: var(--muted); } .mobile-section-nav button.active { color: var(--pine); background: var(--pine-soft); border-color: #bcdcc8; } }
    @media (max-width: 650px) { .table-head, .table-row { grid-template-columns: minmax(130px,1fr) 87px; } .table-head > :nth-child(2), .table-row > :nth-child(2), .table-head > :nth-child(4), .table-row > :nth-child(4), .table-head > :nth-child(5), .table-row > :nth-child(5) { display: none; } .stats { grid-template-columns: repeat(2,1fr); } .detail-page, .info-panel, .review-info, .directory-card, .object-summary { padding: 19px; } .top-actions .ghost { display: none; } }