:root{--bg:#f8f7f3;--paper:#fffefb;--ink:#16211e;--muted:#68736f;--line:rgba(22,33,30,.12);--accent:#1f5b52;--accent-2:#8b6f3e;--soft:#eef4f1;--shadow:0 18px 50px rgba(20,32,28,.08);--radius:22px;--serif:Georgia,"Times New Roman","Noto Serif SC",serif;--sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Microsoft YaHei",Arial,sans-serif}html[data-theme="dark"]{--bg:#101513;--paper:#151d1a;--ink:#edf5f0;--muted:#aab6b1;--line:rgba(237,245,240,.14);--accent:#77c8b9;--accent-2:#d3b36b;--soft:#192622;--shadow:0 18px 50px rgba(0,0,0,.35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.65;overflow-x:hidden}.site-bg{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 5%,rgba(31,91,82,.12),transparent 28%),radial-gradient(circle at 85% 18%,rgba(139,111,62,.12),transparent 26%);z-index:-1}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:22px;justify-content:space-between;padding:14px clamp(18px,4vw,54px);border-bottom:1px solid var(--line);backdrop-filter:blur(18px);background:color-mix(in srgb,var(--bg) 86%,transparent)}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;min-width:245px}.brand-mark{width:46px;height:46px;border:1px solid var(--ink);display:grid;place-items:center;font:700 11px/1.05 var(--serif);letter-spacing:.08em}.brand small{display:block;color:var(--muted);font-size:12px}.topnav{display:flex;gap:4px;justify-content:center;flex:1}.topnav a{color:var(--muted);text-decoration:none;padding:9px 12px;border-radius:999px;font-size:14px}.topnav a:hover,.topnav a.active{background:var(--soft);color:var(--accent)}button,a{font:inherit}.ghost-btn,.primary-btn,.secondary-btn{border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink);padding:10px 15px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:.22s ease}.ghost-btn:hover,.secondary-btn:hover{transform:translateY(-1px);border-color:var(--accent);color:var(--accent)}.primary-btn{background:var(--accent);border-color:var(--accent);color:white}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(31,91,82,.24)}.secondary-btn{background:var(--paper)}.small{font-size:14px;padding:8px 12px}.wide{width:100%}main{width:min(1220px,calc(100% - 34px));margin:0 auto}.hero{min-height:620px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:34px;align-items:center;padding:72px 0 44px}.eyebrow{margin:0 0 12px;color:var(--accent-2);text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:700}.hero h1{font-family:var(--serif);font-size:clamp(42px,7vw,78px);line-height:1.05;letter-spacing:-.045em;margin:0 0 24px;text-wrap:pretty}.lead{font-size:clamp(18px,2vw,22px);color:var(--muted);max-width:760px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.hero-panel{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:16px;background:rgba(255,255,255,.42);border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow);backdrop-filter:blur(16px)}html[data-theme="dark"] .hero-panel{background:rgba(21,29,26,.58)}.metric{min-height:150px;background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:24px;display:flex;flex-direction:column;justify-content:space-between}.metric span{font-family:var(--serif);font-size:54px;color:var(--accent);line-height:1}.metric small{color:var(--muted)}.section{padding:64px 0;border-top:1px solid var(--line)}.section-head{max-width:760px;margin-bottom:28px}.section-head h2{font-family:var(--serif);font-size:clamp(32px,4vw,48px);line-height:1.1;margin:0 0 12px;letter-spacing:-.03em}.section-head p{color:var(--muted);margin:0}.split-head{max-width:none;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.data-actions{display:flex;gap:10px;flex-wrap:wrap}.feature-grid,.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-card,.method-grid article,.chart-card,.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 12px 28px rgba(20,32,28,.04)}.feature-card span{color:var(--accent-2);font-family:var(--serif);font-size:28px}.feature-card h3,.method-grid h3,.chart-card h3,.card h3{margin:8px 0 10px}.feature-card p,.method-grid p,.card p{color:var(--muted);margin:0}.database-shell{display:grid;grid-template-columns:310px minmax(0,1fr);gap:20px;align-items:start}.filters{position:sticky;top:92px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:0 12px 28px rgba(20,32,28,.04)}label{display:block;font-size:13px;color:var(--muted);margin-bottom:12px}input,select{width:100%;margin-top:6px;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:12px;padding:11px 12px;font:inherit;font-size:14px;outline:none}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.filter-note{font-size:12px;color:var(--muted);margin-top:14px}.table-area{min-width:0}.table-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.toolbar-group{display:flex;gap:8px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);box-shadow:0 12px 28px rgba(20,32,28,.04)}.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:15px}.data-table th{position:sticky;top:0;background:var(--soft);z-index:2;text-align:left;color:var(--muted);font-weight:700;padding:13px;border-bottom:1px solid var(--line);white-space:nowrap}.data-table td{padding:16px 14px;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.55}.data-table tr{cursor:pointer;transition:.16s}.data-table tr:hover{background:var(--soft)}body.compact .data-table td{padding:9px 10px;font-size:13px}.pill{display:inline-flex;align-items:center;border:1px solid var(--line);background:var(--soft);border-radius:999px;padding:3px 8px;font-size:12px;color:var(--accent);white-space:nowrap}.keywords{max-width:260px;color:var(--muted);font-size:13px;line-height:1.5}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:14px}.mobile-cards{display:none}.card-list{display:grid;grid-template-columns:1fr;gap:14px}.card-list.two{grid-template-columns:repeat(2,1fr)}.card{cursor:pointer;transition:.2s}.card:hover{transform:translateY(-2px);border-color:var(--accent)}.card-meta{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.mini-filter{display:grid;grid-template-columns:1fr 240px;gap:12px;margin-bottom:16px}.chart-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.bar{display:grid;grid-template-columns:120px 1fr 36px;gap:10px;align-items:center;margin:10px 0;font-size:13px}.bar-track{height:10px;background:var(--soft);border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:999px;transform-origin:left;animation:grow .9s ease both}.tag-cloud{display:flex;gap:8px;flex-wrap:wrap}.tag-cloud span{background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:7px 10px;font-size:13px}.drawer{position:fixed;inset:0;background:rgba(7,13,11,.35);z-index:40;opacity:0;pointer-events:none;transition:.22s}.drawer.open{opacity:1;pointer-events:auto}.drawer-panel{position:absolute;top:0;right:0;width:min(640px,100%);height:100%;overflow:auto;background:var(--paper);box-shadow:-25px 0 70px rgba(0,0,0,.22);padding:38px;transform:translateX(100%);transition:.28s cubic-bezier(.2,.8,.2,1)}.drawer.open .drawer-panel{transform:translateX(0)}.drawer-close{position:sticky;top:0;float:right;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--bg);color:var(--ink);font-size:24px;cursor:pointer}.drawer h2{font-family:var(--serif);font-size:34px;line-height:1.15;margin:22px 0 10px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.detail-box{border:1px solid var(--line);border-radius:16px;padding:14px;background:var(--bg)}.detail-box strong{display:block;color:var(--accent);margin-bottom:5px}.detail-section{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.detail-section p{font-size:15.5px;line-height:1.85;color:var(--ink)}.site-footer{margin-top:56px;padding:34px 16px 38px;border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.48),rgba(241,238,229,.62));color:var(--muted)}.footer-inner{width:min(100% - 32px,980px);margin:0 auto;text-align:center;display:grid;gap:9px}.footer-brand{font-family:var(--serif);font-size:18px;font-weight:700;color:var(--ink);letter-spacing:.02em}.footer-note{font-size:13.5px;line-height:1.8;color:var(--muted)}.footer-disclaimer{font-size:12.8px;opacity:.88}.footer-copy{margin-top:8px;font-size:12px;letter-spacing:.08em;text-transform:none;color:var(--muted)}.reveal{opacity:1;transform:none}.hero{animation:heroIn .65s ease both}@keyframes heroIn{from{opacity:.0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}@media(max-width:980px){.topnav{display:none}.hero{grid-template-columns:1fr;min-height:auto}.feature-grid,.method-grid{grid-template-columns:repeat(2,1fr)}.database-shell{grid-template-columns:1fr}.filters{position:static}.chart-grid,.card-list.two{grid-template-columns:1fr}}@media(max-width:720px){main{width:min(100% - 24px,1220px)}.topbar{padding:10px 12px}.brand{min-width:auto}.brand span:last-child small{display:none}.hero{padding-top:42px}.hero-panel,.feature-grid,.method-grid{grid-template-columns:1fr}.split-head{display:block}.data-actions{margin-top:14px}.table-wrap{display:none}.mobile-cards{display:grid;gap:12px}.mini-filter{grid-template-columns:1fr}.drawer-panel{padding:22px}.detail-grid{grid-template-columns:1fr}.metric{min-height:110px}.metric span{font-size:42px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.library-panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:0 12px 28px rgba(20,32,28,.04)}
.library-stats{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.stat-chip{border:1px solid var(--line);background:var(--soft);border-radius:999px;padding:8px 11px;font-size:13px;color:var(--muted)}.stat-chip b{color:var(--accent);margin-right:4px}
.legal-filter{grid-template-columns:1.5fr 180px 160px 190px}.law-filter{grid-template-columns:1.5fr 220px 220px}.record-list{display:grid;gap:12px}.record-list.two{grid-template-columns:repeat(2,minmax(0,1fr))}.record-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--paper) 92%,var(--soft));padding:18px;transition:.18s ease;cursor:pointer}.record-card:hover{transform:translateY(-1px);border-color:var(--accent);box-shadow:0 12px 28px rgba(20,32,28,.06)}.record-card h3{margin:0 0 8px;font-size:18px;line-height:1.35}.record-card p{margin:8px 0 0;color:var(--muted);font-size:14px}.record-meta{display:flex;gap:7px;flex-wrap:wrap}.record-action{align-self:center;color:var(--accent);font-size:13px;white-space:nowrap}.source-link{color:var(--accent);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--accent) 35%,transparent)}.source-link:hover{border-bottom-color:var(--accent)}.text-block{white-space:pre-wrap;background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:14px;max-height:300px;overflow:auto}
@media(max-width:980px){.legal-filter,.law-filter{grid-template-columns:1fr 1fr}.record-list.two{grid-template-columns:1fr}}
@media(max-width:720px){.legal-filter,.law-filter{grid-template-columns:1fr}.record-card{grid-template-columns:1fr}.record-action{display:none}}


