:root{--wk-bg:#061329;--wk-panel:#0d2343;--wk-blue:#3986ff;--wk-cyan:#63dfff;--wk-violet:#8165ff;--wk-text:#eef8ff;--wk-muted:#92aac5}.works-page{background:var(--wk-bg);min-height:100vh;color:var(--wk-text);font-family:Arial,Microsoft YaHei,sans-serif;overflow:hidden}.works-page *{box-sizing:border-box}.works-page a{color:inherit;text-decoration:none}.works-hero{background:radial-gradient(circle at 78% 42%,#1c458b,#09234e 32%,#061329 70%);grid-template-columns:1fr .7fr;align-items:center;gap:60px;min-height:570px;padding:105px max(24px,50vw - 560px) 70px;display:grid;position:relative}.works-hero:before{content:"";opacity:.28;background-image:radial-gradient(circle,#d8f6ff 0 1px,#0000 1.5px);background-size:70px 72px;position:absolute;inset:0}.works-hero>div{z-index:1;position:relative}.works-hero>div>span,.works-intro>div>span,.works-featured>span,.submit-hero>span,.work-form-section>span{color:var(--wk-cyan);letter-spacing:.22em;font-size:9px;font-weight:900}.works-hero h1,.submit-hero h1{letter-spacing:-.06em;margin:19px 0 16px;font-size:62px;line-height:1.03}.works-hero h1 em,.submit-hero h1 em{color:#0000;background:linear-gradient(90deg,#61ddff,#8268ff);-webkit-background-clip:text;background-clip:text;font-style:normal}.works-hero p,.submit-hero p{color:#a8bdd6;max-width:600px;font-size:15px;line-height:1.8}.works-hero>div:first-child>div{gap:11px;margin-top:27px;display:flex}.works-hero a{border:1px solid #6bd9ff3d;border-radius:11px;padding:14px 18px;font-size:11px;font-weight:900}.works-hero a:first-child{background:linear-gradient(135deg,#2e8fff,#675cf3);border:0}.works-hero-core{background:radial-gradient(circle,#347fd7,#122b61 68%);border:1px solid #69e0ff6b;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:300px;height:300px;margin:auto;display:flex;box-shadow:0 0 65px #378aff70,inset 0 0 30px #5ddfff50}.works-hero-core:before,.works-hero-core:after{content:"";border:1px dashed #68dfff3f;border-radius:50%;position:absolute;inset:-35px}.works-hero-core:after{inset:-75px;transform:rotate(30deg)}.works-hero-core i{background:#6ee5ff;border-radius:50%;width:11px;height:11px;position:absolute;top:75px;right:-37px;box-shadow:0 0 22px #6ee5ff}.works-hero-core b{font-size:36px}.works-hero-core span{color:#a3e9ff;font-size:9px}.works-intro{background:#071831;justify-content:space-between;align-items:end;gap:30px;padding:75px max(24px,50vw - 560px) 28px;display:flex}.works-intro h2,.works-featured h2,.work-form-section h2{margin:10px 0;font-size:34px}.works-intro p,.works-featured>p{color:var(--wk-muted);margin:0;font-size:12px}.works-intro>a{background:#277fe1;border-radius:10px;padding:12px 17px;font-size:11px;font-weight:900}.works-filters{background:#071831;align-items:end;gap:12px;padding:20px max(24px,50vw - 560px);display:flex}.works-filters>div{flex-direction:column;gap:7px;display:flex}.works-filters span{color:#7290ae;font-size:8px}.works-filters select,.work-submit-form select,.work-submit-form input,.work-submit-form textarea{color:#e8f5ff;background:#0d294a;border:1px solid #65bfff2d;border-radius:10px;outline:none}.works-filters select{min-width:180px;padding:11px}.works-filters>b{color:#62dfff;margin-left:auto;padding-bottom:11px;font-size:10px}.works-gallery{background:#071831;padding:25px max(24px,50vw - 560px) 90px}.work-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.work-card{background:linear-gradient(145deg,#102b4e,#0a203e);border:1px solid #68bfff2b;border-radius:19px;transition:transform .2s,border-color .2s;overflow:hidden;box-shadow:0 16px 35px #0003}.work-card:hover{border-color:#6bdfff70;transform:translateY(-5px)}.work-card-art{background:radial-gradient(circle at 50% 45%,#2b75ca,#172b66 60%,#0e2046);place-items:center;height:180px;padding:17px;display:grid;position:relative}.work-card-art:before{content:"";border:1px dashed #76dfff55;border-radius:50%;width:120px;height:120px;position:absolute}.work-card-art>span{color:#85ddff;background:#09233fd4;border-radius:999px;padding:5px 8px;font-size:8px;position:absolute;top:14px;left:15px}.work-card-art>b{z-index:1;color:#fff;background:#183f79;border-radius:20px;place-items:center;width:66px;height:66px;font-size:22px;display:grid;box-shadow:0 0 25px #4f9eff}.work-card-art>small{color:#9ab9d5;text-overflow:ellipsis;white-space:nowrap;font-size:8px;position:absolute;bottom:13px;left:16px;right:16px;overflow:hidden}.work-card-body{padding:20px}.work-card-meta{justify-content:space-between;display:flex}.work-card-meta span{color:#62dfff;font-size:9px;font-weight:900}.work-card-meta i{border-radius:999px;padding:5px 7px;font-size:7px;font-style:normal}.status-已完成{color:#69e0b3;background:#174b43}.status-待优化{color:#ffd078;background:#503b25}.status-创作中{color:#9ccfff;background:#1b426a}.work-card h3{margin:12px 0 8px;font-size:18px}.work-card-body>p{color:#8fa7c1;height:39px;margin:0;font-size:10px;line-height:1.8;overflow:hidden}.work-ability-tags{flex-wrap:wrap;gap:5px;margin-top:14px;display:flex}.work-ability-tags span{color:#79acd0;border:1px solid #65bfff2c;border-radius:6px;padding:5px 7px;font-size:7px}.work-card footer{border-top:1px solid #6ba1c423;justify-content:space-between;margin-top:15px;padding:14px 0 0;display:flex}.work-card footer small{color:#6684a4;font-size:7px}.work-card footer b{color:#6edfff;font-size:8px}.works-empty{text-align:center;color:#7894b1;padding:60px}.works-featured{text-align:center;background:radial-gradient(circle,#163d7b,#071831 64%);padding:90px max(24px,50vw - 480px)}.works-featured>div{background:#0d2949;border:1px solid #66dfff35;border-radius:20px;max-width:680px;margin:34px auto 0;padding:30px}.works-featured>div>b{background:#287fe6;border-radius:50%;place-items:center;width:48px;height:48px;display:inline-grid}.works-featured>div h3{margin:15px 0 6px;font-size:25px}.works-featured>div span{color:#67dfff;font-size:9px}.works-featured>div p{color:#96adc7;font-size:12px;line-height:1.8}.works-footer{border-top:1px solid #65cfff18;align-items:center;gap:25px;padding:28px max(24px,50vw - 560px);display:flex}.works-footer p{color:#7994b1;flex:1;font-size:10px}.works-footer a{font-size:11px;font-weight:900}.submit-hero{text-align:center;background:radial-gradient(circle at 50% 20%,#193f83,#071831 68%);padding:100px max(24px,50vw - 450px) 58px}.submit-hero>div{justify-content:center;align-items:center;gap:8px;margin-top:30px;display:flex}.submit-hero>div b{color:#65ddff;border:1px solid #65dfff58;border-radius:50%;place-items:center;width:34px;height:34px;font-size:9px;display:grid}.submit-hero>div i{background:#3878a9;width:80px;height:1px}.work-submit-form{max-width:900px;margin:0 auto;padding:45px 24px 90px}.work-form-section{background:#0b2342;border:1px solid #64bfff29;border-radius:20px;margin-bottom:17px;padding:28px}.work-form-section h2{font-size:24px}.work-form-grid{grid-template-columns:1fr 1fr;gap:15px;margin-top:22px;display:grid}.work-form-grid label,.work-status-field{flex-direction:column;gap:8px;display:flex}.work-form-grid label.wide{grid-column:1/-1}.work-submit-form label>b,.work-submit-form legend{color:#9db4cd;font-size:9px}.work-submit-form input,.work-submit-form select,.work-submit-form textarea{width:100%;padding:12px 13px}.work-submit-form textarea{resize:vertical;min-height:105px;line-height:1.6}.work-submit-form input:focus,.work-submit-form select:focus,.work-submit-form textarea:focus{border-color:#63dfff8a;box-shadow:0 0 0 3px #58dfff12}.work-submit-form fieldset{border:0;margin:20px 0 18px;padding:0}.ability-checks{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.ability-checks label{cursor:pointer}.ability-checks input{opacity:0;width:1px;height:1px;position:absolute}.ability-checks span{color:#8ca9c4;border:1px solid #65bfff32;border-radius:999px;padding:10px 13px;font-size:9px;display:block}.ability-checks .selected span{color:#d8f7ff;background:#1a5078;border-color:#65ddff;box-shadow:0 0 15px #4fdfff1f}.work-status-field{max-width:260px}.work-form-error{color:#ffc0b7;background:#622f314f;border:1px solid #ff8b7a55;border-radius:10px;padding:13px;font-size:10px}.work-form-actions{justify-content:flex-end;align-items:center;gap:12px;margin-top:25px;display:flex}.work-form-actions a,.work-form-actions button{border-radius:11px;padding:14px 18px;font-size:11px;font-weight:900}.work-form-actions a{color:#9eb8d0;border:1px solid #65bfff35}.work-form-actions button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2f8eff,#675df3);border:0}@media (max-width:850px){.works-hero{text-align:center;grid-template-columns:1fr}.works-hero>div:first-child>div{justify-content:center}.works-hero-core{margin-top:35px}.work-grid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.works-hero{padding:95px 16px 70px}.works-hero h1,.submit-hero h1{font-size:45px}.works-hero>div:first-child>div{flex-direction:column;align-items:stretch}.works-hero-core{width:240px;height:240px}.works-hero-core:after{inset:-38px}.works-intro{flex-direction:column;align-items:flex-start;padding:60px 16px 20px}.works-filters{flex-direction:column;align-items:stretch;padding:18px 16px}.works-filters select{width:100%}.works-filters>b{margin-left:0}.works-gallery{padding:20px 16px 65px}.work-grid{grid-template-columns:1fr}.works-featured{padding:70px 16px}.works-footer{flex-wrap:wrap}.works-footer p{flex-basis:100%;order:3}.submit-hero{padding:85px 16px 50px}.work-submit-form{padding:30px 16px 70px}.work-form-section{padding:21px 16px}.work-form-grid{grid-template-columns:1fr}.work-form-grid label.wide{grid-column:auto}.work-form-actions{flex-direction:column;align-items:stretch}.work-form-actions a,.work-form-actions button{text-align:center;min-height:48px}}.works-privacy-note{color:#86a4c2;background:#0c2745;border:1px solid #65cfff2f;border-radius:11px;max-width:680px;margin:18px auto 0;padding:12px 15px;font-size:9px;line-height:1.7;display:block}