.detail-page{background:#f7f9f7;min-height:75vh;padding:30px 0 76px;color:#20362e}
.detail-container{max-width:1120px}
.detail-back{display:inline-flex;align-items:center;gap:8px;margin:0 0 25px;color:#5f756a;text-decoration:none;font-size:14px;font-weight:650}
.detail-back:hover{color:#16845b}
.detail-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:22px;margin-bottom:25px}
.detail-heading-main{max-width:780px}.detail-heading h1{font-size:clamp(28px,4vw,43px);line-height:1.13;letter-spacing:-.035em;margin:8px 0 14px;color:#163c2e}.detail-meta{display:flex;flex-wrap:wrap;gap:10px 18px;color:#6b7e74;font-size:13px}.detail-heading>.status-pill{white-space:nowrap;margin-top:6px}
.detail-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.8fr);gap:22px;align-items:start}.detail-main-column,.detail-side-column{display:grid;gap:22px;min-width:0}
.detail-card{background:#fff;border:1px solid #e6ede8;border-radius:18px;padding:25px;box-shadow:0 8px 28px rgba(26,61,43,.035)}.detail-card-title{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding-bottom:18px;margin-bottom:17px;border-bottom:1px solid #edf1ee}.detail-card h2,.detail-card-title h2{margin:0;color:#183f30;font-size:21px;letter-spacing:-.02em}.detail-card-title p{margin:6px 0 0;color:#778980;font-size:13px}.detail-public-label{padding:6px 9px;background:#e9f7ef;color:#147548;font-size:11px;font-weight:800;border-radius:30px;white-space:nowrap}
.detail-description{font-size:15px;line-height:1.85;color:#40564b;overflow-wrap:anywhere}.detail-location-note{background:#f6faf7;border-radius:10px;padding:13px 15px;margin-top:19px}.detail-location-note strong{font-size:12px;color:#32674e}.detail-location-note p{font-size:14px;color:#4e6559;margin:5px 0 0;line-height:1.7;overflow-wrap:anywhere}
.detail-map-link{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #edf1ee;margin-top:6px}.detail-map-link>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#e8f6ee;color:#128052;font-size:22px}.detail-map-link div{display:grid;gap:3px;flex:1;min-width:0}.detail-map-link strong{font-size:13px}.detail-map-link small{font-size:11px;color:#7b8c83}.detail-map-link a{font-size:12px;font-weight:750;text-decoration:none;color:#16845b;white-space:nowrap}
.detail-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px}.detail-photo-grid a{display:block;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:#edf2ee}.detail-photo-grid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}.detail-photo-grid a:hover img{transform:scale(1.04)}
.status-card h2{font-size:19px}.status-card-intro{font-size:13px;line-height:1.65;color:#778980;margin:9px 0 20px}.detail-timeline{display:grid}.detail-timeline-item{position:relative;display:grid;grid-template-columns:13px minmax(0,1fr);gap:11px;padding-bottom:22px}.detail-timeline-item:not(:last-child):before{content:"";position:absolute;left:5px;top:14px;bottom:1px;width:2px;background:#dce8df}.timeline-dot{position:relative;z-index:1;width:12px;height:12px;border:3px solid #cbd9cf;background:#fff;border-radius:100%;margin-top:3px}.detail-timeline-item.is-current .timeline-dot{border-color:#16845b;background:#16845b;box-shadow:0 0 0 4px #e5f5eb}.detail-timeline-item strong{font-size:13px;color:#315142;display:block}.detail-timeline-item time{font-size:11px;color:#88978f;display:block;margin-top:4px}.detail-timeline-item p{font-size:12px;line-height:1.65;color:#66796e;margin:6px 0 0;overflow-wrap:anywhere}.detail-track-link{display:block;border-top:1px solid #edf1ee;padding-top:15px;font-size:12px;text-decoration:none;color:#16845b;font-weight:750}
.detail-tip-card{padding:22px;border-radius:17px;background:#eaf6ed;border:1px solid #d9ecdf}.detail-tip-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#fff;color:#e8764e;font-size:23px}.detail-tip-card h3{font-size:17px;color:#204d36;margin:14px 0 8px}.detail-tip-card p{font-size:13px;color:#587364;line-height:1.75;margin:0 0 14px}.detail-tip-card>a{font-size:13px;font-weight:800;color:#167748;text-decoration:none}
.comments-card .detail-card-title{margin-bottom:20px}.comment-form{display:grid;gap:9px}.comment-form>label,.op-pin-field>label{font-size:13px;font-weight:750;color:#385747;margin-top:4px}.comment-form label span{font-weight:500;color:#8a9890}.comment-form input[type=text],.comment-form input[type=password],.comment-form textarea{width:100%;border:1px solid #dfe8e1;border-radius:11px;background:#fff;padding:12px 13px;font:inherit;font-size:14px;color:#243b30;outline:none;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.comment-form textarea{min-height:115px;resize:vertical;line-height:1.65}.comment-form input:focus,.comment-form textarea:focus{border-color:#58a47e;box-shadow:0 0 0 3px rgba(22,132,91,.1)}.comment-help{font-size:11px;color:#819188;margin-top:-2px}.op-verification-box{border:1px solid #dfeee3;background:#f7fbf8;padding:14px;border-radius:12px;margin-top:7px}.op-check-label{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.op-check-label input{margin:4px 0 0;accent-color:#16845b;width:16px;height:16px;flex-shrink:0}.op-check-label span{display:grid;gap:4px}.op-check-label strong{font-size:13px;color:#2b4e3b}.op-check-label small{font-size:11px;line-height:1.55;color:#788b7f}.op-pin-field{display:grid;gap:7px;padding:13px 0 0 26px}.op-pin-field[hidden]{display:none}.op-pin-field input{max-width:230px;letter-spacing:.22em}.comment-submit{justify-self:start;margin-top:6px;border:0;cursor:pointer}.comment-list{display:grid;margin-top:26px}.comment-item{display:grid;grid-template-columns:39px minmax(0,1fr);gap:12px;border-top:1px solid #edf1ee;padding:18px 0}.comment-avatar{width:39px;height:39px;border-radius:13px;display:grid;place-items:center;background:#eaf5ed;color:#247149;font-size:15px;font-weight:800}.comment-content{min-width:0}.comment-author-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.comment-author-line>strong{font-size:13px;color:#294a38}.comment-author-line time{font-size:10px;color:#93a198;margin-left:auto}.op-badge{border-radius:5px;padding:4px 6px;background:#e6f6ec;color:#157044;font-size:9px;letter-spacing:.03em;font-weight:850}.comment-content>p{margin:8px 0 0;color:#53665b;font-size:13px;line-height:1.75;overflow-wrap:anywhere}.comments-empty{text-align:center;padding:26px 10px 8px;border-top:1px solid #edf1ee}.comments-empty>span{font-size:27px;display:block;margin-bottom:8px}.comments-empty strong{display:block;color:#456151;font-size:14px}.comments-empty p{font-size:12px;color:#87958c;margin:7px 0 0}
.detail-alert{padding:14px 16px;border-radius:12px;margin:0 0 20px;font-size:13px;line-height:1.65}.detail-alert-success{background:#eaf7ee;border:1px solid #cbe8d4;color:#1d6a41}.detail-alert-error{background:#fff1ee;border:1px solid #f4d1c9;color:#9a3927}.detail-alert ul{margin:5px 0 0;padding-left:20px}.detail-not-found{margin:55px auto 80px;max-width:520px;text-align:center;background:#fff;border:1px solid #e6ede8;border-radius:20px;padding:45px 25px}.detail-not-found-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fff0e9;color:#c55b35;font-size:25px;font-weight:800;margin:0 auto 15px}.detail-not-found h1{font-size:27px;color:#183f30;margin:0 0 10px}.detail-not-found p{color:#718278;font-size:14px;line-height:1.7;margin:0 0 23px}
@media(max-width:850px){.detail-layout{grid-template-columns:minmax(0,1fr)}.detail-side-column{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.detail-heading h1{font-size:34px}}
@media(max-width:600px){.detail-page{padding:22px 0 48px}.detail-heading{display:grid;gap:13px}.detail-heading>.status-pill{justify-self:start}.detail-heading h1{font-size:29px}.detail-card{padding:19px;border-radius:15px}.detail-side-column{grid-template-columns:minmax(0,1fr)}.detail-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-map-link{flex-wrap:wrap}.detail-map-link>a{margin-left:48px}.comment-author-line time{width:100%;margin-left:0}.detail-card-title h2{font-size:19px}}