html{-webkit-text-size-adjust:100%}a{background-color:transparent}strong{font-weight:bolder}img{border-style:none}button,input{font-family:inherit;font-size:100%;line-height:1.15;margin:0;overflow:visible}button{text-transform:none}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}details{border-left:4px solid #6ea3f3;border-radius:0 8px 8px 0;padding:0;background:#f8f9fa}details summary{padding:1rem 1.25rem;font-weight:600;color:#6ea3f3;cursor:pointer;list-style:none}details summary::-webkit-details-marker{display:none}details>p{margin:0;padding:0 1.25rem 1.25rem;color:#495057}hr{box-sizing:content-box;height:0;overflow:visible}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:root{--font-base:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--shadow-sm:0 2px 6px rgba(0, 0, 0, .08);--shadow-md:0 4px 14px rgba(0, 0, 0, .12);--bp-sm:640px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px}*,::after,::before{box-sizing:border-box}body,button,h1,h2,h3{margin:0;padding:0}html{font-size:14px}@media (min-width:769px){html{font-size:16px}}html{font-size:clamp(14px, .5vw + 13.25px, 18px)}body{min-height:100vh;min-height:100dvh;line-height:1.5;font-size:1rem;font-family:var(--font-base);color:#111827;background:#fff;display:flex;flex-direction:column}a{color:inherit;text-decoration:none;transition:all .3s ease}a:hover{transform:translateY(-2px)}img,video{max-width:100%;display:block}.container,.layout{width:100%;margin-inline:auto;padding-inline:16px}.layout{display:flex;flex-direction:column;gap:20px}.layout-main,.layout-sidebar{width:100%}@media (min-width:769px){.container,.layout{padding-inline:30px}.layout{flex-direction:row}.layout-main{flex:1 1 auto;min-width:0}.layout-sidebar{flex:0 0 auto;width:clamp(250px,30%,350px);max-width:350px;height:fit-content;max-height:calc(100vh - 40px);overflow-y:auto;overscroll-behavior:contain}}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.jc-start{justify-content:flex-start}.jc-center{justify-content:center}.jc-between{justify-content:space-between}.jc-end{justify-content:flex-end}.ai-start{align-items:flex-start}.ai-center{align-items:center}.ai-end{align-items:flex-end}.flex-fill{flex:1 1 auto}.flex-none{flex-shrink:0}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-5{grid-template-columns:repeat(5,1fr)}.grid-6{grid-template-columns:repeat(6,1fr)}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.m-0{margin:var(--space-0)}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-5{margin:var(--space-5)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.p-0{padding:var(--space-0)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.pt-1{padding-top:var(--space-1)}.pt-2{padding-top:var(--space-2)}.pt-3{padding-top:var(--space-3)}.pt-4{padding-top:var(--space-4)}.pt-5{padding-top:var(--space-5)}.pt-6{padding-top:var(--space-6)}.pb-1{padding-bottom:var(--space-1)}.pb-2{padding-bottom:var(--space-2)}.pb-3{padding-bottom:var(--space-3)}.pb-4{padding-bottom:var(--space-4)}.pb-5{padding-bottom:var(--space-5)}.pb-6{padding-bottom:var(--space-6)}.pl-6{padding-left:var(--space-6)}.pr-6{padding-right:var(--space-6)}.gap-0{gap:var(--space-0)}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-md{font-size:1rem}.text-lg{font-size:1.25rem}.text-xl{font-size:1.5rem}.text-2xl{font-size:1.75rem}.text-3xl{font-size:2rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-center{text-align:center}.text-right{text-align:right}.text-bold{font-weight:600}.text-normal{font-weight:400}.text-underline{text-decoration:underline}.text-muted{color:#6b7280}.w-full{width:100%}.h-full{height:100%}.round-sm{border-radius:var(--radius-sm)}.round-md{border-radius:var(--radius-md)}.round-lg{border-radius:var(--radius-lg)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.hidden{display:none}.pointer{cursor:pointer}.overflow-hidden{overflow:hidden}:root{--symbol-item-mobile-min:50px;--symbol-item-mobile-max:60px;--symbol-item-pc-min:70px;--symbol-item-pc-max:80px}/*! 基础样式重置 */h1{font-size:2.2rem;margin-bottom:.5rem}h2.header{font-size:1.3rem;opacity:.9}h2.index{margin:4.5rem auto 1.6rem auto;text-align:center;font-size:1.8rem}/*! 共用 */.container-shadow-border{border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.1)}/*! Toper */.toper{padding:.2rem 0;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1)}.toper .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap}.toper .logo a{color:#2c3e50;font-size:1.3rem;font-weight:600}.toper .logo span{color:#7209b7}.toper .slogan{display:none}.toper nav ul{display:flex;list-style:none;margin:.5rem 0;padding:0}.toper nav li a{font-size:20px;font-weight:700;color:#4361ee}.toper nav li a:hover{color:#7209b7}@media (min-width:769px){.toper .logo a{font-size:1.8rem}.toper .slogan{display:block;font-size:22px;font-weight:700}}/*! Header */header{padding:1.5rem 0;text-align:center;line-height:1.5;color:#fff;margin-bottom:2rem;background:linear-gradient(135deg,#4361ee,#7209b7)}/*! Symbol Board */.symbol-board-bar{display:flex;position:fixed;left:0;right:0;bottom:0;width:100%;height:50px;padding:0 5px;gap:6px;z-index:998;align-items:center;border-radius:6px 6px 0 0;box-shadow:0 2px 8px rgba(0,0,0,.08);background:linear-gradient(135deg,#7209b7,#4361ee)}.symbol-board-title{display:none}.symbol-board-input{flex:1;height:32px;padding:0 12px;font-size:14px;border:1px solid #ccc;border-radius:6px;outline:0;background:#fafafa;transition:border-color .2s,box-shadow .2s}.symbol-board-input:focus{border-color:#4a90e2;box-shadow:0 0 0 2px rgba(74,144,226,.2)}.symbol-board-input.highlight{background-color:#eaf7ff;transition:background-color .3s}.symbol-board-input.highlight:focus{background-color:#fafafa}.symbol-board-actions{display:flex;gap:6px;flex-shrink:0}.symbol-board-btn{height:32px;padding:0 6px;font-size:13px;border:none;border-radius:5px;cursor:pointer;transition:background .2s,color .2s;white-space:nowrap}#btnSymbolBoardCopyAll{background:#4a90e2;color:#fff}#btnSymbolBoardCopyAll:hover{background:#357abd}#btnSymbolBoardClear{background:#f0f0f0;color:#555}#btnSymbolBoardClear:hover{background:#e0e0e0}@media (min-width:769px){.symbol-board-bar{left:50%;width:50%;padding:0 15px;transform:translateX(-50%)}.symbol-board-title{display:inline-block;font-size:14px;font-weight:600;color:#fff;white-space:nowrap;flex-shrink:0}}/*! 分类导航 */.nav-toggle{position:fixed;left:0;top:13.8rem;z-index:1000;padding:.85rem 1rem;font-weight:600;color:#fff;background:#4361ee;border:none;border-radius:0 8px 8px 0;cursor:pointer;box-shadow:0 4px 12px rgba(67,97,238,.4)}.category-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;position:fixed;inset:0;transform:translateY(-100%);transition:transform .3s ease;margin:0;padding:.8rem;z-index:1001;overflow-y:auto;border-radius:8px;background:#fff}.category-list.active{transform:translateY(0)}.category-item{display:flex;gap:.5rem;align-items:center;padding:.5rem;white-space:nowrap;overflow:hidden;cursor:pointer;border-radius:6px;background:#edeff1;transition:background .2s}.category-item:hover{background:#e0dfdf}.category-item .symbol{font-size:1.2rem}.category-item .name{font-size:.95rem;font-weight:600;overflow:hidden;text-overflow:ellipsis}.category-item .count{color:#6c757d;font-size:.75rem;font-weight:400;margin-left:.4rem}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:999;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.overlay.active{opacity:1;visibility:visible}@media (min-width:769px){.category-list{inset:auto;top:0;left:-550px;width:500px;height:100vh;transform:none;transition:left .3s ease;box-shadow:2px 0 15px rgba(0,0,0,.2)}.category-list.active{left:0}}/*! 首页的 Category Grid */.index-categories-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));padding-top:5px;overflow:hidden;position:relative;transition:height .5s ease}.index-categories-grid .category-card{padding:.9rem .6rem;text-align:center;cursor:pointer;border:2px solid #dee2e6;border-radius:5px;transition:all .3s ease}.index-categories-grid .category-card:hover{transform:translateY(-3px);box-shadow:0 4px 20px rgba(0,0,0,.15);border-color:#4361ee}.index-categories-grid .category-icon{display:block;font-size:1.8rem}.index-categories-grid .category-name{unicode-bidi:isolate;font-size:1rem;font-weight:600;color:#007bff;margin-top:.6rem}/*! 分类页的 Category Grid */.categories-grid{display:grid;gap:1.8rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding-top:5px}.categories-grid .category-card{padding:.9rem .6rem;text-align:center;border:2px solid #dee2e6;border-radius:5px}.categories-grid .category-card:hover{border-color:#4361ee}.categories-grid .category-icon{display:block;font-size:2.2rem}.categories-grid .category-name{display:block;unicode-bidi:isolate;font-size:1.3rem;font-weight:600;color:#007bff;margin-top:1rem}.categories-grid .category-count{margin-top:1rem;color:#6c757d;font-size:1rem}/*! Symbol Grid */.symbol-header{margin-top:3rem;padding-bottom:1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #e9ecef;margin-bottom:1.5rem}a.symbol-name{font-size:1.8rem;font-weight:700;color:#007bff}a.symbol-name:hover{font-size:1.8rem;color:#056edf}.symbol-grid{display:grid;gap:1rem;padding-top:5px;align-content:start;overflow:hidden;position:relative;transition:height .5s ease}.symbol-grid.index{grid-template-columns:repeat(auto-fit,minmax(var(--symbol-item-mobile-min),1fr))}.symbol-grid.symbols{grid-template-columns:repeat(auto-fit,minmax(var(--symbol-item-mobile-max),1fr))}.symbol-grid.with-mask{--grid-limit-height:335px;height:var(--grid-limit-height)}.symbol-count{background:#007bff;color:#fff;padding:.3rem .8rem;border-radius:20px;font-size:.8rem}.mask-overlay{position:absolute;bottom:0;left:0;right:0;height:75px;background:linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 30%,rgba(255,255,255,.7) 60%,#fff 100%);display:flex;align-items:center;justify-content:center;z-index:10;transition:all .5s ease;cursor:pointer;opacity:1;visibility:visible}.symbol-grid.with-mask.expanded .mask-overlay{opacity:0;visibility:hidden;pointer-events:none}.expand-btn{background-color:#4caf50;color:#fff;border:none;border-radius:25px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.2);z-index:20;transition:all .3s ease;font-size:20px;position:relative}.expand-btn:hover{background-color:#45a049;transform:scale(1.1)}.expand-btn.expand::after{content:"▼"}.expand-btn.collapse::after{content:"▲"}.symbol-grid.with-mask.expanded{height:auto!important}.symbol-grid.with-mask.no-mask .mask-overlay{display:none}.collapse-trigger{display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(20px);transition:all .3s ease}.collapse-trigger.show{opacity:1;transform:translateY(0)}.collapse-trigger button{background-color:#d32f2f!important}.collapse-trigger button:hover{background-color:#b71c1c!important}.symbol-item{display:flex;align-items:center;justify-content:center;padding:.75rem;text-align:center;font-family:Arial,Helvetica,sans-serif;color:#343a40;transition:all .2s ease-in-out;cursor:pointer;border:2px solid #e9ecef;border-radius:8px;background-color:#f8f9fa;position:relative;overflow:hidden}.symbol-item.index{height:var(--symbol-item-mobile-min);font-size:1.8rem}.symbol-item.symbols{height:var(--symbol-item-mobile-max);font-size:2.5rem}.symbol-item:hover{transform:translateY(-2px);color:#fff;box-shadow:0 4px 8px rgba(0,123,255,.2);border-color:#007bff;background-color:#007bff}.symbol-item:active{transform:scale(.98);background-color:#0056b3}.copy-indicator{position:absolute;top:0;left:0;right:0;color:#fff;padding:.2rem;font-size:.7rem;transform:translateY(-100%);transition:all .3s ease;background:#4bb543}.symbol-item.copied .copy-indicator{transform:translateY(0)}@media (min-width:769px){.symbol-grid.index{grid-template-columns:repeat(auto-fit,minmax(var(--symbol-item-pc-min),1fr))}.symbol-grid.symbols{grid-template-columns:repeat(auto-fit,minmax(var(--symbol-item-pc-max),1fr))}.symbol-item.index{height:var(--symbol-item-pc-min);font-size:2.5rem}.symbol-item.symbols{height:var(--symbol-item-pc-max);font-size:3rem}}/*! 符号详情弹窗 */.symbol-popup-container{display:none;flex-direction:column;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);min-width:200px;max-width:390px;padding:12px;z-index:2000;align-items:center;gap:10px;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);background:#fff}.symbol-popup-container.active{display:flex;opacity:1;transform:translateY(0);animation:none}.symbol-popup-container .symbol{font-size:4.5rem}.symbol-popup-container .name{padding:.6rem 0;font-size:16px;color:#4361ee;text-align:center}.symbol-popup-container button{padding:.5rem 1rem;font-size:18px;color:#fff;cursor:pointer;border:none;border-radius:5px;background-color:#4361ee}.symbol-popup-container .close{display:block;position:absolute;top:8px;right:8px;font-size:18px;color:#888;cursor:pointer;border:none;background:0 0}@media (min-width:769px){.symbol-popup-container{top:unset;left:unset;transform:none}.symbol-popup-container .close{display:none}}/*! 文章内容 */.article-content a{color:#0d6efd}.article-content a:hover{text-decoration:underline}.article-content hr{border:none;border-top:1px solid #dfdfdf;height:0;margin:1.5rem 0}/*! Toast Notification */.toast{position:fixed;bottom:35px;left:50%;transform:translateX(-50%);z-index:1000;padding:.75rem 1.5rem;color:#fff;border-radius:25px;box-shadow:0 4px 10px rgba(0,0,0,.2);opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s;background-color:#4bb543}.toast.show{opacity:1;visibility:visible}/*! Footer */footer{margin-top:80px;background-color:#343a40}footer .main{flex-direction:column;gap:20px}footer .links ul{padding:0;list-style:none;gap:20px}footer .copyright{text-align:center}footer,footer a{color:#fff}footer hr{opacity:.25}@media (min-width:769px){footer .main{flex-direction:row;gap:90px}footer .links{min-width:220px}footer .links ul{flex-direction:column;gap:2px}footer .copyright{text-align:right}}