:root{--pd-bg:#f5f6f8;--pd-card:#fff;--pd-text:#20262c;--pd-muted:#7b838c;--pd-line:#e8ebee;--pd-accent:#a47931}
*{box-sizing:border-box}body{margin:0;background:var(--pd-bg);color:var(--pd-text);font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
body[data-theme=dark]{--pd-bg:#171a1e;--pd-card:#22262b;--pd-text:#eef0f2;--pd-muted:#a2aab3;--pd-line:#363c43;--pd-accent:#d5ad66}
a{color:inherit;text-decoration:none}button,textarea{font:inherit}button,a,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--pd-accent);outline-offset:4px}
.navbar{background:var(--pd-card);border-bottom:1px solid var(--pd-line);padding:14px max(24px,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}.pd-brand{font-size:20px;font-weight:750;letter-spacing:.03em}.pd-brand span{color:var(--pd-accent)}.pd-header-actions{display:flex;align-items:center;gap:24px;font-size:14px}.pd-header-actions>a{color:var(--pd-muted)}
.photo-container{max-width:1180px;margin:20px auto 36px;padding:0 24px}.pd-breadcrumb{font-size:13px;color:var(--pd-muted);margin:0 0 12px}.pd-breadcrumb a{margin-right:12px}.pd-image-stage{background:var(--pd-card);border:1px solid var(--pd-line);border-radius:12px;overflow:hidden;display:flex;justify-content:center;align-items:center;background:var(--pd-bg)}.big-image{width:auto;max-width:100%;height:auto;max-height:clamp(240px,58vh,680px);object-fit:contain;display:block}.info-section{margin-top:0}.pd-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:16px;align-items:start}.pd-card{background:var(--pd-card);border:1px solid var(--pd-line);border-radius:12px;padding:20px;box-shadow:0 4px 24px #18233103;min-width:0}.pd-card h2{font-size:21px;line-height:1.4;letter-spacing:.01em;margin:0 0 14px;overflow-wrap:anywhere}.pd-card h3{font-size:16px;margin:0 0 16px}.pd-section-label{font-size:11px;color:var(--pd-accent);letter-spacing:.14em;margin:0 0 10px;font-weight:650}
.author-box{display:flex;align-items:center;gap:12px;padding-bottom:14px;margin-bottom:12px;border-bottom:1px solid var(--pd-line)}.author-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;background:var(--pd-bg)}.author-info h3{font-size:16px;margin:0 0 3px}.author-info p{font-size:12px;color:var(--pd-muted);margin:0}.pd-author-caption{color:var(--pd-muted);font-size:12px;margin:0 0 10px}
.pd-data{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 18px}.data-row{display:flex;flex-direction:column;gap:3px;padding:10px 0;border-top:1px solid var(--pd-line);min-width:0}.data-label{font-size:12px;color:var(--pd-muted)}.data-value{font-size:14px;font-weight:550;overflow-wrap:anywhere}.data-value a{color:var(--pd-accent)}
.pd-actions{display:flex;align-items:center;gap:8px;margin-top:14px;flex-wrap:wrap}.pd-button,.pd-actions button{border:1px solid var(--pd-line);border-radius:9px;padding:8px 13px;background:var(--pd-card);color:var(--pd-text);font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.pd-button:hover,.pd-actions button:hover{border-color:var(--pd-accent)}.pd-button-primary{background:var(--pd-text);color:var(--pd-card);border-color:var(--pd-text)}.pd-author-card>.pd-button{width:100%;margin-top:8px}.pd-view-count{font-size:13px;color:var(--pd-muted);margin-left:auto}#like-btn.liked{color:#ce5872;border-color:#e9bdc8}.back-btn{display:inline-block;margin:18px 0 0;font-size:14px;color:var(--pd-muted)}
.analysis-box{border-top:1px solid var(--pd-line);margin-top:14px;padding-top:12px;font-size:13px;color:var(--pd-muted)}.analysis-box summary{cursor:pointer;font-size:14px;color:var(--pd-text);font-weight:600}.analysis-content{padding-top:18px;line-height:2}.analysis-box h3{margin:18px 0 10px;font-size:13px;color:var(--pd-text)}.analysis-box canvas{display:block;width:100%;height:150px;background:#202020;border-radius:9px}
.reject-reason-panel{border:1px solid #e7b1aa;background:#fff4f1;color:#763d35;border-radius:12px;padding:18px;margin-top:24px;font-size:14px}.reject-reason-panel h3{margin:0 0 10px}.reject-rule-link{display:block;margin-top:12px;text-decoration:underline}.reject-reason-panel li{margin:8px 0}
.pd-comments{margin-top:16px}.pd-comments-head{display:flex;gap:10px;align-items:baseline;margin-bottom:14px}.pd-comments-head h3{margin:0;font-size:19px}.pd-comments-head span,.pd-subtle{font-size:13px;color:var(--pd-muted)}.pd-comment-form textarea{resize:vertical;display:block;width:100%;min-height:72px;max-height:350px;border:1px solid var(--pd-line);border-radius:10px;background:var(--pd-bg);color:var(--pd-text);padding:11px 13px;outline:none}.pd-comment-form textarea:focus{border-color:var(--pd-accent);box-shadow:0 0 0 3px #a4793110}.pd-compose-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.pd-comment-error:empty{display:none}.pd-comment-error{margin:8px 0 0;color:#b3483d;font-size:13px}.pd-login-hint,.pd-empty{background:var(--pd-bg);padding:14px;border-radius:10px;color:var(--pd-muted);font-size:14px}.pd-login-hint a{color:var(--pd-accent);font-weight:600}.pd-comment-list{list-style:none;padding:0;margin:16px 0 0}.pd-comment{display:flex;gap:12px;padding:14px 0;border-top:1px solid var(--pd-line);scroll-margin-top:20px}.pd-comment-avatar{height:36px;width:36px;flex:0 0 36px;border-radius:50%;object-fit:cover;background:var(--pd-bg);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--pd-accent)}.pd-comment-content{flex:1;min-width:0}.pd-comment-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.pd-comment-meta strong{font-size:14px;font-weight:600}.pd-comment-meta time{font-size:12px;color:var(--pd-muted)}.pd-comment-content p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0;font-size:14px;line-height:1.8}.pd-pagination{display:flex;align-items:center;justify-content:center;gap:20px;font-size:13px;color:var(--pd-muted);margin:16px 0 0}
/* Keep the photograph and its details in one compact desktop row. */
.pd-main-grid>.pd-image-stage{align-self:stretch;min-width:0}
.pd-main-grid>.pd-image-stage .big-image{max-height:72vh}
.pd-details-sidebar{display:flex;flex-direction:column;gap:12px;min-width:0}
.pd-details-sidebar .pd-card{padding:18px}
.pd-details-sidebar .pd-author-card{order:-1;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pd-details-sidebar .pd-author-caption{display:none}
.pd-details-sidebar .author-box{grid-column:1/-1;margin:0;padding:0;border:0}
.pd-details-sidebar .author-avatar{width:40px;height:40px}
.pd-details-sidebar .author-info h3{font-size:15px}
.pd-details-sidebar .pd-author-card>.pd-button{margin:0;width:100%;padding:8px 6px;font-size:12px}
.pd-details-sidebar .pd-card h2{font-size:19px;margin-bottom:12px}
.pd-details-sidebar .pd-section-label{margin-bottom:6px}
.pd-details-sidebar .pd-data{grid-template-columns:1fr;gap:0}
.pd-details-sidebar .data-row{flex-direction:row;align-items:baseline;justify-content:space-between;gap:14px;padding:7px 0}
.pd-details-sidebar .data-label{flex-shrink:0}
.pd-details-sidebar .data-value{text-align:right;font-size:13px}
.pd-details-sidebar .pd-view-count{flex-basis:100%;margin:0;font-size:12px}
.pd-details-sidebar .pd-actions{gap:7px;margin-top:12px}
.pd-details-sidebar .pd-actions button,.pd-details-sidebar .pd-actions .pd-button{font-size:13px;padding:7px 10px}
@media(max-width:900px){.pd-main-grid{grid-template-columns:minmax(0,1fr)}.pd-main-grid>.pd-image-stage .big-image{max-height:56vh}.pd-details-sidebar .pd-data{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}.pd-details-sidebar .pd-author-card{grid-template-columns:minmax(0,1fr) auto auto;align-items:center}.pd-details-sidebar .author-box{grid-column:auto}.pd-details-sidebar .pd-view-count{flex-basis:auto;margin-left:auto}}
@media(max-width:600px){.navbar{padding:14px 16px;gap:12px;flex-wrap:wrap}.pd-brand{font-size:17px}.pd-header-actions{gap:14px;font-size:13px}.photo-container{margin:14px auto 28px;padding:0 12px}.pd-image-stage{border-radius:10px}.pd-card{padding:16px;border-radius:12px}.pd-details-sidebar .pd-card{padding:16px}.pd-details-sidebar .pd-card h2{font-size:19px}.pd-details-sidebar .pd-data{gap:0 14px}.pd-details-sidebar .data-row{flex-direction:column;gap:2px;padding:8px 0}.pd-details-sidebar .data-value{text-align:left}.pd-details-sidebar .pd-author-card{grid-template-columns:1fr 1fr}.pd-details-sidebar .author-box{grid-column:1/-1}.pd-comments{margin-top:12px}.pd-comments-head{margin-bottom:12px}.pd-compose-footer .pd-subtle{font-size:11px}.pd-main-grid{gap:12px}}