:root{--chem-purple:#78518c;--chem-amber:#aa752e}.portal-main{position:relative}.periodic-trigger{justify-self:center;display:flex;align-items:center;gap:12px;padding:10px 19px;border:1px solid #bda3ca;background:#fffaf2d9;color:#634073;cursor:pointer;border-radius:5px;box-shadow:0 4px 18px #4934550a;font:14px 'Microsoft YaHei',sans-serif;z-index:110;margin:5px auto 12px}.periodic-trigger small{display:block;font-size:10px;color:#827187;line-height:1.8}.periodic-trigger>b{margin-left:16px}.element-mark{position:relative;font:26px Georgia;border:1px solid #bda3ca;padding:6px 12px}.element-mark small{position:absolute;top:0;left:3px;font:9px Georgia}.portal-main{grid-template-rows:auto minmax(150px,1fr) auto auto}.portal-heading{transition:opacity .5s,transform .8s}.gallery-control{transition:opacity .35s}.library-card{transition:transform .62s cubic-bezier(.2,.7,.2,1),opacity .45s,filter .5s!important}.periodic-mode .library-card{transform:translate(calc(-50% + var(--x) + var(--scatter-x)),calc(var(--y) + var(--scatter-y))) rotate(var(--scatter-r)) scale(.74)!important;opacity:0!important;filter:blur(8px);pointer-events:none!important}.periodic-mode .portal-heading{opacity:0;transform:translateY(-25px)}.periodic-mode .gallery-arrow,.periodic-mode .gallery-control,.periodic-mode .periodic-trigger{opacity:0;pointer-events:none}.dissolve-dust{position:fixed;pointer-events:none;z-index:105;width:3px;height:3px;border-radius:50%;background:#aa752e;animation:chem-dust .8s ease-out forwards}@keyframes chem-dust{0%{opacity:0;transform:translate(0,0)}20%{opacity:.6}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.1)}}#periodic-panel{position:fixed;inset:var(--periodic-top,84px) 0 0;z-index:120;overflow:auto;background:#f5f0e7f7;padding:28px clamp(16px,4vw,65px) 60px;opacity:0;transform:translateY(100%);visibility:hidden;transition:transform .85s cubic-bezier(.2,.75,.18,1),opacity .65s,visibility 0s .85s;backdrop-filter:blur(18px);color:#493455}#periodic-panel.is-open{visibility:visible;opacity:1;transform:translateY(0);transition-delay:.12s,.12s,0s}.periodic-header{display:flex;justify-content:space-between;gap:20px;align-items:center;max-width:1500px;margin:auto}.periodic-header .eyebrow{font:10px Consolas;letter-spacing:.14em;color:#aa752e}.periodic-header h1{font:500 clamp(24px,3vw,39px)/1.4 'Noto Serif SC',SimSun,serif;margin:9px 0}.periodic-header p{font-size:12px;color:#827187}.periodic-header button{white-space:nowrap;background:#493455;color:#fffaf2;border:0;border-radius:3px;padding:12px 18px;cursor:pointer}.periodic-tools{display:flex;flex-wrap:wrap;align-items:center;gap:15px;max-width:1500px;margin:22px auto 8px;font-size:12px}.periodic-tools label{display:flex;align-items:center;gap:8px}.periodic-tools input,.periodic-tools select{font:12px 'Microsoft YaHei';background:#fffaf2;border:1px solid #d4c5d9;color:#493455;padding:9px;border-radius:3px;max-width:210px}.periodic-hint{max-width:1500px;margin:8px auto 15px;color:#827187;font-size:11px}.periodic-scroll{overflow-x:auto;max-width:1500px;margin:auto;padding-bottom:12px}#periodic-table{display:grid;grid-template-columns:repeat(18,minmax(42px,1fr));grid-template-rows:18px repeat(7,minmax(62px,1fr)) 14px repeat(2,minmax(62px,1fr));gap:4px;min-width:900px}.element-cell{position:relative;border:1px solid color-mix(in srgb,var(--element) 48%,#fff);background:color-mix(in srgb,var(--element) 20%,#fffaf2);color:#493455;border-radius:3px;cursor:pointer;text-align:center;padding:6px 2px 4px;transition:opacity .2s,background .2s,box-shadow .2s;min-width:0;font-family:'Microsoft YaHei',SimSun-ExtB,sans-serif}.element-cell b{display:block;font:700 clamp(16px,1.6vw,24px)/1 Georgia}.element-cell .element-z{position:absolute;left:4px;top:3px;font:9px Consolas;color:#77617f}.element-cell .element-name{display:block;font-size:11px;margin-top:4px;line-height:1.1}.element-cell.dim{opacity:.12}.element-cell.selected,.element-cell:hover{box-shadow:inset 0 0 0 2px #78518c;background:color-mix(in srgb,var(--element) 37%,#fffaf2)}.group-number{text-align:center;font:10px Consolas;color:#98819e}.f-placeholder{align-self:center;text-align:center;color:#827187;font:10px Georgia}.periodic-lower{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;max-width:1500px;margin:25px auto}#element-detail{background:#fffaf2;padding:26px;border:1px solid #d4c5d9;min-height:285px;border-radius:4px}.element-detail-title{display:flex;align-items:center;gap:20px}.element-detail-symbol{font:54px Georgia;color:#78518c}.element-detail-title h2{font:26px SimSun,SimSun-ExtB,serif;margin:0 0 6px}.element-detail-title small{font:12px Georgia;color:#827187}.element-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:25px 0}.element-facts dt{font-size:10px;color:#827187}.element-facts dd{margin:5px 0 0;font:13px Consolas,'Microsoft YaHei';overflow-wrap:anywhere}.element-note{font-size:11px;line-height:1.9;color:#827187}.element-links{display:flex;gap:8px;flex-wrap:wrap}.element-links a{font-size:11px;padding:7px 9px;color:#78518c;border:1px solid #ded1dc;text-decoration:none}.periodic-guide{padding:12px 20px;font-size:12px;line-height:1.95;color:#827187}.periodic-guide h2{font:23px SimSun,serif;color:#493455}.periodic-guide a{color:#78518c}.periodic-guide .source-note{font-size:10px}.legend-item{display:inline-flex;align-items:center;gap:6px;margin-right:13px;font-size:10px}.legend-item i{width:9px;height:9px;border-radius:2px}.chem-concepts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.chem-concepts a{display:grid;gap:12px;padding:18px;border:1px solid #cbb8d0;text-decoration:none;color:#634073;background:#fffaf280}.chem-concepts small,.chem-concepts span{font-size:10px;color:#aa752e}.chem-concepts b{font-size:15px;font-weight:500}@media(max-width:760px){#periodic-panel{padding-top:15px}.periodic-header{gap:10px}.periodic-header h1{font-size:23px}.periodic-header button{font-size:11px;padding:10px}.periodic-tools{gap:8px}.periodic-tools input{max-width:145px}.periodic-lower{grid-template-columns:1fr}.periodic-trigger{padding:6px 14px;margin-bottom:5px;font-size:12px}.element-mark{font-size:20px}.periodic-trigger small{font-size:9px}.chem-concepts{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){#periodic-panel,.library-card,.portal-heading{transition:none!important}.dissolve-dust{display:none}}.portal-page{isolation:isolate;background:#f5f0e7}.portal-page .wallpaper{z-index:-1}.portal-page .wallpaper:before{opacity:.18}.portal-footer,.portal-page .topbar{background:#f5f0e7cc!important}.interaction-hint,.portal-heading .subtitle,.portal-page .card-copy p,.selection-caption{color:#827187}.chem-concepts{margin-top:20px}.back-to-table{float:right;border:1px solid #ded1dc;background:0 0;padding:6px 9px;font-size:10px;color:#78518c;cursor:pointer}#element-detail{scroll-margin-top:18px}