.info-page {background: #f5f5f5;padding: 36px 0 64px;}
.info-hero,.info-form-head {max-width: 1120px;margin: 0 auto 22px;}
.info-form-head {text-align: center;}
.info-hero {display: flex;align-items: center;justify-content: space-between;gap: 18px;}
.info-hero h1,.info-form-head h1 {margin: 0 0 10px;color: #111;font-size: 34px;font-weight: 700;line-height: 1.25;}
.info-hero p,.info-form-head p {color: #777;font-size: 14px;line-height: 1.7;}
.info-publish-btn {display: inline-flex;align-items: center;gap: 8px;height: 42px;padding: 0 20px;background: #ff6a00;color: #fff;font-size: 14px;white-space: nowrap;}
.info-publish-btn:hover {background: #e85f00;color: #fff;}
.info-filter {display: grid;grid-template-columns: 180px minmax(0,1fr) 180px 110px;gap: 12px;max-width: 1120px;margin: 0 auto 18px;padding: 18px;background: #fff;border: 1px solid #eee;box-sizing: border-box;}
.info-filter input,.info-filter select,.info-publish-form input,.info-publish-form select,.info-publish-form textarea {box-sizing: border-box;width: 100%;border: 1px solid #ddd;background: #fff;color: #333;font-family: inherit;font-size: 14px;}
.info-filter input,.info-filter select {height: 42px;padding: 0 12px;}
.info-filter button {height: 42px;border: 0;background: #0e4081;color: #fff;font-size: 14px;cursor: pointer;}
.info-filter button .fa {margin-right: 6px;}
.info-category-tabs {display: flex;flex-wrap: wrap;gap: 10px;max-width: 1120px;margin: 0 auto 18px;}
.info-category-tabs a {display: inline-flex;align-items: center;height: 34px;padding: 0 14px;background: #fff;border: 1px solid #eee;color: #555;font-size: 14px;}
.info-category-tabs a:hover,.info-category-tabs a.act {border-color: #ff6a00;background: #fff8f2;color: #ff6a00;}
.info-list {display: grid;gap: 14px;max-width: 1120px;margin: 0 auto;}
.info-list li {display: flex;align-items: center;justify-content: space-between;gap: 18px;padding: 20px 22px;background: #fff;border: 1px solid #eee;box-sizing: border-box;}
.info-list-main {min-width: 0;}
.info-list-main h2 {margin: 0 0 8px;color: #222;font-size: 19px;font-weight: 700;line-height: 1.4;}
.info-list-main h2 a {color: #222;}
.info-list-main h2 a:hover {color: #0e4081;}
.info-list-main p {margin: 0 0 12px;color: #666;font-size: 14px;line-height: 1.7;}
.info-meta {display: flex;flex-wrap: wrap;gap: 8px 18px;color: #999;font-size: 13px;}
.info-list-action,.info-row-actions a,.info-row-actions button {display: inline-flex;align-items: center;justify-content: center;height: 34px;padding: 0 14px;border: 1px solid #ddd;background: #fff;color: #555;font-size: 14px;white-space: nowrap;cursor: pointer;font-family: inherit;box-sizing: border-box;}
.info-list-action:hover,.info-row-actions a:hover,.info-row-actions button:hover {border-color: #0e4081;color: #0e4081;}
.info-empty {padding: 48px 20px;background: #fff;border: 1px dashed #ddd;color: #888;text-align: center;}
.info-detail {display: grid;grid-template-columns: minmax(0,1fr) 300px;gap: 22px;max-width: 1120px;margin: 0 auto;}
.info-detail-main,.info-contact,.info-publish-form {background: #fff;border: 1px solid #eee;padding: 24px;box-sizing: border-box;}
.info-detail-head {padding-bottom: 18px;border-bottom: 1px solid #eee;}
.info-detail-head h1 {margin: 0 0 12px;color: #111;font-size: 30px;font-weight: 700;line-height: 1.35;}
.info-detail-content {padding-top: 22px;color: #333;font-size: 15px;line-height: 1.9;}
.info-contact h2 {margin: 0 0 18px;color: #222;font-size: 20px;font-weight: 700;}
.info-contact p {display: flex;justify-content: space-between;gap: 12px;margin-bottom: 14px;color: #777;font-size: 14px;}
.info-contact strong {color: #222;font-size: 16px;}
.info-contact a {display: flex;align-items: center;justify-content: center;height: 40px;margin-top: 20px;background: #0e4081;color: #fff;}
.info-publish-form {display: grid;grid-template-columns: 1fr 1fr;gap: 16px;max-width: 860px;margin: 0 auto;}
.info-publish-form label {display: block;color: #555;font-size: 14px;}
.info-publish-form input,.info-publish-form select {height: 42px;margin-top: 8px;padding: 0 12px;}
.info-publish-form textarea {height: 180px;margin-top: 8px;padding: 12px;line-height: 1.7;resize: vertical;}
.info-form-row {display: grid;grid-template-columns: repeat(3,1fr);gap: 14px;grid-column: 1 / 3;}
.info-form-row + label {grid-column: 1 / 3;}
.info-full,.info-form-actions {grid-column: 1 / 3;}
.info-field-title {display: block;margin-bottom: 8px;color: #555;font-size: 14px;}
.info-upload-box {display: flex !important;align-items: center;justify-content: center;flex-direction: column;width: 96px;aspect-ratio: 1 / 1;border: 1px dashed #d7d7d7;background: #fafafa;color: #6f7890;cursor: pointer;box-sizing: border-box;text-align: center;}
.info-upload-box:hover {border-color: #ff6a00;background: #fff8f2;color: #ff6a00;}
.info-upload-box input {display: none;}
.info-upload-box span {font-size: 30px;font-weight: 200;line-height: 1;}
.info-upload-box em {margin-top: 8px;color: #283b64;font-size: 14px;font-style: normal;line-height: 1;}
.info-image-tip {margin-top: 8px;color: #999;font-size: 13px;line-height: 1.6;}
.info-image-preview {display: flex;align-items: flex-start;flex-wrap: wrap;gap: 10px;margin-top: 8px;}
.info-image-item {position: relative;display: block;width: 96px;aspect-ratio: 1 / 1;border: 1px solid #eee;background: #f7f7f7;overflow: hidden;box-sizing: border-box;}
.info-image-item img {display: block;width: 100%;height: 100%;object-fit: cover;}
.info-image-remove {position: absolute;top: 4px;right: 4px;z-index: 2;display: none !important;align-items: center;justify-content: center;width: 20px;height: 20px;border: 0;border-radius: 50%;background: rgba(0,0,0,.58);color: #fff;font-size: 16px;line-height: 1;cursor: pointer;padding: 0;}
.info-image-item:hover .info-image-remove,.info-image-item:focus-within .info-image-remove {display: flex !important;}
.info-image-remove:hover {background: #ff6a00;}
.info-detail-images {display: grid;grid-template-columns: repeat(auto-fill,minmax(150px,1fr));gap: 12px;margin-top: 24px;}
.info-detail-images a {display: block;aspect-ratio: 4 / 3;border: 1px solid #eee;overflow: hidden;background: #f7f7f7;}
.info-detail-images img {display: block;width: 100%;height: 100%;object-fit: cover;}
.info-form-actions {display: flex;align-items: center;justify-content: center;gap: 12px;}
.info-form-actions button {height: 42px;border: 0;background: #ff6a00;color: #fff;padding: 0 28px;cursor: pointer;font-family: inherit;}
.info-form-actions a {display: inline-flex;align-items: center;height: 42px;padding: 0 18px;background: #eee;color: #555;}
.info-row-actions {display: flex;align-items: center;gap: 8px;flex-wrap: wrap;justify-content: flex-end;}
.info-row-actions form {margin: 0;}
.info-reject {color: #d93025 !important;}
#Nav>li>a.info-publish-nav {height: 36px;line-height: 34px;margin-top: 22px;padding: 0 16px;background: #ff6a00;color: #fff;border-bottom: 0;border-radius: 2px;}
#Nav>li>a.info-publish-nav:hover {background: #e85f00;color: #fff;border-bottom: 0;}
@media (max-width: 900px) {
  .info-hero,.info-detail {display: block;}
  .info-publish-btn {margin-top: 14px;}
  .info-filter {grid-template-columns: 1fr 1fr;}
  .info-contact {margin-top: 16px;}
}
@media (max-width: 640px) {
  .info-page {padding: 28px 10px 44px;}
  .info-hero h1,.info-form-head h1 {font-size: 28px;}
  .info-filter,.info-publish-form,.info-form-row {grid-template-columns: 1fr;}
  .info-full,.info-form-actions,.info-form-row,.info-form-row + label {grid-column: auto;}
  .info-upload-box,.info-image-item {width: calc((100vw - 60px) / 3);max-width: 96px;}
  .info-image-remove {display: flex !important;}
  .info-detail-images {grid-template-columns: repeat(2,1fr);}
  .info-list li {display: block;padding: 18px;}
  .info-list-action,.info-row-actions {margin-top: 14px;justify-content: flex-start;}
}