/* A compact, paper-inspired market; shared forms and detail pages retain their layout. */
:root{--muted:#5a6b66}
.hero.hall-banner{display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:center;gap:20px;min-height:0;padding:20px 30px;background:radial-gradient(ellipse at 86% 70%,#e1e8de80,transparent 50%),repeating-linear-gradient(0deg,#b5b09e06 0px,#b5b09e06 1px,transparent 1px,transparent 4px),#f6f4ed;border:1px solid #e6e3d8;border-radius:14px}
.hero.hall-banner h1{font-size:30px;line-height:1.35;font-weight:750;letter-spacing:.2px;margin:0 0 9px}
.hero.hall-banner h1 em{color:#176b55;font-style:normal}
.hero.hall-banner p{font-size:13px;color:#5a6b66;line-height:1.7;margin:0}
.hero.hall-banner .banner-action{display:flex;gap:10px;max-width:none;align-items:center;justify-content:flex-start;margin:14px 0 0}
.hero.hall-banner .banner-action button{width:auto;font-size:13px;min-height:38px;padding:9px 15px}
.hero.hall-banner .banner-action .text{border:1px solid #b8c5b9;background:transparent;color:#385647;margin:0}
.brand-workbench{display:block;width:100%;height:180px;object-fit:contain;filter:saturate(.85)}
.layout,.layout.is-sparse{display:block}
.layout .cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.layout.is-sparse .cards{grid-template-columns:minmax(0,1fr)}
.layout .market-task,.layout.is-sparse .market-task{padding:22px 24px;min-height:0;border:1px solid #dbe3dd;border-radius:12px;box-shadow:0 3px 12px #213c2d04;transition:transform 160ms ease,border-color 160ms ease,box-shadow 160ms ease}
.market-task{--category-fg:#385d4b;--category-bg:#edf2ec}
.market-task.tone-testing{--category-fg:#236269;--category-bg:#e7f3f3}
.market-task.tone-writing{--category-fg:#286047;--category-bg:#e9f1e8}
.market-task.tone-design{--category-fg:#625f48;--category-bg:#f1efe5}
.market-task.tone-video{--category-fg:#665976;--category-bg:#f0edf5}
.market-task.tone-career{--category-fg:#775b35;--category-bg:#f5efe3}
.market-task.tone-promotion{--category-fg:#655679;--category-bg:#efedf5}
.market-card-head{display:flex;gap:12px;align-items:center;margin-bottom:16px;min-width:0}
.category-art{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:11px;color:var(--category-fg);background:var(--category-bg)}
.category-art svg{width:24px;height:24px}
.market-card-category{min-width:0;flex:1}.market-card-category .tag{font-size:12px;font-weight:600;color:var(--category-fg);background:var(--category-bg);border-radius:5px;padding:3px 7px;line-height:1.5;white-space:normal}
.market-card-category>small{display:block;color:#5a6b66;font-size:12px;margin-top:5px}
.market-card-head .money{margin:0;font-size:27px;font-weight:750;color:#175d48;line-height:1.3;text-align:right;max-width:48%;overflow-wrap:anywhere}
.market-card-head .money small{font-size:12px;font-weight:400;color:#5a6b66;margin-left:3px}
.market-task h3{font-size:18px;line-height:1.5;font-weight:700;letter-spacing:.15px;margin:0 0 9px}
.excerpt-line{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.market-task .excerpt-line p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;min-width:0;flex:1;color:#5a6b66;font-size:13px;line-height:1.8;-webkit-line-clamp:unset;display:block}
.excerpt-line>span{font-size:12px;color:#426250;flex:none}
.market-task .meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0;padding:9px 12px;background:#f4f6f2;border-radius:6px;font-size:12px;color:#54665d}
.market-task .card-bottom{margin:14px 0 0;padding:0;border:0;gap:12px}
.card-contract-note{color:#5a6b66;font-size:11px}
.market-task [data-detail]{background:white;border:1px solid #aebfb2;color:#315d46;font-size:12px;padding:8px 12px}
.market-task .card-share{background:transparent;border-color:transparent;color:#52695d;font-size:12px}
.filters button,.platform-tabs button{transition:background-color 150ms,color 150ms}
.filters button:not(.active),.platform-tabs button:not(.active),.list-toolbar{color:#576b60}
.market-trust{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:22px;align-items:center;margin:28px 0;padding:22px 0;border-top:1px solid #dfe6df;border-bottom:1px solid #dfe6df}
.market-trust strong{font-size:14px;font-weight:650;color:#345443}
.market-trust p{color:#5a6b66;font-size:12px;line-height:1.7;margin:6px 0 0}
.market-trust button{background:transparent;border-color:#bac9be;font-size:12px;color:#315d46}
.profile-stage{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:26px 36px;min-height:180px;background:repeating-linear-gradient(0deg,#a3ac9208 0px,#a3ac9208 1px,transparent 1px,transparent 4px),#f0f1e8;border:1px solid #e0e4d7;border-radius:12px}
.profile-stage h2{font-size:25px;line-height:1.4;margin:0 0 10px;letter-spacing:.3px}
.profile-stage p{font-size:13px;color:#5a6b66;line-height:1.8}
.profile-stage button{background:transparent;border:1px solid #a9bbaa;color:#315d46;font-size:12px}
.profile-sheet{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:12px;flex-shrink:0;transform:rotate(-3deg);padding:20px 24px;min-width:300px;border:1px solid #d7ded2;background:#fffefa;border-radius:9px;box-shadow:5px 9px 0 #dbe0d255,0 8px 16px #2c43380a}
.profile-monogram{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e9efdf;color:#426149;font-size:18px}
.profile-sheet strong{font-size:15px}.profile-sheet small{display:block;color:#5a6b66;font-size:11px;margin-top:6px}
.profile-sheet p{grid-column:1/-1;display:flex;gap:8px;margin:2px 0 0}.profile-sheet p span{font-size:11px;padding:3px 7px;background:#f0f3ec;border-radius:4px}
.site-footer{border-top:1px solid #dde4dc;margin-top:40px;padding-top:30px;padding-bottom:30px;align-items:flex-start}
.site-footer .brand{font-size:25px}.site-footer .brand-logo{width:36px;height:36px}
.site-footer>div>p{font-size:13px;line-height:1.8;color:#5a6b66;max-width:320px}
.site-footer .footer-links{display:grid;grid-template-columns:repeat(2,minmax(100px,1fr));gap:14px 36px;color:#52665a;font-size:13px}
@media(hover:hover){.layout .market-task:hover{transform:translateY(-3px);border-color:#668c74;box-shadow:0 8px 22px #244e3510}}
@keyframes market-enter{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.banner-copy h1{animation:market-enter 280ms ease-out}.banner-copy>p{animation:market-enter 380ms ease-out}
@media(max-width:1000px){.hero.hall-banner{grid-template-columns:minmax(0,1fr) 250px}.market-card-head .money{font-size:23px}.card-contract-note{display:none}.market-trust{grid-template-columns:repeat(3,1fr)}.market-trust button{grid-column:1/-1;justify-self:start}.profile-stage{padding:24px}.profile-sheet{min-width:260px;padding:16px}}
@media(max-width:760px){.hero.hall-banner{grid-template-columns:1fr;display:block;padding:19px 20px;position:relative;overflow:hidden}.hero.hall-banner h1{font-size:25px;max-width:100%}.hero.hall-banner p{font-size:12px}.brand-workbench{display:none}.hero.hall-banner .banner-action{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.hero.hall-banner .banner-action .text{display:block;font-size:12px}.hero.hall-banner .banner-action button{font-size:12px;padding:9px 12px;min-height:40px}.layout .cards{grid-template-columns:minmax(0,1fr);gap:14px}.layout .market-task,.layout.is-sparse .market-task{padding:18px}.market-task h3{font-size:17px}.market-card-head{gap:10px}.market-card-head .money{font-size:24px;max-width:50%}.market-trust{grid-template-columns:1fr;gap:16px;margin:24px 0;padding:20px 0}.market-trust>div{display:grid;grid-template-columns:100px 1fr;align-items:start;gap:8px}.market-trust p{margin:0}.profile-stage{display:block;padding:24px;min-height:0;overflow:hidden}.profile-stage h2{font-size:22px}.profile-sheet{margin:24px 0 4px;transform:rotate(-2deg);min-width:0;max-width:360px}.site-footer .footer-links{gap:14px 24px}.card-contract-note{display:none}}
@media(prefers-reduced-motion:reduce){.banner-copy h1,.banner-copy>p{animation:none}.layout .market-task,.filters button,.platform-tabs button{transition:none}.layout .market-task:hover{transform:none}}

.market-task,.market-task .task-content-link{min-width:0}.market-task h3{overflow-wrap:anywhere}