.target-cursor-wrapper{pointer-events:none;z-index:9999;mix-blend-mode:difference;width:0;height:0;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.target-cursor-dot{will-change:transform;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.target-cursor-corner{will-change:transform;border:3px solid #fff;width:12px;height:12px;position:absolute;top:50%;left:50%}.corner-tl{border-bottom:none;border-right:none;transform:translate(-150%,-150%)}.corner-tr{border-bottom:none;border-left:none;transform:translate(50%,-150%)}.corner-br{border-top:none;border-left:none;transform:translate(50%,50%)}.corner-bl{border-top:none;border-right:none;transform:translate(-150%,50%)}.pill-nav-container{z-index:1000;width:min(100% - 48px,1700px);position:fixed;top:22px;left:50%;transform:translate(-50%)}.pill-nav{--nav-h:46px;--pill-pad-x:18px;--pill-gap:3px;background:var(--base);-webkit-backdrop-filter:blur(22px)saturate(145%);backdrop-filter:blur(22px)saturate(145%);border:1px solid #ffffff57;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;width:100%;height:64px;padding:0 18px;display:flex;box-shadow:0 18px 46px #0f2e222e}.pill-nav-items{height:var(--nav-h);background:#ffffff1c;border-radius:9999px;align-items:center;display:flex;position:relative}.pill-logo{width:var(--nav-h);height:var(--nav-h);color:#fff;background:#5cb88af2;border-radius:14px;flex:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex;overflow:hidden}.pill-list{align-items:stretch;gap:var(--pill-gap);height:100%;margin:0;padding:4px;list-style:none;display:flex}.pill-list>li{height:100%;display:flex}.pill{height:100%;padding:0 var(--pill-pad-x);color:var(--pill-text);background:var(--pill-bg);white-space:nowrap;letter-spacing:0;border-radius:9999px;justify-content:center;align-items:center;font-size:.92rem;font-weight:700;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.pill .hover-circle{z-index:1;pointer-events:none;will-change:transform;background:#2f8e6ae6;border-radius:50%;display:block;position:absolute;bottom:0;left:50%}.pill .label-stack{z-index:2;line-height:1;display:inline-block;position:relative}.pill .pill-label,.pill .pill-label-hover{will-change:transform, opacity;line-height:1;display:inline-block}.pill .pill-label-hover{z-index:3;color:var(--hover-text);position:absolute;top:0;left:0}.pill.is-active:after{content:"";z-index:4;background:#5cb88a;border-radius:999px;width:11px;height:11px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.desktop-only{display:block}.mobile-only{display:none}.mobile-menu-button{width:var(--nav-h);height:var(--nav-h);background:#ffffff24;border:0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0;display:none}.hamburger-line{transform-origin:50%;background:#fff;border-radius:1px;width:16px;height:2px}.mobile-menu-popover{z-index:998;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);visibility:hidden;opacity:0;background:#0f2e22d1;border-radius:18px;position:absolute;top:74px;left:0;right:0;box-shadow:0 18px 46px #0f2e222e}.mobile-menu-list{flex-direction:column;gap:4px;margin:0;padding:6px;list-style:none;display:flex}.mobile-menu-link{color:#fff;background:#ffffff1f;border-radius:999px;padding:12px 16px;font-weight:600;text-decoration:none;display:block}@media (width<=900px){.pill-nav-container{width:min(100% - 28px,1700px)}.desktop-only{display:none}.mobile-only,.mobile-menu-button{display:flex}}.card-swap-container{perspective:900px;transform-origin:100% 100%;position:absolute;bottom:0;right:0;overflow:visible;transform:translate(2%,8%)}.swap-card{transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;background:#000;border:1px solid #ffffff52;border-radius:14px;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 24px 56px #00000047}@media (width<=900px){.card-swap-container{transform:scale(.7)translate(18%,18%)}}*,:before,:after{box-sizing:border-box}:root{--green-900:#0f2e22;--green-800:#153d2d;--green-700:#1b523d;--green-600:#267055;--green-500:#2f8e6a;--green-200:#c2ebd9;--green-100:#e5f5ee;--green-50:#f2faf6;--gray-900:#1c1a18;--gray-800:#2d2a27;--gray-700:#45413e;--gray-600:#5e5956;--gray-500:#7a7571;--gray-400:#9c9691;--gray-300:#c4bdb6;--gray-200:#e2d9d0;--gray-100:#f0ebe5;--gray-50:#f7f5f2;--warm-700:#7a5e3e;--warm-600:#a17f53;--warm-100:#f5efe4;--warm-50:#fbf8f3;--white:#fff;--shadow-sm:0 1px 2px #1c1a180d;--shadow-lg:0 10px 32px #1c1a181a;--shadow-xl:0 20px 56px #1c1a1829}html{scroll-behavior:smooth}body{background:var(--gray-50);color:var(--gray-800);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.6;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.hero{background-image:linear-gradient(90deg, #0f2e22f2 0%, #0f2e22d1 45%, #0f2e2294 100%), var(--hero-image);isolation:isolate;background-position:50%;background-size:cover;align-items:flex-end;min-height:100vh;display:flex;position:relative}.hero:before{content:"";z-index:-1;background:#0f2e2238;position:absolute;inset:0}.hero:after{content:"";background:linear-gradient(to bottom, #f7f5f200, var(--gray-50));z-index:-1;height:20vh;position:absolute;bottom:0;left:0;right:0}.hero-inner{width:min(1700px,100% - 48px);min-height:100vh;color:var(--white);grid-template-columns:minmax(0,1.04fr) minmax(420px,.82fr);align-items:center;gap:48px;margin:0 auto;padding:112px 0 7vh;display:grid}.hero-copy{min-width:0}.hero-kicker{color:var(--green-200);letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px;font-size:.84rem}.hero-title{letter-spacing:0;max-width:980px;min-height:1.96em;margin:0;font-size:clamp(4rem,7.6vw,8.6rem);font-weight:800;line-height:.98}.hero-title-line{display:block}.split-parent{white-space:normal;word-wrap:break-word;will-change:transform, opacity;overflow:hidden}.split-char,.split-space{white-space:pre;will-change:transform, opacity;display:inline-block}.hero-subtitle{color:#ffffffc7;max-width:660px;margin:28px 0 0;font-size:1.08rem}.hero-stats{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.hero-stats>span{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #ffffff38;border-radius:12px;align-items:baseline;gap:8px;min-width:126px;padding:10px 16px;display:inline-flex}.hero-stats strong{font-size:1.6rem}.hero-stats em{font-style:normal}.hero-stats strong,.hero-stats em{align-items:baseline;display:inline-flex}.hero-gallery{align-self:center;min-width:0;height:440px;position:relative;transform:translate(-92px,34px)}.hero-gallery .card-swap-container{right:92px}.hero-swap-card img{object-fit:cover;width:100%;height:100%;display:block}.swap-card-caption{color:#fff;background:linear-gradient(#0000,#000000b8);gap:3px;padding:16px;display:grid;position:absolute;bottom:0;left:0;right:0}.swap-card-caption strong{text-overflow:ellipsis;white-space:nowrap;font-size:.96rem;overflow:hidden}.swap-card-caption span{color:#ffffffc7;font-size:.82rem}.filter-dock{z-index:950;width:min(100% - 48px,1700px);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(22px)saturate(140%);backdrop-filter:blur(22px)saturate(140%);background:#ffffffe0;border:1px solid #e2d9d0d1;border-radius:14px;margin:28px auto 24px;position:sticky;top:102px;overflow:hidden;transform:none}.category-row{border-bottom:1px solid var(--gray-200);gap:4px;padding:12px 14px;display:flex;overflow-x:auto}.cat-item{color:var(--gray-600);white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:8px 15px;transition:all .2s}.cat-item:hover{color:var(--green-700);background:var(--green-50)}.cat-item.active{color:var(--white);background:var(--green-800);font-weight:600}.filter-row{flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;display:flex}.search-box,.select-wrap{border:1px solid var(--gray-300);height:36px;color:var(--gray-500);background:var(--white);border-radius:8px;align-items:center;gap:8px;transition:all .2s;display:inline-flex}.search-box{flex:0 320px;padding:0 11px}.search-box:focus-within,.select-wrap:focus-within{border-color:var(--green-500);box-shadow:0 0 0 3px #2f8e6a1f}.search-box input,.select-wrap select{width:100%;color:var(--gray-700);background:0 0;border:0;outline:0}.select-wrap{min-width:126px;padding:0 9px;position:relative}.select-wrap select{appearance:none;min-width:92px;padding-right:10px}.select-wrap svg:last-child{pointer-events:none}.btn-reset{border:1px solid var(--gray-300);height:36px;color:var(--gray-600);background:var(--white);border-radius:8px;align-items:center;gap:7px;padding:0 15px;transition:all .2s;display:inline-flex}.btn-reset:hover{color:var(--green-700);border-color:var(--green-500);background:var(--green-50)}.filter-count{color:var(--gray-500);white-space:nowrap;margin-left:auto;font-size:.86rem}.filter-count strong{color:var(--green-700)}.content-wrap{width:min(1700px,100% - 48px);margin:0 auto;padding:0 0 80px}.masonry{column-count:5;column-gap:16px}.card{break-inside:avoid;background:var(--white);width:100%;box-shadow:var(--shadow-sm);border-radius:12px;margin:0 0 16px;transition:box-shadow .25s,transform .25s;display:inline-block;position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-img-wrapper{background:var(--gray-100);position:relative;overflow:hidden}.card-img{width:100%;transition:transform .4s;display:block}.card:hover .card-img{transform:scale(1.04)}.card-img-placeholder{min-height:220px;color:var(--gray-400);place-items:center;gap:8px;display:grid}.card-overlay{opacity:0;background:linear-gradient(#0000,#00000094);justify-content:center;align-items:flex-end;gap:8px;padding-bottom:14px;transition:opacity .25s;display:flex;position:absolute;inset:0}.card:hover .card-overlay{opacity:1}.card-action{width:38px;height:38px;color:var(--gray-700);background:#ffffffeb;border:0;border-radius:50%;place-items:center;transition:all .2s;display:grid}.card-action:hover{background:var(--white);transform:scale(1.08)}.card-action.active{color:var(--white);background:var(--green-500)}.card-fav-badge,.card-like-badge{z-index:2;position:absolute;top:9px}.card-fav-badge{color:var(--white);background:var(--green-500);border-radius:999px;padding:3px 9px;font-size:.72rem;font-weight:600;left:9px}.card-like-badge{width:30px;height:30px;color:var(--white);background:#0000007a;border-radius:50%;place-items:center;display:grid;right:9px}.card-body{padding:11px 14px 14px}.card-title{min-height:2.6em;color:var(--gray-800);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:.9rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.card-meta,.detail-tags{flex-wrap:wrap;gap:5px;display:flex}.card-tag,.detail-tag{border:1px solid var(--green-200);color:var(--green-700);background:var(--green-50);border-radius:5px;padding:2px 8px;font-size:.72rem}.card-tag.gray{color:var(--gray-600);border-color:var(--gray-200);background:var(--gray-100)}.card-tag.warm{color:var(--warm-700);border-color:var(--gray-200);background:var(--warm-100)}.card-info,.card-stats{color:var(--gray-500);flex-wrap:wrap;gap:9px;margin-top:8px;font-size:.76rem;display:flex}.card-info span,.stat{align-items:center;gap:4px;display:inline-flex}.stat strong{color:var(--gray-600)}.empty-state{color:var(--gray-500);text-align:center;place-items:center;padding:90px 20px;display:grid}.empty-state h2{color:var(--gray-700);margin:16px 0 4px;font-size:1.2rem}.admin-panel{margin-top:0;scroll-margin-top:120px}.admin-view{width:min(1700px,100% - 48px);min-height:100vh;margin:0 auto;padding:132px 0 80px}.admin-heading{margin-bottom:18px}.admin-heading span{color:var(--green-600);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:800}.admin-heading h2{color:var(--gray-800);margin:4px 0 0;font-size:1.35rem}.admin-stats{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{border-left:3px solid var(--green-500);background:var(--white);box-shadow:var(--shadow-sm);border-radius:12px;padding:20px}.stat-label{color:var(--gray-500);margin-bottom:6px;font-size:.8rem}.stat-value{color:var(--green-800);font-size:1.6rem;font-weight:800}.stat-sub{color:var(--gray-400);margin-top:4px;font-size:.76rem}.admin-table-wrap{box-shadow:var(--shadow-sm);border-radius:12px;overflow-x:auto}.admin-table{border-collapse:collapse;background:var(--white);width:100%;font-size:.84rem}.admin-table th{border-bottom:1px solid var(--gray-200);color:var(--gray-800);background:var(--warm-50);text-align:left;white-space:nowrap;padding:10px 14px;font-weight:700}.admin-table td{border-bottom:1px solid var(--gray-100);max-width:260px;color:var(--gray-700);text-overflow:ellipsis;white-space:nowrap;padding:9px 14px;overflow:hidden}.admin-table tr:hover td{background:var(--gray-50)}.status-badge{border-radius:999px;padding:2px 10px;font-size:.75rem;font-weight:700;display:inline-block}.status-pending{color:var(--warm-600);background:var(--warm-50)}.status-completed{color:var(--green-700);background:var(--green-50)}.status-error{color:#a94442;background:#fbe8e6}.modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000008a;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0}.modal{background:var(--white);width:min(1200px,100%);max-height:90vh;box-shadow:var(--shadow-xl);border-radius:14px;flex-direction:column;animation:.25s slideUp;display:flex;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid var(--gray-200);background:var(--green-50);justify-content:space-between;align-items:center;gap:18px;padding:16px 24px;display:flex}.modal-header h2{color:var(--green-800);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1rem;overflow:hidden}.modal-close{width:34px;height:34px;color:var(--gray-500);background:0 0;border:0;border-radius:7px;flex:none;place-items:center;display:grid}.modal-close:hover{color:var(--gray-800);background:var(--gray-200)}.modal-body{flex:1;min-height:0;display:flex;overflow:hidden}.modal-left,.modal-center,.modal-right{padding:20px;overflow-y:auto}.modal-left{border-right:1px solid var(--gray-200);background:var(--gray-50);flex:0 0 45%}.modal-center{flex:1;min-width:0}.modal-right{border-left:1px solid var(--gray-200);background:var(--gray-50);flex:0 0 25%;min-width:230px}.detail-img-container{background:var(--white);min-height:320px;box-shadow:var(--shadow-sm);border-radius:8px;justify-content:center;align-items:center;display:flex;overflow:hidden}.detail-img-container img{cursor:zoom-in;max-width:100%;max-height:60vh;transition:transform .3s;display:block}.detail-img-container img.zoomed{cursor:zoom-out;transform:scale(1.8)}.detail-img-placeholder{color:var(--gray-400);place-items:center;gap:8px;display:grid}.detail-img-info{color:var(--gray-500);gap:5px;margin-top:12px;font-size:.8rem;display:grid}.detail-img-info div{min-width:0}.detail-img-info span{color:var(--gray-400);margin-right:6px}.detail-img-info strong{color:var(--gray-700);word-break:break-all;font-weight:500}.detail-section{margin-bottom:20px}.detail-section h3,.reco-section h3{border-bottom:1px solid var(--gray-200);color:var(--gray-500);letter-spacing:.04em;margin:0 0 10px;padding-bottom:5px;font-size:.78rem;font-weight:800}.detail-row{align-items:flex-start;gap:8px;padding:5px 0;font-size:.86rem;display:flex}.dl-label{color:var(--gray-500);flex:0 0 90px;font-size:.82rem}.dl-value{min-width:0;color:var(--gray-800);word-break:break-word;flex:1}.dl-value.empty{color:var(--gray-300)}.confidence-bar{background:var(--gray-200);border-radius:999px;height:8px;margin-top:6px;overflow:hidden}.confidence-fill{border-radius:inherit;background:var(--green-500);height:100%}.btn-source-url{color:var(--white);background:var(--green-700);border-radius:8px;align-items:center;gap:7px;padding:9px 16px;text-decoration:none;display:inline-flex}.btn-source-url:hover{background:var(--green-800)}.reco-section{margin-bottom:24px}.reco-section h3{color:var(--gray-700);border:0;align-items:center;gap:7px;display:flex}.reco-section h3:before{content:"";background:var(--green-500);border-radius:999px;width:3px;height:14px}.reco-item{text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;width:100%;padding:7px;display:flex}.reco-item:hover{background:var(--gray-100)}.reco-item img{object-fit:cover;background:var(--gray-100);border-radius:6px;flex:none;width:58px;height:58px}.reco-item span{min-width:0}.reco-item strong{color:var(--gray-700);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;line-height:1.35;display:-webkit-box;overflow:hidden}.reco-item em,.reco-empty{color:var(--gray-400);margin-top:3px;font-size:.72rem;font-style:normal;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:999px}@media (width<=1500px){.masonry{column-count:4}}@media (width<=1180px){.hero-inner{grid-template-columns:1fr}.hero-gallery{display:none}.masonry{column-count:3}}@media (width<=900px){.filter-dock{width:min(100% - 28px,1700px);top:96px}.content-wrap{width:min(100% - 28px,1700px)}.masonry{column-count:2}.modal{max-width:95vw}.modal-body{flex-direction:column}.modal-left,.modal-center,.modal-right{border:0;border-top:1px solid var(--gray-200);flex:auto}.modal-right{display:none}}@media (width<=640px){.hero-inner{width:min(100% - 28px,1700px)}.hero-title{font-size:3.2rem}.masonry{column-count:1}.search-box{flex-basis:100%}.filter-count{margin-left:0}}