/* Refined TCM visual layer: restrained herbal line art, favicon-aligned brand mark, and professional motion. */
.herbal-ornament{position:fixed;z-index:-1;pointer-events:none;opacity:.34;color:var(--accent);filter:drop-shadow(0 16px 28px rgba(31,91,82,.08));mix-blend-mode:multiply}.herbal-ornament svg{width:min(22vw,220px);height:auto;overflow:visible}.herb-left{left:max(-46px,-4vw);top:116px;animation:herbFloat 12s ease-in-out infinite}.herb-right{right:max(-62px,-5vw);top:420px;opacity:.24;animation:herbFloat 14s ease-in-out infinite reverse}.herb-stem,.herb-leaf{fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:560;stroke-dashoffset:560;animation:herbDraw 2.6s ease forwards}.herb-leaf{stroke:var(--accent-2);stroke-width:1.8;animation-delay:.18s}.herb-dot{fill:var(--accent-2);opacity:.72;transform-origin:center;animation:herbPulse 3.8s ease-in-out infinite}.herb-brand{position:relative;overflow:hidden;border-color:color-mix(in srgb,var(--accent) 66%,var(--ink));background:linear-gradient(145deg,color-mix(in srgb,var(--soft) 82%,var(--paper)),var(--paper));box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}.herb-brand svg{width:27px;height:27px;fill:none;stroke:var(--accent);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.herb-brand em{position:absolute;bottom:4px;font-style:normal;font-size:7px;letter-spacing:.12em;color:var(--accent-2)}.hero{position:relative;overflow:hidden}.hero::before{content:"";position:absolute;right:clamp(18px,7vw,110px);top:28px;width:168px;height:168px;border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);border-radius:50%;background:radial-gradient(circle at center,color-mix(in srgb,var(--accent) 6%,transparent),transparent 62%);opacity:.75;animation:softOrbit 18s linear infinite}.hero::after{content:"";position:absolute;right:clamp(52px,10vw,148px);top:63px;width:96px;height:96px;background:linear-gradient(135deg,transparent 48%,color-mix(in srgb,var(--accent) 28%,transparent) 49% 51%,transparent 52%),linear-gradient(45deg,transparent 48%,color-mix(in srgb,var(--accent-2) 22%,transparent) 49% 51%,transparent 52%);border-radius:999px;opacity:.46;animation:slowSpin 26s linear infinite}.section-head h2::after{content:"";display:block;width:54px;height:10px;margin-top:10px;background:no-repeat center/54px 10px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 108 20'%3E%3Cpath d='M3 16C25 4 44 4 54 14C64 4 83 4 105 16' fill='none' stroke='%231f5b52' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");opacity:.42}.feature-card,.chart-card,.method-grid article,.metric,.record-card,.library-panel,.database-shell{will-change:transform;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.feature-card:hover,.chart-card:hover,.method-grid article:hover,.metric:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(20,32,28,.08)}.primary-btn,.secondary-btn,.ghost-btn{transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.primary-btn:hover,.secondary-btn:hover,.ghost-btn:hover{transform:translateY(-1px)}.primary-btn:active,.secondary-btn:active,.ghost-btn:active{transform:translateY(0) scale(.985)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .72s ease,transform .72s cubic-bezier(.2,.75,.25,1)}.reveal.in{opacity:1;transform:none}.bar-fill{transform-origin:left center;animation:barGrow .9s cubic-bezier(.2,.75,.25,1) both}.tag-cloud span{transition:transform .18s ease,background .18s ease,border-color .18s ease}.tag-cloud span:hover{transform:translateY(-2px) rotate(-.35deg);border-color:color-mix(in srgb,var(--accent) 38%,var(--line));background:color-mix(in srgb,var(--soft) 70%,var(--paper))}.drawer.open .drawer-panel{animation:drawerEnter .24s cubic-bezier(.2,.75,.25,1) both}@keyframes herbDraw{to{stroke-dashoffset:0}}@keyframes herbFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1.2deg)}}@keyframes herbPulse{0%,100%{transform:scale(1);opacity:.6}50%{transform:scale(1.32);opacity:.95}}@keyframes softOrbit{from{transform:rotate(0deg) translateX(4px) rotate(0deg)}to{transform:rotate(360deg) translateX(4px) rotate(-360deg)}}@keyframes slowSpin{to{transform:rotate(360deg)}}@keyframes barGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes drawerEnter{from{opacity:.75;transform:translateX(18px)}to{opacity:1;transform:none}}@media(max-width:980px){.herbal-ornament{opacity:.18}.herb-right{display:none}.hero::before,.hero::after{opacity:.28}}@media(max-width:720px){.herbal-ornament{display:none}.section-head h2::after{width:42px;background-size:42px 8px}.hero::before,.hero::after{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.herbal-ornament,.herb-stem,.herb-leaf,.herb-dot,.hero::before,.hero::after,.bar-fill,.drawer.open .drawer-panel{animation:none!important}.reveal{opacity:1;transform:none;transition:none}.feature-card,.chart-card,.method-grid article,.metric,.record-card,.primary-btn,.secondary-btn,.ghost-btn,.tag-cloud span{transition:none!important}}


/* Fine tune hero decoration toward a recognizable herbarium-style sprig rather than pure geometry. */
.hero::after{right:clamp(42px,9vw,138px);top:52px;width:116px;height:132px;border-radius:0;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 160'%3E%3Cg fill='none' stroke='%231f5b52' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' opacity='.72'%3E%3Cpath d='M70 148C60 106 63 65 76 18'/%3E%3Cpath d='M67 104C44 94 31 75 29 51C53 55 68 72 72 96'/%3E%3Cpath d='M73 79C99 70 115 52 119 29C94 31 78 48 71 71'/%3E%3Cpath d='M64 130C43 124 28 111 20 92C42 91 59 103 68 122'/%3E%3C/g%3E%3Cg fill='%238b6f3e' opacity='.68'%3E%3Ccircle cx='76' cy='18' r='4'/%3E%3Ccircle cx='119' cy='29' r='3'/%3E%3Ccircle cx='20' cy='92' r='3'/%3E%3C/g%3E%3C/svg%3E");opacity:.4;animation:herbFloat 13s ease-in-out infinite}


/* Keep anchor jumps clear of the sticky navigation. */
section{scroll-margin-top:96px}


/* Review round refinements: view-only database, stronger herbarium craft, clearer hierarchy and interactions. */
main{width:min(1240px,calc(100% - 40px))}.hero{min-height:560px;grid-template-columns:minmax(0,1.02fr) minmax(320px,.82fr);gap:clamp(28px,5vw,76px);padding:76px 0 54px}.lead{max-width:720px}.hero-search{display:flex;gap:10px;align-items:center;width:min(720px,100%);margin:24px 0 10px;padding:7px;background:color-mix(in srgb,var(--paper) 88%,transparent);border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:999px;box-shadow:0 16px 42px rgba(20,32,28,.06)}.hero-search input{flex:1;min-width:0;border:0;background:transparent;color:var(--ink);padding:12px 16px;font-size:15px;outline:none}.hero-search input::placeholder{color:color-mix(in srgb,var(--muted) 78%,transparent)}.quick-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.quick-tags button,.view-only-badge{border:1px solid var(--line);background:color-mix(in srgb,var(--soft) 62%,var(--paper));color:var(--accent);border-radius:999px;padding:7px 11px;font-size:13px}.quick-tags button{cursor:pointer}.quick-tags button:hover{border-color:var(--accent);transform:translateY(-1px)}.view-only-badge{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.view-only-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent)}.metric{position:relative;text-decoration:none;color:var(--ink);overflow:hidden}.metric em{font-style:normal;font-size:12px;color:var(--accent);opacity:0;transform:translateY(5px);transition:.2s ease}.metric:hover em{opacity:1;transform:none}.metric::after{content:"";position:absolute;inset:auto 18px 14px auto;width:26px;height:1px;background:var(--accent);opacity:.32}.scope-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:-18px auto 34px}.scope-strip>div{background:color-mix(in srgb,var(--paper) 90%,transparent);border:1px solid var(--line);border-radius:18px;padding:16px 18px;box-shadow:0 12px 28px rgba(20,32,28,.04)}.scope-strip strong{display:block;color:var(--accent);font-size:14px}.scope-strip span{display:block;color:var(--muted);font-size:14px;margin-top:3px}.herbal-ornament{opacity:.22}.herb-left{left:max(-28px,-2vw);top:104px}.herb-right{right:max(-42px,-3vw);top:390px;opacity:.16}.herb-stem{stroke-width:2.35}.herb-leaf{stroke-width:2.05}.herb-leaf.small{stroke-width:1.75}.herb-root,.herb-vein{fill:none;stroke:color-mix(in srgb,var(--accent-2) 74%,var(--accent));stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;opacity:.62;stroke-dasharray:520;stroke-dashoffset:520;animation:herbDraw 2.8s ease .2s forwards}.hero::before{right:clamp(8px,5vw,86px);top:44px;opacity:.38}.hero::after{right:clamp(38px,7vw,116px);top:70px;opacity:.3}.herb-brand{border-radius:14px}.herb-brand em{display:none}.herb-brand .brand-leaf,.herb-brand .brand-stem{fill:none;stroke:var(--accent);stroke-width:2.15;stroke-linecap:round;stroke-linejoin:round}.section{padding:72px 0}.section-head{margin-bottom:24px}.feature-card{position:relative;min-height:168px}.feature-card::after{content:"";position:absolute;right:16px;bottom:16px;width:38px;height:38px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 12%,transparent),transparent 68%)}.database-shell{align-items:start}.filters{position:sticky;top:92px}.data-table{font-size:14px}.data-table th{font-size:12px;letter-spacing:.03em}.data-table td{vertical-align:top}.data-table td:nth-child(2){min-width:230px}.record-card{min-height:118px}.record-card h3{font-size:17px}.drawer-panel{width:min(780px,calc(100% - 28px))}.site-footer{display:flex;gap:10px;flex-direction:column;align-items:center;text-align:center;color:var(--muted);padding:34px 20px;border-top:1px solid var(--line);margin-top:48px}.site-footer strong{color:var(--ink)}.topnav a.active{background:var(--soft);color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent)}@media(max-width:980px){main{width:min(100% - 28px,760px)}.hero{grid-template-columns:1fr;min-height:auto;padding:48px 0 34px}.hero-search{border-radius:22px;align-items:stretch}.scope-strip{grid-template-columns:1fr}.filters{position:static}.database-shell{grid-template-columns:1fr}.record-list.two{grid-template-columns:1fr}}@media(max-width:720px){main{width:calc(100% - 24px)}.hero-search{display:grid;grid-template-columns:1fr;padding:10px}.hero-search .primary-btn{width:100%}.scope-strip{margin-top:0}.section{padding:52px 0}.topnav{overflow:auto;justify-content:flex-start}.brand{min-width:0}.brand span:last-child small{display:none}.data-actions{width:100%;justify-content:flex-start}.view-only-badge{white-space:normal}.site-footer{font-size:13px}}


