.container { max-width:1280px }
.detail-layout { display:flex; gap:28px; align-items:flex-start; }
.detail-left { flex:1; min-width:0; }
.patent-title-box { background:var(--white); border-radius:var(--radius-card); border:1px solid var(--border-light); padding:24px 28px; margin-bottom:18px; }
.patent-title-box .badges { display:flex; gap:6px; margin-bottom:10px; }
.patent-title-box .badges span { font-size:0.68rem; padding:3px 12px; border-radius:8px; font-weight:600; }
.badge-invention { background:#E3F2FD; color:#1565C0; }
.badge-utility { background:var(--brand-light-green); color:var(--brand-green); }
.badge-design { background:#FFF3E0; color:var(--accent-orange); }
.badge-grant { background:var(--brand-light-green); color:var(--brand-green); }
.badge-pending { background:#FFF8E1; color:#F57F17; }
.patent-title-box h1 { font-size:1.3rem; font-weight:700; color:#1F3E3B; line-height:1.4; }
.patent-title-box .p-number { font-size:0.85rem; color:var(--gray-mid); margin-top:6px; display:flex; gap:20px; flex-wrap:wrap; }
.patent-title-box .p-number span { display:flex; align-items:center; gap:4px; }
.section-card { background:var(--white); border-radius:var(--radius-card); border:1px solid var(--border-light); padding:24px 28px; margin-bottom:16px; }
.section-card h3 { font-size:0.95rem; font-weight:600; color:#1F3E3B; margin-bottom:14px; padding-bottom:10px; border-bottom:1px solid #F0E8DC; display:flex; align-items:center; gap:8px; }
.section-card h3 i { color:var(--brand-green); }
.meta-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:12px; }
.meta-grid .m-item .m-label { font-size:0.72rem; color:#bbb; margin-bottom:2px; }
.meta-grid .m-item .m-value { font-size:0.85rem; color:var(--gray-deep); font-weight:500; }
.ipc-link { color:var(--brand-green); font-weight:600; }
.ipc-link:hover { color:var(--accent-orange); text-decoration:underline; }
.field-scene-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.field-scene-grid .fs-col h4 { font-size:0.82rem; font-weight:600; color:#1F3E3B; margin-bottom:10px; display:flex; align-items:center; gap:6px; }
.field-scene-grid .fs-col h4 i { color:var(--brand-green); }
.field-tags { display:flex; gap:6px; flex-wrap:wrap; }
.field-tags a { display:inline-block; padding:4px 14px; border-radius:16px; background:#F5F2EC; font-size:0.78rem; color:var(--gray-mid); transition:.2s; text-decoration:none; }
.field-tags a:hover { background:var(--brand-light-green); color:var(--brand-green); }
.scene-tags { display:flex; gap:6px; flex-wrap:wrap; }
.scene-tags span { display:inline-block; padding:4px 14px; border-radius:16px; background:var(--brand-light-green); font-size:0.78rem; color:var(--brand-green); }
.similar-search-bar { display:flex; align-items:center; gap:8px; padding:10px 16px; background:var(--brand-light-green); border-radius:12px; margin-top:10px; font-size:0.82rem; }
.similar-search-bar i { color:var(--brand-green); }
.similar-search-bar a { font-weight:600; color:var(--brand-green); text-decoration:none; }
.similar-search-bar a:hover { text-decoration:underline; }
.abstract-text { font-size:0.88rem; color:var(--gray-mid); line-height:1.8; }
.detail-tabs { display:flex; gap:0; border-bottom:2px solid #EDE8DE; margin-bottom:16px; }
.detail-tabs span { padding:8px 20px; font-size:0.85rem; color:var(--gray-mid); cursor:pointer; border-bottom:2px solid transparent; margin-bottom:-2px; transition:.2s; }
.detail-tabs span.active { color:var(--brand-green); font-weight:600; border-bottom-color:var(--brand-green); }
.tab-content { font-size:0.85rem; color:var(--gray-mid); line-height:1.8; min-height:120px; }
.tab-content p { margin-bottom:8px; }
.timeline { position:relative; padding-left:20px; }
.timeline::before { content:''; position:absolute; left:6px; top:4px; bottom:4px; width:2px; background:#EDE8DE; }
.tl-item { position:relative; margin-bottom:16px; padding-left:16px; }
.tl-item::before { content:''; position:absolute; left:-17px; top:5px; width:10px; height:10px; border-radius:50%; background:#EDE8DE; }
.tl-item.done::before { background:var(--brand-green); }
.tl-item .tl-date { font-size:0.72rem; color:#bbb; }
.tl-item .tl-text { font-size:0.85rem; color:var(--gray-deep); }
.detail-right { width:340px; flex-shrink:0; position:sticky; top:90px; }
.trade-card { background:var(--white); border-radius:var(--radius-card); border:1px solid var(--border-light); box-shadow:var(--shadow-sm); padding:24px; }
.trade-card .tc-price { font-size:1.8rem; font-weight:700; color:var(--accent-orange); margin-bottom:2px; }
.trade-card .tc-price small { font-size:0.8rem; font-weight:400; color:#999; }
.trade-card .tc-sub { font-size:0.78rem; color:var(--gray-mid); margin-bottom:16px; }
.trade-card .tc-btn { width:100%; padding:12px; border-radius:12px; font-size:0.9rem; font-weight:600; border:none; cursor:pointer; margin-bottom:8px; transition:.2s; }
.trade-card .tc-btn.primary { background:var(--accent-orange); color:white; }
.trade-card .tc-btn.primary:hover { background:#CF711F; }
.trade-card .tc-btn.secondary { background:var(--white); border:1px solid #E4DDCF; color:var(--gray-deep); }
.trade-card .tc-btn.secondary:hover { border-color:var(--brand-green); }
.trade-card .tc-divider { border:none; border-top:1px solid var(--border-light); margin:14px 0; }
.trade-card .tc-info { font-size:0.82rem; color:var(--gray-mid); line-height:2.2; }
.trade-card .tc-info span { display:flex; align-items:center; gap:6px; }
.trade-card .tc-tags { display:flex; gap:4px; flex-wrap:wrap; }
.trade-card .tc-tags span { font-size:0.68rem; padding:3px 10px; border-radius:8px; }
.trade-card .tc-tags .safe { background:#E8F5E9; color:var(--brand-green); }
.trade-card .tc-tags .refund { background:#FFF3E0; color:var(--accent-orange); }
.trade-card .tc-seller { margin-top:12px; padding:12px; background:#FCFAF4; border-radius:12px; }
.trade-card .tc-seller .s-name { font-weight:600; font-size:0.85rem; color:var(--gray-deep); }
.trade-card .tc-seller .s-meta { font-size:0.72rem; color:var(--gray-mid); margin-top:4px; display:flex; gap:10px; flex-wrap:wrap; }
.trade-card .bid-list { margin-top:12px; }
.trade-card .bid-list .bid-item { display:flex; justify-content:space-between; padding:6px 0; border-bottom:1px solid #F5F0E8; font-size:0.78rem; }
.trade-card .bid-list .bid-item .b-bidder { color:var(--gray-mid); }
.trade-card .bid-list .bid-item .b-amount { color:var(--accent-orange); font-weight:600; }
.trade-card .bid-list .bid-more { font-size:0.72rem; color:var(--brand-green); text-align:center; margin-top:4px; cursor:pointer; }
.similar-section { margin-top:20px; }
.similar-section h3 { font-size:0.95rem; font-weight:600; color:#1F3E3B; margin-bottom:12px; }
.similar-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:12px; }
.similar-card { background:var(--white); border-radius:14px; border:1px solid var(--border-light); padding:16px; transition:.2s; display:block; text-decoration:none; }
.similar-card:hover { border-color:#DACEB9; }
.similar-card h4 { font-size:0.85rem; font-weight:600; color:#1F3E3B; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.similar-card .s-price { font-size:1rem; font-weight:700; color:var(--accent-orange); margin-top:6px; }
.similar-card .s-price small { font-size:0.65rem; font-weight:400; color:#bbb; }
.similar-card .s-meta { font-size:0.7rem; color:#bbb; margin-top:4px; }
.prev-next-nav { display:flex; justify-content:space-between; align-items:center; gap:12px; background:var(--white); border-radius:var(--radius-card); border:1px solid var(--border-light); padding:16px 24px; margin-bottom:16px; }
.prev-next-nav .pn-item { display:flex; align-items:center; gap:8px; font-size:0.82rem; max-width:40%; }
.prev-next-nav .pn-item.pn-prev { text-align:left; }
.prev-next-nav .pn-item.pn-next { text-align:right; }
.prev-next-nav .pn-item a { color:var(--gray-mid); display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-decoration:none; }
.prev-next-nav .pn-item a:hover { color:var(--brand-green); }
.prev-next-nav .pn-item .arrow { color:var(--brand-green); font-size:0.9rem; flex-shrink:0; }
.prev-next-nav .pn-divider { flex:1; text-align:center; font-size:0.72rem; color:#ccc; }
.field-nav { background:var(--white); border-radius:var(--radius-card); border:1px solid var(--border-light); padding:18px 24px; margin-bottom:16px; }
.field-nav h4 { font-size:0.82rem; font-weight:600; color:#1F3E3B; margin-bottom:10px; display:flex; align-items:center; gap:6px; }
.field-nav .fn-tags { display:flex; gap:4px; flex-wrap:wrap; }
.field-nav .fn-tags a { padding:4px 12px; border-radius:16px; background:#F5F2EC; font-size:0.72rem; color:var(--gray-mid); transition:.2s; text-decoration:none; }
.field-nav .fn-tags a:hover { background:var(--brand-light-green); color:var(--brand-green); }
.field-nav .fn-more { font-size:0.72rem; color:var(--brand-green); cursor:pointer; }
@media (max-width:900px) {
    .detail-layout { flex-direction:column; }
    .detail-right { width:100%; position:static; }
}
@media (max-width:768px) {
    .nav-links{display:none;position:fixed;top:0;right:-280px;width:260px;height:100vh;background:var(--white);flex-direction:column;padding:60px 24px 24px;gap:16px;box-shadow:-4px 0 20px rgba(0,0,0,.1);z-index:300;transition:right .3s;align-items:flex-start}
    .nav-links.open{display:flex;right:0}
    .nav-links a{font-size:1rem}
    .meta-grid { grid-template-columns:1fr 1fr; }
    .field-scene-grid { grid-template-columns:1fr; }
}
@media(max-width:480px){.container{padding:0 16px}}