/* [INPUT]: collection HTML 的文件夹卡片、搜索、筛选和视图控制。
 * [OUTPUT]: 目录式总览，桌面侧栏及手机横向行业选择。
 * [POS]: 汇总站专属工作台，不覆盖企业页面。
 * [PROTOCOL]: 变更时更新此头部，然后检查 CLAUDE.md */
.collection{--bg:#f5f6f8;--accent:#596a9e;--soft:#e9edf6;--ink:#292d37;--muted:#7d8390;--line:#e2e5eb;background:var(--bg)}.collection-shell{display:grid;grid-template-columns:234px 1fr;min-height:100dvh}.collection-sidebar{position:sticky;top:0;height:100dvh;border-right:1px solid var(--line);padding:33px 21px;display:flex;flex-direction:column;background:#f0f2f5}.collection-brand{display:flex;align-items:center;gap:12px;margin-bottom:60px;font-size:18px;font-weight:700;letter-spacing:-.04em}.collection-brand>span{width:42px;height:42px;border-radius:13px;background:linear-gradient(#fff,#e7eaf0);border:1px solid #d8dde6;box-shadow:inset 0 1px white,0 3px 6px #303c5110;display:grid;place-items:center;color:#64749c}.collection-brand>span>.icon{width:23px;height:23px}.collection-brand small{display:block;font-size:8px;color:#8991a2;letter-spacing:.1em;font-weight:500;margin-top:3px}.sidebar-label{font-size:11px;color:#9297a4;padding:0 15px;margin-bottom:15px}.folder-filters{display:flex;flex-direction:column;gap:7px}.filter{display:flex;align-items:center;gap:11px;min-height:45px;padding:11px 13px;border:1px solid transparent;border-radius:12px;font-size:13px;color:#6b7281;background:transparent;text-align:left;white-space:nowrap}.filter>.icon{width:18px;height:18px}.filter small{margin-left:auto;font-size:11px;color:#9298a6}.filter:hover{background:#e7eaf0}.filter.active{background:#fff;border-color:#dfe3eb;color:#344269;box-shadow:0 2px 5px #21355b05}.filter.active>.icon{color:#637aa9}.sidebar-foot{margin-top:auto;padding:25px 13px 0;font-size:11px;color:#9298a5}.folder-line{display:flex;align-items:center;gap:8px;margin-bottom:13px}.folder-line .icon{width:16px;height:16px}.sidebar-foot p{line-height:1.9}.collection-main{min-width:0;max-width:1510px;width:100%;margin:auto;padding:0 52px}.collection-top{display:flex;align-items:center;justify-content:space-between;height:78px;font-size:12px;color:#89909c;border-bottom:1px solid #e7e9ee}.collection-top>span:first-child{display:flex;align-items:center;gap:14px}.collection-top .icon{width:17px;height:17px}.collection-count{border:1px solid #e0e3e9;border-radius:9px;background:#fafbfc;padding:5px 11px;color:#7d8593;font-size:11px}.collection-title{display:flex;justify-content:space-between;align-items:center;padding:43px 0 32px}.collection-title .eyebrow{font-size:10px;color:#7e8dab;letter-spacing:.17em;margin-bottom:14px}.collection-title h1{font-size:clamp(30px,3vw,43px);line-height:1.3;font-weight:650;letter-spacing:-.05em}.collection-title p:last-child{font-size:14px;color:#8b919b;margin-top:15px}.collection-symbol{width:92px;height:92px;border-radius:25px;background:linear-gradient(140deg,#fdfefe,#e2e7f0);border:1px solid #e0e4ec;box-shadow:inset 0 2px 1px white,0 8px 24px #36496609;display:grid;place-items:center;transform:rotate(-8deg);margin-right:12px}.collection-symbol .icon{width:44px;height:44px;color:#899ac0}.collection-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px}.search-box{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e1e5ec;border-radius:13px;padding:12px 16px;width:min(465px,100%);box-shadow:inset 0 1px white,0 2px 5px #29426404}.search-box .icon{color:#939bab;width:18px;height:18px}.search-box input{border:0;outline:0;min-width:0;width:100%;font-size:13px;background:none;color:#3b4351}.search-box:focus-within{outline:2px solid #8c9ec4;outline-offset:2px}.search-box input::placeholder{color:#a1a7b1}.search-box>span{color:#a8afbb;font-size:10px;border:1px solid #e7eaf0;border-radius:5px;padding:1px 6px}.view-switch{display:flex;gap:3px;padding:4px;background:#e9ecf1;border:1px solid #e0e4eb;border-radius:11px}.view-switch button{width:35px;height:32px;border-radius:7px;background:none;color:#a1a8b4;display:grid;place-items:center}.view-switch .icon{width:18px;height:18px}.view-switch button.active{background:#fff;color:#5c6b8b;box-shadow:0 1px 4px #30406012}.results-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.results-heading h2{font-size:15px;font-weight:600;letter-spacing:0}.results-heading>span{font-size:11px;color:#969daa}.folder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 23px}.folder-card{position:relative;display:block;min-width:0;background:#fff;border:1px solid #e1e4eb;border-radius:17px;padding:8px;box-shadow:0 3px 7px #24365a04;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s,border-color .3s}.folder-card:hover{transform:translateY(-6px);box-shadow:0 13px 30px #29416213;border-color:#bac4d6}.folder-card:active{transform:translateY(-1px) scale(.99)}.folder-tab{position:absolute;left:12px;top:-9px;width:78px;height:14px;background:#fff;border:1px solid #e1e4eb;border-bottom:none;border-radius:9px 14px 0 0;z-index:-1}.folder-preview{position:relative;overflow:hidden;height:185px;border-radius:11px;background:#ebe9f6;display:flex;align-items:center;padding:24px 17px;isolation:isolate}.folder-preview>div{position:relative;z-index:2;width:58%;padding-right:3px}.folder-preview small{display:block;font-size:7px;letter-spacing:.1em;margin-bottom:13px;color:#655b8b}.folder-preview strong{font-size:23px;line-height:1.3;letter-spacing:-.05em;color:#342c50;display:block}.folder-preview img{position:absolute;right:0;top:0;height:100%;width:44%;object-fit:cover;border-radius:30px 0 0 0}.preview-open{position:absolute;right:10px;bottom:10px;z-index:3;width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#ffffffdb;backdrop-filter:blur(5px);opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s;color:#394455}.preview-open .icon{width:15px;height:15px}.folder-card:hover .preview-open,.folder-card:focus-visible .preview-open{opacity:1;transform:none}.folder-info{display:flex;align-items:center;padding:17px 8px 10px;gap:8px}.folder-info h2{font-size:15px;font-weight:650;line-height:1.4;letter-spacing:-.03em}.folder-info p{font-size:10px;color:#9a9faa;margin-top:4px}.folder-info>.icon{width:16px;height:16px;color:#b0b7c3;margin-left:auto}.viewed{margin-left:auto;color:#8f99a9;font-size:9px}.viewed+.icon{margin-left:0}.folder-card.theme-shenghuo .folder-preview{background:#ede2d9}.folder-card.theme-shenghuo .folder-preview img{width:100%;opacity:.43;border-radius:0}.folder-card.theme-shenghuo .folder-preview strong,.folder-card.theme-shenghuo .folder-preview small{color:#5b382e}.folder-card.theme-chengming .folder-preview{background:#244d39}.folder-card.theme-chengming .folder-preview strong,.folder-card.theme-chengming .folder-preview small{color:#f0f0d8}.folder-card.theme-chengming .folder-preview img{border-radius:100px 100px 0 0;width:42%;height:85%;top:auto;bottom:0;right:6px}.folder-card.theme-chaoyouliao .folder-preview{background:#fa6c3d}.folder-card.theme-chaoyouliao .folder-preview strong{font-weight:850;color:#4b2419;font-size:26px}.folder-card.theme-chaoyouliao .folder-preview small{color:#6a3022}.folder-card.theme-chaoyouliao .folder-preview img{width:140px;height:140px;top:27px;right:-23px;border-radius:50%;transform:rotate(-10deg)}.folder-card.theme-yuanbaiwei .folder-preview{background:#af3334}.folder-card.theme-yuanbaiwei .folder-preview strong,.folder-card.theme-yuanbaiwei .folder-preview small{color:#fff0e6}.folder-card.theme-yuanbaiwei .folder-preview img{border-radius:12px;width:39%;height:74%;top:13%;right:8px}.folder-card.theme-dayoubao .folder-preview{background:#f5d653}.folder-card.theme-dayoubao .folder-preview strong,.folder-card.theme-dayoubao .folder-preview small{color:#39311b}.folder-card.theme-dayoubao .folder-preview img{width:145px;height:145px;border-radius:50%;top:22px;right:-20px}.folder-card.theme-xincheng-casting .folder-preview{background:#e3e9f0;align-items:start}.folder-card.theme-xincheng-casting .folder-preview img{width:100%;height:52%;top:auto;bottom:0;border-radius:0}.folder-card.theme-xincheng-casting .folder-preview strong{font-size:19px;color:#2b405d}.folder-card.theme-xincheng-casting .folder-preview>div{width:100%}.folder-card.theme-xincheng-casting .folder-preview small{margin-bottom:6px}.folder-card.theme-chuanzhen .folder-preview img{width:100%;border-radius:0;opacity:.8}.folder-card.theme-chuanzhen .folder-preview>div{background:#f6fae9e8;padding:13px;border-radius:12px;width:72%;backdrop-filter:blur(5px)}.folder-card.theme-chuanzhen .folder-preview strong{font-size:19px;color:#395132}.folder-card.theme-chuanzhen .folder-preview small{margin-bottom:8px;color:#5f7653}.folder-card.theme-doufuxuan .folder-preview{background:#e6ede7}.folder-card.theme-doufuxuan .folder-preview strong{color:#355447;font-size:22px;font-weight:550}.folder-card.theme-yalasuo .folder-preview{background:#d5e9f5}.folder-card.theme-yalasuo .folder-preview strong{color:#284e68}.folder-card.theme-yalasuo .folder-preview img{border-radius:70px 0 0 0}.folder-card.theme-daheng-food .folder-preview{background:#252e22}.folder-card.theme-daheng-food .folder-preview strong,.folder-card.theme-daheng-food .folder-preview small{color:#c5dc8a}.folder-card.theme-daheng-food .folder-preview img{top:18px;height:150px;border-radius:12px 0 0 12px}.folder-grid.is-list{grid-template-columns:1fr;gap:14px}.is-list .folder-card{display:flex;align-items:center;gap:22px;padding:8px 20px 8px 8px}.is-list .folder-tab{display:none}.is-list .folder-preview{width:190px;height:100px;flex:none;padding:12px}.is-list .folder-preview strong{font-size:15px!important}.is-list .folder-preview small{font-size:6px;margin-bottom:5px}.is-list .folder-preview img{max-height:100%}.is-list .folder-info{width:100%}.is-list .folder-info h2{font-size:16px}.is-list .folder-info p{font-size:12px}.collection-footer{display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding:25px 0 35px;margin-top:50px;font-size:10px;color:#929aaa}.collection-footer>span{white-space:nowrap;font-size:9px;letter-spacing:.1em}.empty-state{text-align:center;padding:75px 20px;border:1px dashed #d6dce6;border-radius:22px}.empty-state h2{font-size:23px}.empty-state p{margin:15px 0 25px;color:var(--muted);font-size:14px}.mobile-filters{display:none}
@media(min-width:1700px){.folder-preview{height:220px}.folder-preview strong{font-size:28px}}
@media(max-width:1200px){.collection-shell{grid-template-columns:210px 1fr}.collection-main{padding:0 32px}.collection-sidebar{padding-inline:15px}.folder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.folder-preview{height:200px}}
@media(max-width:800px){.collection-shell{display:block}.collection-sidebar{display:none}.collection-main{padding:0 22px}.collection-top{height:61px}.collection-title{padding:32px 0 27px}.collection-title h1{font-size:32px}.collection-symbol{display:none}.collection-title .eyebrow{font-size:9px}.collection-title p:last-child{font-size:13px}.collection-toolbar{margin-bottom:18px}.search-box{max-width:none}.mobile-filters{display:flex;gap:7px;overflow-x:auto;margin:0 -22px 25px;padding:3px 22px 9px;scrollbar-width:none}.mobile-filters .filter{font-size:12px;padding:8px 13px;min-height:36px;background:#eceff4;border-radius:10px}.mobile-filters .filter.active{background:#fff}.folder-grid{gap:26px 15px}.folder-preview{height:180px}.folder-preview strong{font-size:21px}.folder-preview small{font-size:6px}.collection-footer{display:block;line-height:1.8}.collection-footer>span{display:block;margin-top:10px}.results-heading{margin-bottom:24px}}
@media(max-width:480px){.collection-main{padding:0 18px}.collection-title h1{font-size:29px}.folder-grid{grid-template-columns:1fr 1fr;gap:24px 12px}.folder-card{padding:6px;border-radius:15px}.folder-preview{height:155px;padding:15px 11px;border-radius:10px}.folder-preview>div{width:80%}.folder-preview strong{font-size:19px}.folder-preview small{font-size:5px;letter-spacing:.05em}.folder-preview img{width:43%;opacity:.75}.folder-info{padding:12px 5px 8px}.folder-info h2{font-size:13px}.folder-info p{font-size:9px}.folder-info>.icon{width:13px}.folder-card.theme-chaoyouliao .folder-preview strong{font-size:21px}.folder-card.theme-chaoyouliao .folder-preview img,.folder-card.theme-dayoubao .folder-preview img{width:95px;height:95px;top:53px;right:-17px;opacity:.85}.folder-card.theme-xincheng-casting .folder-preview strong{font-size:17px}.folder-card.theme-chuanzhen .folder-preview>div{width:95%;padding:11px 9px}.folder-card.theme-chuanzhen .folder-preview strong{font-size:17px}.folder-card.theme-doufuxuan .folder-preview strong{font-size:18px}.folder-card.theme-daheng-food .folder-preview img{height:119px}.viewed{font-size:8px}.viewed+.icon{display:none}.is-list .folder-preview{width:125px;height:90px}.is-list .folder-preview strong{font-size:13px!important}.is-list .folder-card{gap:8px;padding-right:10px}.collection-count{font-size:10px}.search-box{padding:11px 12px}.search-box>span{display:none}.search-box input{font-size:12px}.view-switch button{width:30px}.view-switch{padding:3px}.collection-toolbar{gap:12px}}
@media(max-width:480px){.mobile-filters{margin-inline:-18px;padding-inline:18px}.folder-preview strong{font-size:17px}.folder-card.theme-chaoyouliao .folder-preview strong{font-size:19px}.folder-preview>div{width:90%}}