:root{--ink:#22314a;--muted:#59677e;--paper:#f1f3f8;--card:#fafbff;--accent:#74618b;--line:#ced3e0;--mint:#daeee9;--new:#276452;font-family:'Microsoft YaHei','PingFang SC',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button,a,input{touch-action:manipulation}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #8c73b1;outline-offset:4px}button:disabled{opacity:.4;cursor:default}a{color:inherit}p,h1,h2,h3{margin:0}[hidden]{display:none!important}.skip{position:fixed;left:16px;top:-100px;z-index:100;background:white;padding:12px}.skip:focus{top:10px}.masthead{background:linear-gradient(120deg,#f2f0fa,#e5eaf6 58%,#e4eff0);border-bottom:1px solid var(--line)}.mast-inner{max-width:1600px;margin:auto;padding:36px 42px;display:flex;align-items:center;justify-content:space-between;gap:35px}.brand{display:flex;align-items:center;gap:22px;flex-shrink:0}.brand img{border-radius:50%;border:5px solid #fff9;object-fit:cover;box-shadow:0 4px 22px #62709120}.signature{font:11px/1.5 Georgia,serif;letter-spacing:.16em;color:var(--muted);margin-bottom:8px}h1{font:700 clamp(28px,3.1vw,42px)/1.25 'SimSun','Songti SC',serif;letter-spacing:.1em}h1 span{font:400 14px 'Microsoft YaHei',sans-serif;letter-spacing:.12em;display:inline-block;margin-left:20px;border-left:1px solid #9da6bc;padding-left:20px}.intro{max-width:440px;font-size:17px;line-height:1.75}.intro-small{font-size:13px;color:var(--muted);margin-top:5px}main{max-width:1600px;margin:auto;padding:0 42px 60px}.collection-bar{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0 18px;background:#f1f3f8f5;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.tabs{display:flex;gap:5px;flex-wrap:wrap}.tabs button{border:1px solid transparent;background:transparent;border-radius:8px;padding:11px 15px;font-size:14px;white-space:nowrap;transition:background .2s}.tabs b{font:12px Georgia;margin-left:6px;opacity:.75}.tabs button:hover{background:#e4e7f0}.tabs button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.search-wrap{min-width:0;width:min(320px,35%);display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid #b6bfd0;border-radius:8px;padding:5px 8px 5px 13px}.search-wrap svg{width:17px;height:17px;flex-shrink:0;fill:none;stroke:var(--muted);stroke-width:1.8;pointer-events:none}.search-wrap input{width:100%;min-width:0;min-height:32px;border:0;background:transparent;font-size:13px;color:var(--ink);outline-offset:0}.search-wrap input::-webkit-search-cancel-button{display:none}.search-wrap button{border:0;background:transparent;min-width:32px;height:32px;font-size:23px;color:var(--muted);border-radius:5px}.search-wrap button:hover{background:#e7e9f2}.collection-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:21px 0;font-size:12px;color:var(--muted)}#result-count{font-size:13px}.new-policy{display:flex;gap:7px;align-items:center}.new-dot{width:6px;height:6px;border-radius:50%;background:var(--new)}.catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}.template-card{min-width:0;background:var(--card);border:1px solid #d4d9e5;border-radius:12px;overflow:hidden;box-shadow:0 7px 20px #3c496709;transition:transform .22s,box-shadow .22s}.template-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #3c49671c}.template-card button{display:block;width:100%;text-align:left;border:0;padding:0;background:transparent;border-radius:12px}.template-card button:focus-visible{outline-offset:-4px}.preview-image{aspect-ratio:4/3;background:#e7eaf1;position:relative;overflow:hidden;border-bottom:1px solid #e0e3ec}.preview-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s}.template-card:hover img{transform:scale(1.018)}.preview-hint{position:absolute;right:12px;bottom:12px;background:#22314aec;color:#fff;border:1px solid #ffffff66;padding:7px 12px;border-radius:6px;font-size:12px;transform:translateY(4px);opacity:0;transition:.2s;pointer-events:none}.template-card:hover .preview-hint,.template-card:focus-within .preview-hint{opacity:1;transform:none}.card-info{padding:16px 18px 18px}.card-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px;min-height:22px}.card-category{font-size:11px;letter-spacing:.06em;color:var(--muted)}.new-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 7px;background:var(--mint);color:var(--new);border-radius:4px;font-size:10px;white-space:nowrap}.new-badge b{font-size:11px}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.card-heading h2{font-size:19px;line-height:1.5;font-weight:700;letter-spacing:.04em}.card-arrow{color:#7d7193;font-size:20px;flex-shrink:0}.card-description{font-size:12px;line-height:1.8;color:var(--muted);margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:44px}.card-foot{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#58677d;margin-top:15px;padding-top:11px;border-top:1px solid #e0e4ed}#empty{text-align:center;padding:80px 20px;background:var(--card);border-radius:12px}#empty h2{font-size:22px}#empty p{margin:16px 0;color:var(--muted)}#empty button{background:var(--ink);color:white;border:0;padding:12px 18px;border-radius:8px}.site-footer{border-top:1px solid var(--line);padding:32px 42px;display:flex;justify-content:space-between;align-items:center;gap:25px;max-width:1600px;margin:auto;color:var(--muted);font-size:11px;line-height:1.8}.site-footer strong{font-size:14px;color:var(--ink);font-weight:500}.site-footer p{margin-top:6px}.site-footer>p{max-width:350px}.noscript{padding:50px;background:#fff}#viewer{width:100%;height:100%;max-width:none;max-height:none;inset:0;margin:0;padding:0;border:0;background:#e8eaf1;color:var(--ink);overflow:hidden}#viewer[open]{display:flex;flex-direction:column}#viewer::backdrop{background:#162039bc}.viewer-header{display:flex;align-items:center;gap:22px;padding:12px 24px;background:#fbfcff;border-bottom:1px solid var(--line);flex-shrink:0}.viewer-header button,.viewer-tools button{border:1px solid #c6cedd;background:white;border-radius:6px;min-height:36px;padding:7px 12px;font-size:12px;white-space:nowrap}.viewer-header button:hover,.viewer-tools button:hover{background:#f0eef6}.viewer-name{min-width:0;flex:1}.viewer-name span{font-size:10px;color:var(--muted)}.viewer-name h2{font-size:19px;line-height:1.5}.viewer-navigation{display:flex;gap:8px}.viewer-tools{display:flex;align-items:center;gap:24px;padding:10px 24px;background:#f8f9fd;border-bottom:1px solid var(--line);flex-shrink:0}.device-switch{display:flex;gap:5px}.device-switch button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}#viewer-tip{flex:1;font-size:11px;color:var(--muted)}.file-actions{display:flex;gap:8px}#preview-stage{flex:1;min-height:0;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:#e4e7ef;background-image:radial-gradient(#bdc5d580 .65px,transparent .65px);background-size:10px 10px}#frame-shell{position:relative;box-shadow:0 4px 25px #22314a26;background:white;overflow:hidden;flex-shrink:0}#template-frame{position:absolute;left:0;top:0;border:0;transform-origin:top left;background:white}#loading-template{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#e4e7effa;z-index:1;font-size:14px}.viewer-foot{padding:9px 24px;display:flex;justify-content:space-between;gap:20px;background:#fafbff;font-size:11px;color:var(--muted);flex-shrink:0}#viewer-concept{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#library-toast{position:fixed;bottom:25px;left:50%;max-width:calc(100% - 24px);transform:translateX(-50%);z-index:20;background:#26374e;color:white;border-radius:8px;padding:12px 20px;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s}#library-toast.show{opacity:1}@media(min-width:1650px){.catalog{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1000px){.intro{max-width:330px}.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.mast-inner{padding:28px}.collection-bar{gap:12px}.tabs button{padding:10px 11px}main{padding:0 28px 45px}.viewer-tools{gap:12px}#viewer-tip{display:none}.file-actions{margin-left:auto}}@media(max-width:660px){.mast-inner{padding:24px 18px;display:block}.brand{gap:14px}.brand img{width:58px;height:58px}.signature{font-size:9px}.intro{margin-top:18px;max-width:100%;font-size:14px}.intro-small{font-size:12px}h1{font-size:28px}h1 span{font-size:12px;margin-left:12px;padding-left:12px;letter-spacing:0}.collection-bar{display:block;padding:13px 0}.tabs{justify-content:space-between;flex-wrap:nowrap}.tabs button{padding:10px 9px;font-size:12px}.tabs b{font-size:11px;margin-left:3px}.search-wrap{margin-top:10px;width:100%}.collection-meta{display:block;line-height:1.8;padding:15px 0}.new-policy{margin-top:3px;font-size:11px}main{padding:0 18px 36px}.catalog{grid-template-columns:1fr;gap:22px}.template-card:hover{transform:none}.preview-hint{opacity:1;transform:none;font-size:11px}.site-footer{padding:25px 18px;display:block}.site-footer>p{margin-top:14px}.viewer-header{padding:9px 10px;gap:10px;flex-wrap:wrap}.viewer-header .back{padding:7px 9px;font-size:11px}.viewer-name h2{font-size:16px}.viewer-navigation{width:100%;justify-content:space-between}.viewer-navigation button{width:48%}.viewer-tools{padding:8px 10px;gap:8px;flex-wrap:wrap}.viewer-tools button{font-size:11px;padding:7px 9px;min-height:34px}.file-actions{gap:5px}.viewer-foot{padding:8px 10px;display:block;line-height:1.6}.viewer-foot span{display:block}.viewer-foot span:last-child{font-size:10px}#viewer-concept{max-width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:360px){.tabs{gap:3px}.tabs button{font-size:11px;padding:9px 6px}.tabs b{font-size:10px;margin-left:2px}}