.portfolio-demo-nav,.portfolio-demo-notice{max-width:1040px;margin:0 auto 18px;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}.portfolio-demo-nav{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;padding:12px 0 18px;border-bottom:1px solid #dbe1e9;font-size:13px}.portfolio-demo-nav a{color:#344454;text-decoration:none;min-height:36px;display:inline-flex;align-items:center}.portfolio-demo-nav a:hover{text-decoration:underline}.portfolio-demo-nav span{margin-left:auto;font-size:11px;color:#798592}.portfolio-demo-notice{padding:18px 20px;border:1px solid #d9e0e9;border-left:3px solid #44566d;border-radius:8px;background:#fff;color:#405166;font-size:13px}.portfolio-demo-notice p{margin:5px 0 0;color:#637083;font-size:12px}.portfolio-demo-notice strong{font-weight:600}.wrap{min-width:0}button{min-height:44px}button:focus-visible,a:focus-visible{outline:3px solid #819cd6;outline-offset:3px}.card table{max-width:100%}pre{white-space:pre-wrap;overflow-wrap:anywhere}#btnGen,#btnClear{display:none!important}input,select,textarea{font-size:16px}input:disabled{visibility:hidden}details>summary{cursor:pointer;padding:4px 0}@media(max-width:620px){.portfolio-demo-nav{gap:9px 17px;margin-bottom:14px}.portfolio-demo-nav span{width:100%;margin-left:0}.portfolio-demo-notice{padding:14px}.card{max-width:100%}td,th{overflow-wrap:anywhere}.out-card{padding:14px}.card .banner{overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}