/* More distinctive 本草标本 detail without adding visual noise. */
.hero-panel{position:relative;overflow:hidden}.hero-panel::before{content:"";position:absolute;right:18px;top:16px;width:118px;height:148px;opacity:.16;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 190'%3E%3Cg fill='none' stroke='%231f5b52' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke-width='3' d='M75 174C64 132 66 86 84 18'/%3E%3Cpath stroke-width='2.4' d='M71 121C45 111 30 90 28 62C57 64 75 83 80 111M80 91C112 82 132 60 136 32C105 34 84 54 77 84M66 153C43 148 27 134 18 112C43 110 62 123 72 145'/%3E%3Cpath stroke-width='1.2' d='M30 63C49 76 65 91 79 112M135 33C112 48 94 66 78 85M19 113C40 122 57 133 72 146' opacity='.7'/%3E%3Cpath stroke='%238b6f3e' stroke-width='1.4' d='M75 174C64 184 48 188 30 187M75 174C82 185 96 190 116 187M75 174C73 187 78 192 88 194'/%3E%3C/g%3E%3Cg fill='%238b6f3e' opacity='.75'%3E%3Ccircle cx='84' cy='18' r='4'/%3E%3Ccircle cx='136' cy='32' r='3'/%3E%3Ccircle cx='18' cy='112' r='3'/%3E%3C/g%3E%3C/svg%3E")}.hero-panel::after{content:"本草\A HERBARIUM";white-space:pre;position:absolute;right:24px;bottom:18px;color:color-mix(in srgb,var(--accent) 46%,transparent);font:600 11px/1.35 var(--serif);letter-spacing:.16em;text-align:center;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:999px;padding:11px 10px;opacity:.5}.hero-panel .metric{position:relative;z-index:1}


/* Deliverable safety: content is visible by default in screenshots, file previews, and browsers where IntersectionObserver is delayed. */
.reveal{opacity:1!important;transform:none!important}.reveal.in{opacity:1!important;transform:none!important}