pufanyi/vbvrpro_output
0
1:root {2 color-scheme: light;3 --paper: #f3f0e8;4 --paper-deep: #e8e3d7;5 --ink: #17201d;6 --muted: #65706a;7 --line: rgba(23, 32, 29, 0.17);8 --line-strong: rgba(23, 32, 29, 0.36);9 --white: #fffdf8;10 --green: #0a7457;11 --green-soft: #d9eee5;12 --red: #bd493e;13 --red-soft: #f4ddd8;14 --blue: #3659a7;15 --amber: #c37b21;16 --violet: #7351a6;17 --shadow: 0 24px 70px rgba(39, 45, 38, 0.12);18 --radius: 18px;19 font-family:20 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",21 sans-serif;22 font-synthesis: none;23}24 25* {26 box-sizing: border-box;27}28 29html {30 scroll-behavior: smooth;31}32 33body {34 margin: 0;35 min-width: 320px;36 background:37 radial-gradient(circle at 88% 8%, rgba(74, 123, 103, 0.11), transparent 27rem),38 var(--paper);39 color: var(--ink);40}41 42button,43input,44select {45 font: inherit;46}47 48button,49select {50 cursor: pointer;51}52 53button:focus-visible,54input:focus-visible,55select:focus-visible,56summary:focus-visible,57tr:focus-visible {58 outline: 3px solid rgba(54, 89, 167, 0.34);59 outline-offset: 2px;60}61 62.page-shell {63 width: min(1480px, 100%);64 margin: 0 auto;65 padding: 0 42px 36px;66}67 68.hero {69 padding-top: 22px;70 border-bottom: 1px solid var(--line-strong);71}72 73.topbar {74 min-height: 58px;75 display: flex;76 align-items: center;77 justify-content: space-between;78 gap: 24px;79 border-top: 1px solid var(--line-strong);80 border-bottom: 1px solid var(--line);81}82 83.brand {84 display: inline-flex;85 align-items: center;86 gap: 12px;87 color: inherit;88 text-decoration: none;89 font-size: 12px;90 font-weight: 760;91 letter-spacing: 0.14em;92}93 94.brand-mark,95.loading-mark {96 width: 30px;97 height: 30px;98 display: grid;99 place-items: center;100 border-radius: 50%;101 background: var(--ink);102 color: var(--paper);103 font-family: Georgia, serif;104 font-style: italic;105 font-weight: 700;106 font-size: 18px;107}108 109.topbar-meta {110 display: inline-flex;111 align-items: center;112 gap: 9px;113 color: var(--muted);114 font-size: 12px;115}116 117.status-dot {118 width: 7px;119 height: 7px;120 border-radius: 50%;121 background: var(--amber);122 box-shadow: 0 0 0 5px rgba(195, 123, 33, 0.1);123}124 125.status-dot.ready {126 background: var(--green);127 box-shadow: 0 0 0 5px rgba(10, 116, 87, 0.1);128}129 130.hero-grid {131 display: grid;132 grid-template-columns: minmax(0, 1fr) 270px;133 gap: 72px;134 align-items: end;135 padding: 82px 5.5% 66px;136}137 138.eyebrow,139.section-index {140 margin: 0 0 13px;141 color: var(--green);142 font-size: 11px;143 font-weight: 800;144 letter-spacing: 0.16em;145}146 147h1,148h2,149h3,150p {151 text-wrap: pretty;152}153 154h1 {155 max-width: 820px;156 margin: 0;157 font-family: Georgia, "Times New Roman", serif;158 font-size: clamp(52px, 6.3vw, 98px);159 font-weight: 400;160 letter-spacing: -0.057em;161 line-height: 0.94;162}163 164.hero-copy {165 max-width: 690px;166 margin: 34px 0 0;167 color: var(--muted);168 font-size: 17px;169 line-height: 1.7;170}171 172.hero-stamp {173 padding: 24px 0 5px 28px;174 border-left: 1px solid var(--line-strong);175}176 177.stamp-number {178 font-family: Georgia, serif;179 font-size: 74px;180 letter-spacing: -0.06em;181 line-height: 1;182}183 184.stamp-label {185 margin-top: 2px;186 color: var(--muted);187 font-size: 13px;188 text-transform: uppercase;189 letter-spacing: 0.12em;190}191 192.stamp-rule {193 height: 1px;194 margin: 22px 0 15px;195 background: var(--line);196}197 198.stamp-detail {199 color: var(--muted);200 font-size: 12px;201 line-height: 1.5;202}203 204main > section {205 padding: 72px 5.5%;206 border-bottom: 1px solid var(--line-strong);207}208 209.section-heading {210 display: flex;211 align-items: end;212 justify-content: space-between;213 gap: 30px;214 margin-bottom: 35px;215}216 217.section-heading.compact {218 margin-bottom: 26px;219}220 221.section-heading h2 {222 margin: 0;223 font-family: Georgia, "Times New Roman", serif;224 font-size: clamp(31px, 3.2vw, 48px);225 font-weight: 400;226 letter-spacing: -0.038em;227 line-height: 1;228}229 230.section-note {231 max-width: 380px;232 margin: 0;233 color: var(--muted);234 font-size: 13px;235 line-height: 1.5;236 text-align: right;237}238 239.baseline-pill {240 display: inline-flex;241 align-items: center;242 gap: 9px;243 padding: 9px 12px;244 border: 1px solid var(--line);245 border-radius: 999px;246 color: var(--muted);247 font-size: 12px;248}249 250.baseline-pill span {251 color: var(--ink);252 font-size: 10px;253 font-weight: 800;254 letter-spacing: 0.12em;255}256 257.run-controls {258 display: grid;259 grid-template-columns: minmax(180px, 240px) minmax(0, 1fr);260 gap: 30px;261 margin-bottom: 24px;262}263 264.select-field,265.sort-field {266 display: flex;267 align-items: center;268 gap: 12px;269 padding: 0 14px;270 background: var(--white);271 border: 1px solid var(--line);272 border-radius: 12px;273}274 275.select-field span,276.sort-field span,277.mode-fieldset legend {278 color: var(--muted);279 font-size: 10px;280 font-weight: 800;281 letter-spacing: 0.11em;282 text-transform: uppercase;283}284 285.select-field select,286.sort-field select {287 min-width: 0;288 flex: 1;289 height: 52px;290 border: 0;291 outline: 0;292 background: transparent;293 color: var(--ink);294 font-weight: 700;295}296 297.mode-fieldset {298 min-width: 0;299 margin: 0;300 padding: 0;301 border: 0;302}303 304.mode-fieldset legend {305 margin-bottom: 8px;306}307 308.mode-switcher {309 display: grid;310 grid-template-columns: repeat(4, minmax(0, 1fr));311 padding: 4px;312 border: 1px solid var(--line);313 border-radius: 12px;314 background: rgba(255, 253, 248, 0.62);315}316 317.mode-switcher button,318.domain-filter button {319 border: 0;320 border-radius: 8px;321 background: transparent;322 color: var(--muted);323 font-size: 12px;324 font-weight: 720;325}326 327.mode-switcher button {328 min-height: 44px;329 padding: 8px 12px;330}331 332.mode-switcher button.active {333 background: var(--ink);334 color: var(--white);335 box-shadow: 0 5px 18px rgba(23, 32, 29, 0.16);336}337 338.score-cards {339 display: grid;340 grid-template-columns: repeat(4, minmax(0, 1fr));341 border: 1px solid var(--line);342 border-radius: var(--radius);343 overflow: hidden;344 background: rgba(255, 253, 248, 0.55);345}346 347.score-card {348 min-height: 172px;349 padding: 24px;350 border-right: 1px solid var(--line);351}352 353.score-card:last-child {354 border-right: 0;355}356 357.score-card-label {358 display: flex;359 justify-content: space-between;360 gap: 10px;361 color: var(--muted);362 font-size: 11px;363 font-weight: 760;364 letter-spacing: 0.09em;365 text-transform: uppercase;366}367 368.score-value {369 margin-top: 26px;370 font-family: Georgia, serif;371 font-size: 49px;372 letter-spacing: -0.055em;373 line-height: 1;374}375 376.score-footer {377 display: flex;378 align-items: center;379 justify-content: space-between;380 gap: 12px;381 margin-top: 14px;382 color: var(--muted);383 font-size: 11px;384}385 386.delta {387 display: inline-flex;388 align-items: center;389 gap: 4px;390 font-variant-numeric: tabular-nums;391 font-weight: 780;392}393 394.delta.positive {395 color: var(--green);396}397 398.delta.negative {399 color: var(--red);400}401 402.delta.neutral {403 color: var(--muted);404}405 406.chart-card {407 padding: 24px 24px 12px;408 border: 1px solid var(--line);409 border-radius: var(--radius);410 background: var(--white);411 box-shadow: 0 14px 50px rgba(39, 45, 38, 0.055);412}413 414.trend-legend {415 display: flex;416 flex-wrap: wrap;417 gap: 9px 18px;418 padding: 2px 6px 18px;419}420 421.legend-item {422 display: inline-flex;423 align-items: center;424 gap: 7px;425 color: var(--muted);426 font-size: 11px;427 font-weight: 650;428}429 430.legend-line {431 width: 20px;432 height: 3px;433 border-radius: 99px;434 background: var(--legend-color);435}436 437.legend-line.shared-origin {438 height: 0;439 border-top: 2px dashed rgba(23, 32, 29, 0.62);440 border-radius: 0;441 background: none;442}443 444.legend-item.selected {445 color: var(--ink);446}447 448.trend-chart {449 min-height: 310px;450 overflow-x: auto;451}452 453.trend-chart svg {454 display: block;455 width: 100%;456 min-width: 660px;457 height: auto;458}459 460.chart-grid {461 stroke: rgba(23, 32, 29, 0.1);462 stroke-width: 1;463}464 465.chart-axis-label,466.chart-point-label {467 fill: var(--muted);468 font-family: ui-sans-serif, system-ui, sans-serif;469 font-size: 10px;470}471 472.chart-point-label {473 fill: var(--ink);474 font-weight: 700;475}476 477.task-toolbar {478 display: grid;479 grid-template-columns: minmax(260px, 1fr) auto minmax(180px, 220px);480 gap: 14px;481 margin-bottom: 18px;482}483 484.search-field {485 display: flex;486 align-items: center;487 gap: 11px;488 min-height: 52px;489 padding: 0 16px;490 border: 1px solid var(--line);491 border-radius: 12px;492 background: var(--white);493}494 495.search-field svg {496 width: 18px;497 fill: none;498 stroke: var(--muted);499 stroke-linecap: round;500 stroke-width: 1.8;501}502 503.search-field input {504 min-width: 0;505 width: 100%;506 border: 0;507 outline: 0;508 background: transparent;509 color: var(--ink);510 font-size: 13px;511}512 513.search-field input::placeholder {514 color: #929a96;515}516 517.domain-filter {518 display: flex;519 padding: 4px;520 border: 1px solid var(--line);521 border-radius: 12px;522 background: rgba(255, 253, 248, 0.62);523}524 525.domain-filter button {526 padding: 7px 13px;527}528 529.domain-filter button.active {530 background: var(--paper-deep);531 color: var(--ink);532}533 534.task-table-wrap {535 border: 1px solid var(--line);536 border-radius: var(--radius);537 overflow: hidden;538 background: var(--white);539}540 541.task-table {542 width: 100%;543 border-collapse: collapse;544 table-layout: fixed;545}546 547.task-table th {548 padding: 15px 16px;549 border-bottom: 1px solid var(--line-strong);550 color: var(--muted);551 font-size: 10px;552 font-weight: 800;553 letter-spacing: 0.1em;554 text-align: left;555 text-transform: uppercase;556}557 558.task-table th:nth-child(1) {559 width: 38%;560}561 562.task-table th:nth-child(2) {563 width: 19%;564}565 566.task-table th:nth-child(3),567.task-table th:nth-child(4),568.task-table th:nth-child(5) {569 width: 11%;570}571 572.task-table th:last-child {573 width: 10%;574}575 576.task-row {577 border-bottom: 1px solid var(--line);578 transition: background 120ms ease;579}580 581.task-row:last-child {582 border-bottom: 0;583}584 585.task-row:hover {586 background: #f7f5ee;587}588 589.task-row td {590 padding: 16px;591 vertical-align: middle;592}593 594.task-pretty-name {595 margin-bottom: 5px;596 font-family: Georgia, serif;597 font-size: 16px;598 line-height: 1.2;599}600 601.task-raw-name {602 overflow: hidden;603 color: var(--muted);604 font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;605 font-size: 9px;606 line-height: 1.35;607 text-overflow: ellipsis;608 white-space: nowrap;609}610 611.tag-stack {612 display: flex;613 flex-wrap: wrap;614 gap: 5px;615}616 617.tag {618 display: inline-flex;619 padding: 5px 7px;620 border: 1px solid var(--line);621 border-radius: 999px;622 color: var(--muted);623 font-size: 9px;624 font-weight: 720;625 letter-spacing: 0.04em;626 text-transform: uppercase;627}628 629.numeric-score {630 font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;631 font-size: 13px;632 font-variant-numeric: tabular-nums;633}634 635.inspect-button {636 min-height: 34px;637 padding: 7px 10px;638 border: 1px solid var(--line);639 border-radius: 8px;640 background: transparent;641 color: var(--ink);642 font-size: 10px;643 font-weight: 780;644 letter-spacing: 0.06em;645 text-transform: uppercase;646}647 648.inspect-button:hover {649 background: var(--ink);650 color: var(--white);651}652 653.empty-state {654 padding: 70px 24px;655 color: var(--muted);656 text-align: center;657}658 659footer {660 display: flex;661 justify-content: space-between;662 gap: 30px;663 padding: 23px 5.5% 0;664 color: var(--muted);665 font-size: 9px;666 font-weight: 760;667 letter-spacing: 0.13em;668}669 670.task-dialog {671 width: min(1280px, calc(100% - 36px));672 max-height: calc(100dvh - 36px);673 padding: 0;674 border: 0;675 border-radius: 22px;676 background: var(--paper);677 color: var(--ink);678 box-shadow: 0 30px 110px rgba(15, 22, 19, 0.38);679}680 681.task-dialog::backdrop {682 background: rgba(15, 22, 19, 0.62);683 backdrop-filter: blur(4px);684}685 686.dialog-shell {687 min-height: min(820px, calc(100dvh - 36px));688}689 690.dialog-header {691 position: sticky;692 z-index: 5;693 top: 0;694 display: flex;695 align-items: start;696 justify-content: space-between;697 gap: 30px;698 padding: 31px 38px 25px;699 border-bottom: 1px solid var(--line-strong);700 background: rgba(243, 240, 232, 0.96);701 backdrop-filter: blur(14px);702}703 704.dialog-header h2 {705 margin: 0;706 font-family: Georgia, serif;707 font-size: clamp(28px, 4vw, 49px);708 font-weight: 400;709 letter-spacing: -0.04em;710 line-height: 1;711}712 713.raw-task-name {714 margin: 10px 0 0;715 color: var(--muted);716 font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;717 font-size: 10px;718}719 720.close-button {721 width: 42px;722 height: 42px;723 flex: 0 0 auto;724 border: 1px solid var(--line);725 border-radius: 50%;726 background: var(--white);727 color: var(--ink);728 font-size: 25px;729 font-weight: 300;730 line-height: 1;731}732 733.dialog-body {734 padding: 30px 38px 48px;735}736 737.dialog-metrics {738 display: grid;739 grid-template-columns: repeat(4, minmax(0, 1fr));740 border: 1px solid var(--line);741 border-radius: 14px;742 overflow: hidden;743 background: var(--white);744}745 746.dialog-metric {747 padding: 19px;748 border-right: 1px solid var(--line);749}750 751.dialog-metric:last-child {752 border: 0;753}754 755.dialog-metric span {756 display: block;757 margin-bottom: 10px;758 color: var(--muted);759 font-size: 9px;760 font-weight: 800;761 letter-spacing: 0.1em;762 text-transform: uppercase;763}764 765.dialog-metric strong {766 font-family: Georgia, serif;767 font-size: 28px;768 font-weight: 400;769}770 771.prompt-panel {772 margin-top: 18px;773 border: 1px solid var(--line);774 border-radius: 12px;775 background: rgba(255, 253, 248, 0.6);776}777 778.prompt-panel summary {779 padding: 14px 17px;780 color: var(--ink);781 cursor: pointer;782 font-size: 11px;783 font-weight: 760;784 letter-spacing: 0.06em;785 text-transform: uppercase;786}787 788.prompt-panel p {789 margin: 0;790 padding: 0 17px 18px;791 color: var(--muted);792 font-size: 13px;793 line-height: 1.65;794}795 796.sample-heading {797 display: flex;798 align-items: end;799 justify-content: space-between;800 gap: 28px;801 margin: 46px 0 20px;802}803 804.sample-heading h3 {805 margin: 0;806 font-family: Georgia, serif;807 font-size: 28px;808 font-weight: 400;809 letter-spacing: -0.03em;810}811 812.sample-heading > p {813 max-width: 360px;814 margin: 0;815 color: var(--muted);816 font-size: 11px;817 line-height: 1.5;818 text-align: right;819}820 821.sample-grid {822 display: grid;823 gap: 24px;824}825 826.sample-card {827 padding: 14px;828 border: 1px solid var(--line);829 border-radius: var(--radius);830 background: var(--white);831}832 833.sample-card-header {834 display: flex;835 align-items: center;836 justify-content: space-between;837 gap: 20px;838 padding: 2px 2px 12px;839}840 841.sample-id {842 font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;843 font-size: 11px;844 font-weight: 780;845}846 847.sample-actions {848 display: flex;849 align-items: center;850 gap: 12px;851}852 853.sync-button {854 padding: 6px 9px;855 border: 1px solid var(--line);856 border-radius: 7px;857 background: transparent;858 color: var(--muted);859 font-size: 9px;860 font-weight: 780;861 letter-spacing: 0.06em;862 text-transform: uppercase;863}864 865.video-pair {866 display: grid;867 grid-template-columns: repeat(2, minmax(0, 1fr));868 gap: 12px;869}870 871.video-panel {872 min-width: 0;873 overflow: hidden;874 border: 1px solid var(--line);875 border-radius: 12px;876 background: #131917;877}878 879.video-panel video {880 display: block;881 width: 100%;882 aspect-ratio: 1;883 background: #101411;884 object-fit: contain;885}886 887.video-meta {888 display: flex;889 align-items: center;890 justify-content: space-between;891 gap: 12px;892 padding: 10px 12px;893 background: var(--paper);894}895 896.video-run-label {897 overflow: hidden;898 font-size: 10px;899 font-weight: 780;900 letter-spacing: 0.05em;901 text-overflow: ellipsis;902 text-transform: uppercase;903 white-space: nowrap;904}905 906.video-score {907 font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;908 font-size: 11px;909 font-variant-numeric: tabular-nums;910}911 912.sample-prompt {913 margin-top: 11px;914 border-top: 1px solid var(--line);915}916 917.sample-prompt summary {918 padding: 12px 3px 4px;919 color: var(--muted);920 cursor: pointer;921 font-size: 9px;922 font-weight: 780;923 letter-spacing: 0.07em;924 text-transform: uppercase;925}926 927.sample-prompt p {928 margin: 8px 3px 3px;929 color: var(--muted);930 font-size: 12px;931 line-height: 1.6;932}933 934.loading-overlay {935 position: fixed;936 z-index: 100;937 inset: 0;938 display: grid;939 place-items: center;940 background: var(--paper);941 transition:942 opacity 260ms ease,943 visibility 260ms ease;944}945 946.loading-overlay.hidden {947 visibility: hidden;948 opacity: 0;949}950 951.loading-card {952 width: min(320px, calc(100% - 48px));953 text-align: center;954}955 956.loading-mark {957 width: 54px;958 height: 54px;959 margin: 0 auto 18px;960 font-size: 29px;961}962 963.loading-card p {964 margin: 0 0 16px;965 color: var(--muted);966 font-size: 12px;967 font-weight: 720;968 letter-spacing: 0.08em;969 text-transform: uppercase;970}971 972.loading-line {973 height: 2px;974 overflow: hidden;975 background: var(--paper-deep);976}977 978.loading-line span {979 display: block;980 width: 45%;981 height: 100%;982 background: var(--green);983 animation: load 1.1s ease-in-out infinite alternate;984}985 986.sr-only {987 position: absolute;988 width: 1px;989 height: 1px;990 padding: 0;991 margin: -1px;992 overflow: hidden;993 clip: rect(0, 0, 0, 0);994 white-space: nowrap;995 border: 0;996}997 998@keyframes load {999 from {1000 transform: translateX(0);1001 }1002 to {1003 transform: translateX(122%);1004 }1005}1006 1007@media (max-width: 1050px) {1008 .page-shell {1009 padding-inline: 24px;1010 }1011 1012 .hero-grid {1013 grid-template-columns: 1fr 210px;1014 gap: 38px;1015 padding-inline: 2%;1016 }1017 1018 main > section {1019 padding-inline: 2%;1020 }1021 1022 .score-cards {1023 grid-template-columns: repeat(2, minmax(0, 1fr));1024 }1025 1026 .score-card:nth-child(2) {1027 border-right: 0;1028 }1029 1030 .score-card:nth-child(-n + 2) {1031 border-bottom: 1px solid var(--line);1032 }1033 1034 .task-toolbar {1035 grid-template-columns: 1fr 1fr;1036 }1037 1038 .search-field {1039 grid-column: 1 / -1;1040 }1041 1042 .task-table th:nth-child(1) {1043 width: 42%;1044 }1045 1046 .task-table th:nth-child(2) {1047 width: 18%;1048 }1049 1050 .task-table th:nth-child(3),1051 .task-table th:nth-child(4),1052 .task-table th:nth-child(5) {1053 width: 11%;1054 }1055 1056 .task-table th:last-child {1057 width: 7%;1058 }1059}1060 1061@media (max-width: 760px) {1062 .page-shell {1063 padding: 0 14px 28px;1064 }1065 1066 .topbar {1067 min-height: 52px;1068 }1069 1070 .brand {1071 font-size: 10px;1072 }1073 1074 .topbar-meta {1075 display: none;1076 }1077 1078 .hero-grid {1079 grid-template-columns: 1fr;1080 padding: 60px 0 45px;1081 }1082 1083 .hero-stamp {1084 display: grid;1085 grid-template-columns: auto 1fr;1086 column-gap: 14px;1087 align-items: end;1088 padding: 18px 0 0;1089 border-top: 1px solid var(--line);1090 border-left: 0;1091 }1092 1093 .stamp-number {1094 grid-row: span 2;1095 font-size: 55px;1096 }1097 1098 .stamp-rule {1099 display: none;1100 }1101 1102 .stamp-detail {1103 margin-top: 5px;1104 }1105 1106 main > section {1107 padding: 52px 0;1108 }1109 1110 .section-heading,1111 .sample-heading {1112 display: block;1113 }1114 1115 .section-note,1116 .sample-heading > p {1117 margin-top: 16px;1118 text-align: left;1119 }1120 1121 .baseline-pill {1122 margin-top: 18px;1123 }1124 1125 .run-controls {1126 grid-template-columns: 1fr;1127 gap: 18px;1128 }1129 1130 .mode-switcher {1131 grid-template-columns: repeat(2, minmax(0, 1fr));1132 }1133 1134 .score-cards {1135 grid-template-columns: 1fr;1136 }1137 1138 .score-card {1139 min-height: 140px;1140 border-right: 0;1141 border-bottom: 1px solid var(--line);1142 }1143 1144 .score-card:nth-child(3) {1145 border-bottom: 1px solid var(--line);1146 }1147 1148 .score-card:last-child {1149 border-bottom: 0;1150 }1151 1152 .score-value {1153 margin-top: 17px;1154 }1155 1156 .chart-card {1157 padding-inline: 8px;1158 }1159 1160 .trend-legend {1161 padding-inline: 10px;1162 }1163 1164 .task-toolbar {1165 grid-template-columns: 1fr;1166 }1167 1168 .search-field {1169 grid-column: auto;1170 }1171 1172 .task-table thead {1173 display: none;1174 }1175 1176 .task-table,1177 .task-table tbody,1178 .task-table tr,1179 .task-table td {1180 display: block;1181 width: 100%;1182 }1183 1184 .task-row {1185 position: relative;1186 padding: 17px;1187 }1188 1189 .task-row td {1190 padding: 0;1191 }1192 1193 .task-row td:nth-child(1) {1194 padding-right: 70px;1195 margin-bottom: 12px;1196 }1197 1198 .task-row td:nth-child(2) {1199 margin-bottom: 15px;1200 }